加载中…
【新浪首发】“我的圈子”面板图片及文字的修改
(2006-12-16 12:57:48)| 分类： 一笔之力（blog教程及其他） |
本文内容为[大话游虾]原创，请转载者注明出处！！
新浪博客圈子改版之后，又加入了“我的圈子”面板，能让朋友们更方便的整理自己建立和加入的圈子的情况，但博友们普遍反映“我的圈子”面板标题背景图片极为难看，与模版整体搭配很不着调。
就是这个难看的“白条子”
因此，游虾将新面板的代码进行分析，却发现新浪对这一行代码进行了一定程度的隐藏，根本找不到用作该面板标题的图片的所在。所幸的是，今天终于试出了该图片所在的代码，现在将其第一时间发出来，希望对大家有所帮助！！（以下代码均可单独使用。若要加在以前的模版修改代码中使用，请去掉一头一尾的<STYLE
type=text/css>和</STYLE>）
<STYLE type=text/css>这是消除那条白色背景的代码，另外也可以根据以往修改模版图片的经验，将背景换成你所需要的图片，代码如下
.circletitle{background:#transparent! important}
</STYLE>
<STYLE type=text/css>当然，有了这个代码，你还可以自定义上面的“我建立的圈子”、“我加入的圈子”的标题样式，代码如下
.circletitle{background:url("图片地址")! important}
</STYLE>
<STYLE type=text/css>
.circletitle{text-align:center;font-size:16px}
</STYLE>
其中，text-align的值可以是left（左）和right（右），center是居中的意思。font-size值是文字大小，可根据需要自行设置。当然也可尝试一些文字滤镜。但暂时未能改变文字颜色，游虾会再行测试。
另外要提到的是，该“白条子”高宽值大概是21px*192px，可利用高宽控制代码（HEIGHT、width）进行设置。
如果要修改“我的圈子”标题栏上翻和下翻的图片，请使用以下代码：
<STYLE type=text/css>
.circles .up{BACKGROUND: url(图片地址)! important}
.circles .down{BACKGROUND: url(图片地址)! important}
</STYLE>
也可以利用background:#transparent代码对以上图片进行隐藏。
OK，今天就这样了，周末愉快，朋友们！！
转载请勿去掉此标识
喜欢
0
赠金笔
前一篇：游虾帮你做模版之 劲舞团