加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

新浪博客变脸总动员三

(2006-02-11 21:15:32)
分类: 一笔之力(blog教程及其他)
本文为图文教程,打开速度较慢,请大家稍等……

在发表今天的正文之前游虾有几句话要说,因为时间和工作调动的关系,游虾上网的时间明显减少,但是游虾发现大家仍然很热情的在支持我祝福我,游虾在这里非常的感动,同样因为以上的原因,游虾对大家的评论和留言也没有及时的回复,这让游虾十分的愧疚,游虾在这里只有发出更多更好的教程来答谢大家,在这里说一声,谢谢了!!下面是正文——

 
上回说到,新浪博客的模板宽度和标题位置都可以自行调节,但是这还不是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,游虾去也……

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有