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

新浪博客模板特效的源代码

(2006-05-22 18:04:56)
分类: 互联科技类映日花别样红

更换整体页面背景的源代码:
<STYLE type=text/css>
body
{background:url(博客整体页面背景图片) repeat
scroll!important;}
</STYLE>

更换页面题图logo图片的源代码:
<STYLE type=text/css>
.logo
{background:url(博客最上方题图logo图片) no
repeat no scroll!mportant;}
</STYLE>

更换页面横幅题图的源代码:
<STYLE type=text/css>
.banner
{background:url(横幅题图大图) no
repeat no scroll!mportant;}
</STYLE>

更换页面横幅题图下面的菜单图片的源代码:
<STYLE type=text/css>
.menu{
 background:url("题图下的长条菜单图片") no-
repeat center;}
</STYLE>

更换页面文章标题栏上翻时的图片的源代码:
<STYLE type=text/css>
.feeds .up{
  background:url("文章标题栏上翻时的图片") no-
repeat center;}
</STYLE>

更换页面文章标题栏下翻时的图片的源代码:
<STYLE type=text/css>
.feeds .down{
  background:url("文章标题栏下翻时的图片") no-
repeat center;}
</STYLE>

更换页面文章结尾处评论阅读菜单栏的图片的源代码:
<STYLE type=text/css>
.feeds .function{
  background:url("文章结尾处评论阅读菜单栏的图片") no-
repeat right;}
</STYLE>

更换页面空白面板标题栏上翻时图片的源代码:
<STYLE type=text/css>
.links .up{
  background:url("空白面板标题栏上翻时图片");}
</STYLE>

更换页面空白面板标题栏下翻时图片的源代码:
<STYLE type=text/css>
.links .down{
  background:url(空白面板标题栏下翻时的图片);}
</STYLE>

更换页面空白面板的背景图片的源代码:
<STYLE type=text/css>
.links .mid{
 background:url(空白面板的背景图片);}
</STYLE>

更换页面形象照片处的背景图片的源代码:
<STYLE type=text/css>
.photo .mid{
  background:url(形象照片处的背景图片);}
</STYLE>

更换页面自定义空白面板背景图片的源代码:
<STYLE type=text/css>
.label .mid{
  background:url(自定义空白面板的背景图片);}
</STYLE>

更换页面日历面板的背景图片的源代码:
<STYLE type=text/css>
.calendar .mid{
  background:url("日历面板的背景图片");}
</STYLE>

更换页面公告栏标题栏上翻时图片的源代码:
<STYLE type=text/css>
.callboard .up{
 background:url("公告栏标题栏上翻时图片");}
</STYLE>

更换页面公告栏标题栏下翻时图片的源代码:
<STYLE type=text/css>
.callboard .down{
 background:url("公告栏标题栏下翻时图片");}
</STYLE>

更换页面公告栏的背景图片的源代码:
<STYLE type=text/css>
.callboard .mid{
  background:url("公告栏的背景图片");}
</STYLE>

更换页面正文背景图片的源代码:
<STYLE type=text/css>
.bodyBg{
 background:url("正文背景图片");}
</STYLE>

更换页面正文背景图片的源代码:
<STYLE type=text/css>
.bodyBottom{
 background:url("正文背景图片");}
</STYLE>

更换页面正文文章页数图片的源代码:
<STYLE type=text/css>
.feeds .page{
 background:url("正文文章页数图片") no-repeat center;}
</STYLE>

更换页面留言板标题栏上翻时的图片的源代码:
<STYLE type=text/css>
.gbook .up{
 background:url('留言板标题栏上翻时的图片') no-repeat;}
</STYLE>

更换页面留言板标题栏下翻时的图片的源代码:
<STYLE type=text/css>
.gbook .down{
 background:url('留言板标题栏下翻时的图片') no-repeat;}
</STYLE>

改变横幅标题的源代码(blog 名字的字体样式):
<STYLE type=text/css>
.banner .title td{font-size:50px;}
.banner .title td{FILTER: shadow(color=black);}
.banner .title td{color:#e4dc9b;}
.banner table{background:#e4dc9b;transparent;
 filter:alpha(opacity=70);
 border:0px solid #000;}
</STYLE>

代码说明:
.banner .title td{FILTER: shadow(color=black);}
处,FILTER:后面的代码 shadow 是浮雕字体效果.可以自己查找一些其他的文字特效.
后面()里的color=这是文字发光效果的颜色可以换上自己喜欢的颜色.
.banner .title td{font-size:50px;}为字体的大小.
.banner .title td{color:#e4dc9b;}为字体的颜色.
.banner table{background:#transparent; filter:alpha(opacity=80); border:0px solid #000;}这个是文字及其外框的设置.可修改background:后面的值为标题外框的颜色效果.opacity=70是表示文字的透明度.数值可调.border:0px表示外框线条的粗细.数值越大边框线条越粗.数值设为0表示边框隐藏.

调节横幅标题文字位置的源代码:
<STYLE type=text/css>
.banner .title{
 margin-left:10px;
 margin-top:10px;
 font-weight:bold;
}
.banner .link {
MARGIN-TOP: 0px;
MARGIN-LEFT: 10px
}
</STYLE>

说明:
.banner .title 是标题的位置.
left:是标题距页面左边的距离.top:是标据顶部的距离.可自行调节代码中的数值.
.banner .link 指的是下面的
http://blog.sina.com.cn/m/kongfu“复制<收藏”blog地址的位置.自行调节.

注意:
以上源代码要求填写在已有内容的面板里。如果是新增加的面板,至少先要在面板里写上一个字或是字符(为了不影响网页的美观,可在面板里先贴一张喜欢的图片,或是文章分隔线之类的小装饰图,然后再贴源代码,以此来实现已有内容面板的目的),否则flash鼠标特效无效!

0

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

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

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

新浪公司 版权所有