加以美化 Menu bar

 

好可爱 :D 爱上你们这两只啦

此教程比较适合旧模板的 :D [ 就是那种minima 的空白模板啦]

怎样是装饰 Menu bar 呢 ? 

还没装饰的 Menu bar :

 

装饰了的 Menu bar : 

 

丑小鸭变天鹅了呢 :)

首先，你们可以先去这里看教程 :) http://celestinelsw.blogspot.com/2010/04/menu-bar.html

既然她有写了就转载来这里 .

可是现在的代码先进了呢 ( 笑 ) 所以还可以加以美化哦 

要怎样像我的menu bar 这样有背景呢 ? 

只需在 .basictab li a{ 的后面添加 

background:url(图片URL);

就行了

那么要如何弄成圓角的呢 ?

所谓的圓角就是这样啦 （ 你看回去，之前的是不是正方形的 ?

可是这个是圆角的哦

 

同样的，寻找 .basictab li a{   

然后在它的下面添加 

-moz-border-radius: 10px;

温馨提示 : 

1 . 其实还可以做成别的款式哦. 只需动动头脑想一想就行啦 :)

2 . 请在 图片url 放上图片的url

3 . 那个 -moz-border-radius: 10px; 可以自己调的

[ End . ]