如何在文章中添加背景我在发表文章
以下代码可以自定义你的背景,注意,要加在有内容的模板后面
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{
backgro...全部
以下代码可以自定义你的背景,注意,要加在有内容的模板后面
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地址的位置。自行调节。
图片地址必须是网络上已经存在的(这样才能读取图片),最好的方法是利用新浪的博客储存图片(这样你的图片就有地址了),方法很简单,先发表文章,把你的图片通过“图片剪切板”上传到博客,再点击“存为草稿”,这样文章不会发表出去,你再进入“草稿箱”,找出你的那篇文章进入编辑模式,点击左下角的“显示源代码”,你上传的图片地址就显示出来了。
如果只想改变模板的某一部分内容,就在其中的某一段代码贴图部位贴上图片即可。
欢迎来我的博客看看:
。收起