在丰富博客的外观美与功能时通常要用到代源码.我想知道代源到底是什么,怎样识别代源码呢?
就是博客各个版面(模块)都是由源代码组成的,并添加的各种功能特效模块:
新浪博客整体模板各部分实现特殊效果的源代码
更换整体页面背景的源代码:
body
{background:url(博客整体页面背景图片) repeat
scroll!important;}
更换页面题图logo图片的源代码:
。 logo
{background:url(博客最上方题图logo图片) no
repeat no scroll!mportant;}
更换页面横幅题图的源代码:
。banner
{background:url(横幅题图大图) no
repeat no scroll!mportant;}
更换...全部
就是博客各个版面(模块)都是由源代码组成的,并添加的各种功能特效模块:
新浪博客整体模板各部分实现特殊效果的源代码
更换整体页面背景的源代码:
body
{background:url(博客整体页面背景图片) repeat
scroll!important;}
更换页面题图logo图片的源代码:
。
logo
{background:url(博客最上方题图logo图片) no
repeat no scroll!mportant;}
更换页面横幅题图的源代码:
。banner
{background:url(横幅题图大图) no
repeat no scroll!mportant;}
更换页面横幅题图下面的菜单图片的源代码:
。
menu{
background:url("题图下的长条菜单图片") no-
repeat center;}
更换页面文章标题栏上翻时的图片的源代码:
。feeds 。up{
background:url("文章标题栏上翻时的图片") no-
repeat center;}
更换页面文章标题栏下翻时的图片的源代码:
。
wn{ background:url("文章标题栏下翻时的图片") no-
repeat center;}
更换页面文章结尾处评论阅读菜单栏的图片的源代码:
。feeds 。function{
background:url("文章结尾处评论阅读菜单栏的图片") no-
repeat right;}
更换页面空白面板标题栏上翻时图片的源代码:
。
links 。up{
background:url("空白面板标题栏上翻时图片");}
更换页面空白面板标题栏下翻时图片的源代码:
。 wn{ background:url(空白面板标题栏下翻时的图片);}
更换页面空白面板的背景图片的源代码:
。
links 。mid{
background:url(空白面板的背景图片);}
更换页面形象照片处的背景图片的源代码:
。photo 。mid{
background:url(形象照片处的背景图片);}
更换页面自定义空白面板背景图片的源代码:
。
label 。mid{
background:url(自定义空白面板的背景图片);}
更换页面日历面板的背景图片的源代码:
。calendar 。mid{
background:url("日历面板的背景图片");}
更换页面公告栏标题栏上翻时图片的源代码:
。
callboard 。up{
background:url("公告栏标题栏上翻时图片");}
更换页面公告栏标题栏下翻时图片的源代码:
。 wn{ background:url("公告栏标题栏下翻时图片");}
更换页面公告栏的背景图片的源代码:
。
callboard 。mid{
background:url("公告栏的背景图片");}
更换页面正文背景图片的源代码:
。bodyBg{
background:url("正文背景图片");}
更换页面正文背景图片的源代码:
。
bodyBottom{
background:url("正文背景图片");}
更换页面正文文章页数图片的源代码:
。 ge{ background:url("正文文章页数图片") no-repeat center;}
更换页面留言板标题栏上翻时的图片的源代码:
。
gbook 。up{
background:url('留言板标题栏上翻时的图片') no-repeat;}
更换页面留言板标题栏下翻时的图片的源代码:
。 wn{ background:url('留言板标题栏下翻时的图片') no-repeat;}
改变横幅标题的源代码(blog 名字的字体样式):
。
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;}
代码说明:
。
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表示边框隐藏。
调节横幅标题文字位置的源代码:
。banner 。title{
margin-left:10px;
margin-top:10px;
font-weight:bold;
}
。 nk{MARGIN-TOP: 0px;
MARGIN-LEFT: 10px
}
说明:
。
banner 。title 是标题的位置。
left:是标题距页面左边的距离。top:是标据顶部的距离。可自行调节代码中的数值。
。 nk指的是下面的 <收藏”blog地址的位置。自行调节。
注意:
以上源代码要求填写在已有内容的面板里。
如果是新增加的面板,至少先要在面板里写上一个字或是字符(为了不影响网页的美观,可在面板里先贴一张喜欢的图片,或是文章分隔线之类的小装饰图,然后再贴源代码,以此来实现已有内容面板的目的),否则flash鼠标特效无效!
点击此处察看特效模板添加时的注意事项:
进入管理博客---个人首页维护---自定义空白面板---新增---填写面板标题---勾显示源代码---粘贴当前代码---去掉钩---保存
如果是新增的面板可以再接着进入--控制面板----左边功能栏的--定制我的首页----添加模块----勾选新添面板----选取----保存
注意:
有些源代码要求填写在已有内容的面板里。
如果是新增加的面板,至少先要在面板里写上一个字或是字符(为了不影响网页的美观,可在面板里先贴一张喜欢的图片,或是文章分隔线之类的小装饰图,然后再贴源代码,以此来实现已有内容面板的目的),否则flash鼠标特效无效!
。
收起