首页  |  论坛  |  资讯  |  新知  |  互助吧  |  上网指南  |  站长学院  |  商务应用  |  每日新知  |  网络组建  |  PHP开源  |  时代观察  |  电脑教室  |  互联网创业
图片  |Google|  专题  |  春运  |  新发现  |  教你一招  |  病毒安全  |  源码下载  |  下载频道  |  数字产品  |  java开源  |  网络文明  |  网站动态  |  博客加油站
  栏 目 导 航
搜索引擎登录
案例分析
网站策划
盈利探索
站长经验
社区探索与研究
  
新浪博客挂件+模板修改代码
编辑整理:52net.com  最后更新  2006-08-21

1.挂件代码

左侧代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-970); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片URL地址" border=0></DIV>

右侧代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-110); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片URL地址" border=0></DIV>

参数说明:
请在已经建好的模板里加入
1、clientWidth后面负数的绝对值越大,图片越靠近左侧
2、clientHeight后面负数的绝对值越大,图片越靠近上部
3、“图片URL地址”处加入你想用到的图片的URL地址即可


2.模板修改
<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("正文背景图片");}
</STYLE>

代码说明:

请在已经建好的模板里加入

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


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

题图大图,又叫题图下,指的是banner 大小为770*135(不改变模板宽度的情况下)

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

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


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


正文背景图片指的是我们的文章发表了之后文字下面的图



背景图片的大小请点击鼠标右键,点背景另存为,把图片
存到硬盘里,然后看大小就可以了。

注明一点,这里换的图片都必须是网上的,图片剪接什么
的自己弄好了,ps或者acdsee都可以。图片格式为jpg
或者gif.其他的都不行。
 1、本站文章部分来源于互联网,转载是为了更好信息共享。如果侵犯了您的合法权益,请及时  通知我们,我们将第一时间删除。
 2、52net阶梯网力倡IT文化,崇尚互联共享,欢迎各种媒体转载我们的原创文章,转载请注明  出处(包括作者):52net阶梯网(www.52net.com)
相关文章
 
热点文章
  
关于我们 | 免责说明 | 人才招聘 | 给我留言 | 联系我们 | 友情链接 | 网站地图
Copyright @ 2006-2008 52net.com. All rights reserved. 52net阶梯网 版权所有
京ICP备05070331号