Wednesday, September 19, 2007

Green lush模板侧边栏标题双重效果的实现


第一次看到Green Lush模板,就被它漂亮的侧边栏标题吸引了。
如何在新版blogger中实现这个效果呢?有一个低级的办法。其实,略懂css的人都能想到。
第一步:
将下列代码插入<b:skin><![CDATA[/* 和 ]]></b:skin>之间:


h3{
margin: 0;
font-weight: normal;
color: #d8f7af;
font-size: 3.2em;
position: relative;
}

h4{
margin: 0;
display: inline;
position: relative;
top: -.5em;
left: 2em;
font-size: 1.8em;
font-weight: normal;
color: #94c258;
}


改变颜色值以匹配你的模板。当然,大小参数也可以调整,保存模板。
第二步:
打开控制台-模板-页面元素-添加页面元素-HTML/JavaScript,标题一栏空着,在内容框中加入


<h3>...SIDEBAR TITLE...</h3>
<h4>...SIDEBAR TITLE...</h4>


之后加入你想在侧边栏显示的内容就可以了。


1 Comments:

Anonymous Geuro said...

这个效果确实挺不错的。

September 20, 2007 at 6:18 AM  

Post a Comment

Subscribe to Post Comments [Atom]

<< Home