5条有用的Weaver主题技巧(CSS代码段)

今天折腾了一番,给Twenty Ten的子主题2010 Weaver整理了几段CSS代码,这些代码在这个主题管理后台中是没有的,但是很容易添加上去。我先不说这些代码是什么,我先列出使用它们所能发挥的作用:设置菜单透明显示;随意隐藏侧边栏;实现主题圆角显示;设置导航栏边框厚度;设置评论显示属性。代码都是普通代码,高手一看就明白,我们菜鸟可是动足脑筋的,所以如果有错,万望请高手不吝赐教,哈哈!好了,费话不多讲,所有代码都往后台Advanced Options(高级选项)下的<HEAD>section(头部)CSS代码框内填写,下面一边贴上代码一边讲解。

1.至于设置菜单栏透明显示的方法,另外有一篇文章讲得更加明了,大家可以看看这一篇“三条有用的Twenty Ten主题使用技巧”,参考一下。这里只提供一句能让菜单栏透明显示的语句:

  #access {opacity: .6; }

上面的属性opacity表示透明,其后面的数字.6表示透明度,你可以按照自己的喜好设定,这个数字值越小,透明度就越大哦!值得注意的是,透明效果跟菜单的背景有关系的,你可以通过改变背景色以调整其透明效果,如果在设置font值时遇到小小的问题,不防在上面的花括号内加一个”!important”,强调一下,往往会收到意想不到的效果。

2.下面这条代码可以设定隐藏任何一个widget(侧边栏):

  #fourth {display: none;}

前头的#fourth表示第四个侧边栏(即底部的widget),你可以改为第一,第二或第三,值none意即“不显示”。

3.让主题显示圆角。代码如下:

#wrapper{-moz-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -webkit-border-radius: 7px;}

这句代码不仅仅可以应用在Weaver主题中,其它主题也可以用,它甚至能作用于导航栏,评论框以及侧边栏,至于如何放置代码,暂不在本例中讨论,大家可以放狗去搜或请教高手。目前IE和FF对圆角显示支持有些问题,但是还是有办法解决的,可以看看这篇“如何让主题Twenty Ten在IE和FF下显示圆角”。

4.改变导航栏的边框厚度。代码如下:

#access {height: 30px; margin-left:0 }#access a {line-height: 30px;}#access a:hover {height: 30px;}#access ul ul {top: 30px !important;}#access ul ul ul {top:0px !important;}

其中height:30px就表示边框厚度了,你可以根据需要自行设定。

5.下面两名代码让你设定评论区块的显示样式:

#comments .even{background: #FF0000; border:2px solid #0000FF;}

这句将偶数评论2,4,6,8···设定为#FF0000背景色,边框厚度为2个px的实线。

#comments .odd{ background: #0000FF; border:2px solid #FF0000;}

这句将基数数评论1,3,5,7···设定为#0000FF背景色,边框厚度为2个px的实线。

记得要将上面的代码放到后台的<HEAD>section(头部)CSS代码框内哦!当然,熟悉代码结构的朋友就不一定要放在那里了。

原文参考:zeaks

如无特别说明,本站文章皆为原创,若要转载,必须注明以下原文信息:
日志标题: 《5条有用的Weaver主题技巧(CSS代码段)》
日志链接: http://www.chenchunlin.info/5-useful-snippets-for-weaver.html
博客名称: Chenchunlinblog

This entry was posted in WordPress and tagged , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

分享这篇文章:


相关文章:

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>