DIY模版怎么弄?我怎么样可以把
*模板背景源代码:
2*整体模板源代码:
body
{background:url(页面背景图片url) repeat
scroll!important;}
。logo
{background:url(题图logo图片url) no
repeat no scroll!mportant;}
。 banner
{background:url(题图大图url) no
repeat no scroll!mportant;}
。menu{
background:url("题图下面的菜单图片url") no-
repeat center;}
。 feeds 。up{
background:url(...全部
*模板背景源代码:
2*整体模板源代码:
body
{background:url(页面背景图片url) repeat
scroll!important;}
。logo
{background:url(题图logo图片url) no
repeat no scroll!mportant;}
。
banner
{background:url(题图大图url) no
repeat no scroll!mportant;}
。menu{
background:url("题图下面的菜单图片url") no-
repeat center;}
。
feeds 。up{
background:url("正文标题栏上翻时的图片url") no-
repeat center;}
。 wn{ background:url("正文标题栏下翻时的图片url") no-
repeat center;}
。
feeds 。function{background:url("正文摘要结尾处菜单的图片url") no-
repeat right;}
。links 。up{
background:url("面板标题栏上翻时图片url");}
。
wn{ background:url(面板标题栏下翻时的图片url);}
。links 。mid{
background:url(面板的背景图片url);}
。photo 。mid{
background:url(形象照片处的背景图片url);}
。
label 。mid{
background:url(自定义面板的背景图片url);}
。calendar 。mid{
background:url("日历面板背景"url);}
。callboard 。
up{
background:url("公告栏标题栏上翻时图片url");}
。 wn{ background:url("公告栏标题栏下翻时图片url");}
。callboard 。mid{
background:url("公告栏背景图片url");}
。
bodyBg{
background:url("正文背景图片url");}
。bodyBottom{
background:url("正文背景图片url");}
。gbook 。up{
background:url('留言板标题栏上翻时的图片url') no-repeat;}
。
wn{ background:url('留言板标题栏下翻时的图片url') no-repeat;}
。 ge{ background:url("正文文章页数图片url") no-repeat center;}
3*改变模板标题的源代码(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表示边框隐藏。
4*调节标题文字位置的源代码:
。banner 。title{
margin-left:10px;
margin-top:10px;
font-weight:bold;
}
。 nk{MARGIN-TOP: 0px;
MARGIN-LEFT: 10px
}
说明:
。
banner 。title 是标题的位置。
left:是标题距页面左边的距离。top:为标题据顶部的距离。可自行调节代码中的数值。
。 nk指的是下面的<收藏”blog地址的位置。自行调节。
(以上代码只适用于sina blog)图片地址必须是网络上已经存在的(这样才能读取图片),最好的方法是利用新浪的博客储存图片(这样你的图片就有地址了),方法很简单,先发表文章,把你的图片通过“图片剪切板”上传到博客,再点击“存为草稿”,这样文章不会发表出去,你再进入“草稿箱”,找出你的那篇文章进入编辑模式,点击左下角的“显示源代码”,你上传的图片地址就显示出来了。
小提示:如果只想改变模板的某一部分内容,就在其中的某一段代码贴图部位贴上图片即可。
。收起