Vikiworks™ Studio

The <span> tag is a tag that groupings of inline content within the content of a page. It can apply to a custom style to a piece of text (a single letter/word and short phrase) within a structural markup tag. Read more→

CSS is tricky and powerful. It’s easy to create a block style menu with CSS, the tricky part of put a short description under each menu is use SPAN tag, just copy the following to your markup file:

Thanks for Adam pointed out that we don’t need to be wrapped by divs. I made an update with more clean codes here.

<ul class="menu">
<li><a href="#">Menu01<br /><span>Short desc</span></a></li>
<li><a href="#">Menu02<br /><span>Short desc</span></a></li>
<li><a href="#">Menu03<br /><span>Short desc</span></a></li><
/ul>

then you need to put all these to your css file:

ul.menu { margin:0;padding:0; }
ul.menu li { display:block;padding:0; float:left;text-align:left;margin-right:2em; }
ul.menu li a { color:#fff;font:bold 14px georgia;text-decoration:none;line-height: 1.3em; display:block; }
ul.menu li a:hover { color:#ffc300; }
ul.menu li span { font:11px arial; color:#666; margin:0; }
ul.menu li span:hover {color:#999;}

Is that simple! and you can download this zipped sample file below. If you’re interested to see more CSS based menu designs, Smashingmagazine has a great collection and you check out those great design from all over the world.

441 times download.

I’ve been asking for many times on how do I create that sliding showcase on my sidebar. well… I forgot where I’ve grab it originally, and I’m not a good tutorial teller, so I pack it up for you.

downloaded 767 times.

It’s css based and easy to embed it to your blog/website, if you need that ’slider’ transition effect just like mine, you need to use Prototype as well, put the following into your markup file:

<script type="text/javascript" src="prototype.js"></script>

M$ just about released its first beta verison of IE8 to public a hour ago, it really brought my attention back and would like to having a tryout to see if it’s been massive improved.

The team has officially announced that ie8 will interpret web content in the most standards compliant way and now ie8 renders Acid2Face correctly.

Here is the official download for IE8beta1 @ microsoft.