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

“茉莉花开”(仿)模板代码及简说

(2006-10-02 13:29:36)
分类: 【模板】博客技术
 
    模板“茉莉花开”(仿)代码:     >>>风格演示<<<
 

<EMBED style="LEFT: 111px; POSITION: absolute; TOP: -410px" align=right src=http://makings.cn/images/top2.swf width=770 height=710 type=application/x-shockwave-flash ; quality="high" wmode="transparent">

</DIV>
<STYLE type=text/css>
body
{background:url(http://s5.sinaimg.cn/orignal/4afcf41eb6c49c6372d74) repeat fixed!important;;}
.logo
{background:url(http://makings.cn/images/0.jpg) no
repeat no scroll!mportant;}
.banner
{background:url(http://makings.cn//images/0.jpg) no repeat no scroll!mportant;}
.menu{
background:url("http://makings.cn//images/a2.gif") no-
repeat center;}
.feeds .up{
background:url("http://makings.cn//images/a1.gif") no-
repeat center;}
.feeds .down{
background:url("http://makings.cn//images/a1.gif") no-
repeat center;}
.feeds .function{background:url("http://makings.cn//images/a1.gif") no-
repeat right;}
.links .up{
background:url("http://makings.cn//images/a0.gif");}
.links .down{
background:url(http://makings.cn//images/a0.gif);}
.links .mid{
background:url(http://makings.cn//images/a0.gif);}
.photo .mid{
background:url(http://makings.cn//images/a0.gif);}
.label .mid{
background:url(http://makings.cn//images/a0.gif);}
.calendar .mid{
background:url("http://makings.cn//images/a0.gif");}
.callboard .up{
background:url("http://makings.cn//images/a0.gif");}
.callboard .down{
background:url("http://makings.cn//images/a0.gif");}
.callboard .mid{
background:url("http://makings.cn//images/a0.gif");}
.bodyBg{
background:url("http://makings.cn//images/a1.gif");}
.bodyBottom{
background:url("http://makings.cn//images/a1.gif");}
.gbook .up{
background:url('http://makings.cn//images/a1.gif') no-repeat;}
.gbook .down{
background:url('http://makings.cn//images/a1.gif') no-repeat;}
.feeds .page{
background:url("http://makings.cn//images/a1.gif") no-repeat center;}
</STYLE>

 
 
    简说:(代码过多会影响博客打开的速度)
 

<STYLE type=text/css>

body
{background:url(页面背景图片) repeat
scroll!important;}

.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;}

.feeds .down{
background:url("正文标题栏下翻时的图片") no-
repeat center;}

.feeds .function{background:url("正文摘要结尾处菜单的图片") no-repeat right;}

.links .up{
background:url("面板标题栏上翻时图片");}

.links .down{
background:url("面板标题栏下翻时的图片");}

.links .mid{
background:url("面板的背景图片");}

.photo .mid{
background:url(形象照片处的背景图片);}

.label .mid{
background:url("自定义面板的背景图片");}

.calendar .mid{
background:url("日历面板背景");}

.callboard .up{
background:url("公告栏标题栏上翻时图片");}

.callboard .down{
background:url("公告栏标题栏下翻时图片");}

.callboard .mid{
background:url("公告栏背景图片");}

.bodyBg{
background:url("正文背景图片");}

.bodyBottom{
background:url("正文背景图片");}

.gbook .up{
background:url('留言板标题栏上翻时的图片') no-repeat;
}
.gbook .down{
background:url('留言板标题栏下翻时的图片') no-repeat;
}
.feeds .page{
background:url("正文文章页数图片") no-repeat center;
}


</STYLE>



补充一下,很多人问了,以上的图片究竟指的是哪儿:

页面背景图片指的是模板两边空白的地方的照片。
题图logo图片,又叫题图上,指的是最上面比如显示的下面的图片

题图大图,又叫题图下,指的是我模板中的那张刘亦菲的图片。

正文标题栏上翻时的图片指的是文章发表了之后文章标题后的图片。

面板标题栏下翻时的图片指的是点击标题后出现标题后的后面的图片。

面板的背景图片指的是左边比如我的文章列表什么的背景图片。

正文背景图片指的是我们的文章发表了之后文字下面的图片,我文章中的福字就是那样的。

其他的我就不说了,大家修改模板可以灵活运用上面的代码,有些可以不要的,不想改哪项就把哪项的代码删掉。

假如不知道这些背景图片的大小,我教大家一个方法,就是看哪儿的图片大小,就点击鼠标右键,点背景另存为,把图片存到硬盘里,然后看大小就可以了。

注明一点,这里换的图片都必须是网上的,图片剪接什么的自己弄好了,photoshop或者acdsee都可以。图片格式为jpg或者gif.其他的都不行。

具体操作步骤请参照这里,说明一点,和我说的操作步骤有一点不一样的地方是,在勾选源代码的时候,要先在空白面板上写几个字,写什么都可以,然后再勾选显示源代码,
如果在已经存在的面板里用这个代码就不需要写字,好了,就说这么多了,希望你会成功。

 
 
 
代码来源:奔跑的博客

0

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

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

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

新浪公司 版权所有