本文为图文教程,打开速度较慢,请大家稍等……
在发表今天的正文之前游虾有几句话要说,因为时间和工作调动的关系,游虾上网的时间明显减少,但是游虾发现大家仍然很热情的在支持我祝福我,游虾在这里非常的感动,同样因为以上的原因,游虾对大家的评论和留言也没有及时的回复,这让游虾十分的愧疚,游虾在这里只有发出更多更好的教程来答谢大家,在这里说一声,谢谢了!!下面是正文——
上回说到,新浪博客的模板宽度和标题位置都可以自行调节,但是这还不是DIY新浪模板的最后一招,今天要讲到的就是新浪博客各部分文字的修改。
看过前面修改标题的文章的朋友们应该还记得,我们修改标题文字,主要是改动了它的大小,颜色和样式,那么今天修改的原理也是如此,这次和前面几次都不同,没有具体的代码,大家可以参照修改标题文字的方法自己组合代码,以实现更多的效果,在文章的最后游虾会附上一篇css的基本教程,大家感兴趣的可以去看看。
依照惯例,这里先把基本代码贴上来:
<STYLE type=text/css>
.menu a{color:#83148A;}
.links .text{color:#83148A;}
.callboard .title{color:#83148A;}
.links .desc{color:#83148A;}
.feeds .text{color:#83148A;}
.links td a{color:#83148A;}
.feeds .time{color:#83148A;}
.banner .link a{color:#83148A;}
.photo .infoText a{color:#83148A;}
.feeds .title a{color:#83148A;}
.feeds .function a{color:#83148A;}
.feeds .page a{color:#83148A;}
.feeds .page span{color:#83148A;}
.add a{color: #83148A;}
.foot p a,.foot center a{color:#83148A;}
.foot{color:#83148A;}
</STYLE>
从上到下依次是:
.menu a
菜单部分-
.links .text
面板标题文字-
.callboard .title
公告栏标题文字-
.links .desc
网友留言文字-
.feeds .text
正文文字-
.links td a
最新文章列表和留言人的名字-
.feeds .time
正文发表时间-
.banner .link
a 题图处文字-
.photo .infoText a
形象照片处的文字-
.feeds .title a
正文标题文字-
.feeds .function a
正文阅读处文字-
.feeds .page a
正文翻页处文字-
.feeds .page span
正文当前所在页码-
(那个“1”)
.add
a 发表文章-

.foot p a,.foot center
a 页脚处文字-
.foot
最后一个同上
修改的时候一定要注意“#”号后面的字符就是文字颜色代码,大家请自行参考游虾以前的文章进行设置。
以上所讲到的都是修改文字颜色,其实除此之外还有个别地方(如面板标题)可以修改文字样式和大小字体等等,方法和修改标题文字非常相似。游虾在这里举个例子:
.links .text{color:#83148A;FILTER:
glow(color=#000000,direction=2);}
这个代码加上了“FILTER:
glow(color=#000000,direction=2);”即给面板标题文字加上了发光字的效果,当然也可以换成以下代码:
.links .text{color:#83148A;FILTER:
shadow(color=#ffffff);}
这是立体字效果
今天的任务基本完成,原定今天讲述的图片规格问题,因为比较简单,所以只在这里简单的说一下,你可以在你想替换的图片上用鼠标右键点击,选择“背景另存为”,这样就把图片下载下来了,然后查看该图片的属性,即可得到图片的规格。
下次我们将要讲到的是:鼠标特效增强版、如何在新浪博客中实现js特效(就是状态栏特效、加莫林老人等等),相信是大家最感兴趣的,所以请大家千万不要错过!!OK,游虾去也……
加载中,请稍候......