分类: 互联科技类映日花别样红 |
1*模板背景源代码:
<DIV align=left><IMG src="显示在面板里的图片" align=left></DIV>
<DIV align=left><IMG src="显示在面板里的图片" align=left></DIV>
2*整体模板源代码:
<STYLE type=text/css>
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;}
.feeds .down{
background:url("正文标题栏下翻时的图片url")
no-
repeat center;}
.feeds .function{background:url("正文摘要结尾处菜单的图片url") no-
repeat right;}
.links .up{
background:url("面板标题栏上翻时图片url");}
.links .down{
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");}
.callboard .down{
background:url("公告栏标题栏下翻时图片url");}
.callboard .mid{
background:url("公告栏背景图片url");}
.bodyBg{
background:url("正文背景图片url");}
.bodyBottom{
background:url("正文背景图片url");}
.gbook .up{
background:url('留言板标题栏上翻时的图片url')
no-repeat;}
.gbook .down{
background:url('留言板标题栏下翻时的图片url')
no-repeat;}
.feeds .page{
background:url("正文文章页数图片url") no-repeat
center;}
</STYLE>
3*改变模板标题的源代码(blog 的名字样式):
<STYLE type=text/css>
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{
repeat center;}
.feeds .up{
repeat center;}
.feeds .down{
repeat center;}
.feeds .function{background:url("正文摘要结尾处菜单的图片url") no-
repeat right;}
.links .up{
.links .down{
.links .mid{
.photo .mid{
.label .mid{
.calendar .mid{
.callboard .up{
.callboard .down{
.callboard .mid{
.bodyBg{
.bodyBottom{
.gbook .up{
.gbook .down{
.feeds .page{
</STYLE>
3*改变模板标题的源代码(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{font-size:50px;}
.banner .title td{FILTER: shadow(color=black);}
.banner .title td{color:#e4dc9b;}
.banner table{background:#e4dc9b;transparent;
</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表示边框隐藏.
4*调节标题文字位置的源代码:
.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*调节标题文字位置的源代码:
<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{
}
.banner .link {
MARGIN-TOP: 0px;
MARGIN-LEFT: 10px
}
</STYLE>
说明:
.banner .title 是标题的位置.
left:是标题距页面左边的距离.top:为标题据顶部的距离.可自行调节代码中的数值.
.banner .link 指的是下面的 http://blog.sina.com.cn/m/binghe“复制<收藏”blog地址的位置.自行调节.
.banner .title 是标题的位置.
left:是标题距页面左边的距离.top:为标题据顶部的距离.可自行调节代码中的数值.
.banner .link 指的是下面的 http://blog.sina.com.cn/m/binghe“复制<收藏”blog地址的位置.自行调节.
(以上代码只适用于sina blog)图片地址必须是网络上已经存在的(这样才能读取图片),最好的方法是利用新浪的博客储存图片(这样你的图片就有地址了),方法很简单,先发表文章,把你的图片通过“图片剪切板”上传到博客,再点击“存为草稿”,这样文章不会发表出去,你再进入“草稿箱”,找出你的那篇文章进入编辑模式,点击左下角的“显示源代码”,你上传的图片地址就显示出来了。
前一篇:英汉词霸的源代码