如何复制模板代码

显示全部楼层 · 2009-1-30 06:28:38

整体模板更改格式代码之十二：下面是我设置的“白雪公主和七个小矮人”模板，原模板宽度为770，现宽度改为1003，可以说是满屏了，特点是屏幕装饰显得比较大气，如你喜欢这种模板格式，只要把代码中的图片、flash动画地址更换一下，就拥有你自己的特色模板了： <DIV> </DIV><STYLE type=text/css> .logo{background:#transparent}.banner{background:#transparent} .menu{background:#transparent}.feeds .up{background:#transparent} .feeds .down{background:#transparent}.feeds .function{background:#transparent} .links .up{background:#transparent}.links .down{background:#transparent} .links .mid{background:#transparent}.photo .mid{background:#transparent} .label .mid{background:#transparent}.calendar .mid{background:#transparent} .callboard .up{background:#transparent}.callboard .down{background:#transparent} .callboard .mid{background:#transparent}.bodyBg{background:#transparent} .bodyBottom{background:#transparent}.sysW770{background:#transparent} .gbook .up{background:#transparent}.gbook .down{background:#transparent} .feeds .page{background:#transparent}.links .more{background:#transparent} .add{background:#transparent}.add .ico{background:#transparent}</STYLE> <STYLE type=text/css> .bodyTop{display:none;} </STYLE> <STYLE> .banner .link a{display:none;}.banner .link td{display:none;} </STYLE> <STYLE type=text/css>.banner {background:url("http://album.sina.com.cn/pic/494b5c3d02000olm ") no repeat no scroll!mportant;}.banner{height:440px}</STYLE> <STYLE type=text/css>.menu{ width:1003px; height:24px; background:url("http://album.sina.com.cn/pic/494b5c3d02000ook ") no-repeat center; padding:0px 10px; color:#444444;} </STYLE><STYLE type=text/css> .feeds .up{background:url("http://album.sina.com.cn/pic/494b5c3d020009pv ") no-repeat center; } .feeds .down{background:url("http://album.sina.com.cn/pic/494b5c3d020009pv ") no-repeat center; } .feeds .function{background:url("http://album.sina.com.cn/pic/494b5c3d020009rv ") no-repeat right; HEIGHT: 45px } .links .up{background:url("http://album.sina.com.cn/pic/494b5c3d02000kqz "); } .links .down{background:url("http://album.sina.com.cn/pic/494b5c3d02000kqz "); } .callboard .up{background:url("http://album.sina.com.cn/pic/494b5c3d02000kqz "); } .callboard .down{background:url("http://album.sina.com.cn/pic/494b5c3d02000kqz "); } .bodyBg{background:url("http://album.sina.com.cn/pic/494b5c3d02000kdx ");} .add .ico{background:url(" ") no-repeat right;}</style> <STYLE type=text/css>.bodyBottom {background:url(http://album.sina.com.cn/pic/494b5c3d02000myf );}.bodyBottom {margin-left:0px;}{height:92px}</STYLE> <STYLE type=text/css>.bodyBottom{height:120px}</STYLE> <STYLE> body {background:url(http://album.sina.com.cn/pic/494b5c3d02000l8n ) repeat fixed!important;);margin:0px; </STYLE> <DIV> </DIV><STYLE type=text/css> .foot{display:none;} </STYLE> <STYLE type=text/css>.banner .title td{font-size:36px;} .banner .title td{FILTER: glow(color=#000000,direction=2);} .banner .title td{color:#ffff66;} .banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;} </STYLE> <STYLE type=text/css>.bodyTop{width:1003px;} .bodyBg{width:1003px;}.bodyBottom{width:1003px;} .feeds .text{width:660px;}.label{width:280px;} .photo{width:280px;}.callboard{width:280px;} .links{width:280px;}.calendar{width:280px;} .sysBr180{width:180px;}</STYLE> <DIV><EMBED style="LEFT: 0px; POSITION: absolute; TOP: 0px" align=right src= http://imgfree.21cn.com/free/flash/188.swf width=1003 height=440 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED></DIV> <DIV><EMBED style="LEFT: 0px; POSITION: absolute; TOP: 0px" align=right src= http://www.xvlink.com/images/swf/004.swf width=1003 height=440 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED></DIV> 代码说明： background:url ：横幅（即大题图）图片地址，图片的实际宽度必须为1003以上，高度没有限制 height:440px ：横幅（即大题图）图片高度，其高度数值应和图片实际高度相一致 background:url ：横幅下HOME边框条，图片尺寸1003：24 background:url ：文章标题条图片地址，图片尺寸620：32 background:url ：文章标题条图片地址，图片尺寸620：32 background:url ：文章结尾处菜单条图片地址，图片尺寸260：45 background:url ：公告栏小标题图片地址，图片尺寸280：32 background:url ：公告栏小标题图片地址，图片尺寸280：32 background:url ：左侧小标题图片地址（不包括公告栏），图片尺寸280：32 background:url ：左侧小标题图片地址（不包括公告栏），图片尺寸280：32 .bodyBg{background:url ：模板图片地址（主要的） background:url ：页码下面小横条的图片地址 height:120px ：页码下面小横条的高度 body {background:url ：大背景图片地址，就是模板后面的那个大背景图 font-size:36px; ：为标题文字字体的大小数值，可自行调节 color:#ffff66; ：为标题文字的主颜色，可自行调节 src= ：flash动画代码地址 width=1003 height=440 ：flash动画的宽、高数值，应调整为和横幅图片的数值相一致注意事项： 1，按装模板前，把原来的新浪模板调整为“灰色轨迹”或“野蛮丫头”模板，效果会更好； 2，最好把所有的flash动画、挂件之类的装饰全去掉，以免影响网速； 3，必须把图片地址复制粘贴在“ ”两个逗号中间，不要把“ ”复盖掉；没有逗号的，就复制粘贴在（）适号中间，不要把（）复盖掉，否则无效果； 4，如果发现换了模板后字体显示不清楚，这是因为与你原先用的新浪模板字体颜色不搭配的缘故，可以在做好模板后重新选择新浪模板，直到和背景相协调为至； 5，以上代码只能改变博客首页模板，如你要让每页文章背景都和首页一样的话，就要把以上所有代码，用纯文本形式保存，并上传到空间，获取URL地址，在每次发文章同时，勾选文章框下的“显示源代码”框，把获取的URL地址复制粘贴在每篇文章代码的后面就行了；具体操作方法如下：点击管理博客——新增空白面板——先在空白面板上敲一下空格键——钩选“显示源代码”（这时你会看到面板中已经有一行代码了：<DIV> </DIV>）——把以上代码复制粘贴在所有代码之后——钩选显示源代码（钩号消失）——保存新增面板——定制个人首页——选取新增面板——保存设置；
提问者对答案的评价：