分类: *博客教程* -欢迎学习- |
一、我博客上更改模板宽度所用的全套代码:
<style>
.bodybg{width:930px;}
.bodyTop{width:930px;}
.menu{width:930px;}
.bodyBottom{width:930px;}
.sysW770{width:930px;}
.feeds .text{width:660px;}
.feeds .aBody table{width:635px;}
.feeds .itemBox table{width:635px;}
</style>
这里没有对模块的宽度进行更改,因为只要改了模板宽度附带而来的就有改背景的问题,模块宽度再改就更麻烦了。因而不是非常熟悉的朋友我不是很赞成改模板的宽度,如果不是非常必要的话,硬要改模板宽度只会自找麻烦。其中.sysW770{width:930px;}这段代码加不加都可以,因为你们没改底部“新浪BLOG意见反馈留言板”那里的背景,只有改了才用的着。
二、我博客上更改文章标题所用的代码:
<style>
.feeds
.title{color:#333333;font-size:20px;font-family:Tahoma,monospace,arial,system;font-weight:bolder;filter:shadow(color=gray,strength=3);height:100%;width:100%;text-align:center;line-height:100%;padding-top:2px;padding-right:20px;margin-right:30px;!important;}
</style>
其中color:#333333为标题文字的颜色;font-size:20px为标题文字的大小;font-family:Tahoma,monospace,arial,system为标题文字的字体;font-weight:bolder表示加粗;filter:shadow(color=gray,strength=3)中shadow为发光字体特效,color=gray为文字特效显影的颜色;align:center表示居中。
三、我博客上把播放器定位在底部的代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium
none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT:
expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-定位坐标水平数值);
BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION:
absolute; ; TOP:
expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-定位坐标垂直数值);
TEXT-ALIGN: center">
<TABLE cellSpacing=0 cellPadding=0 align=center
border=0>
<TBODY>
<TR>
<TD>
<DIV style="RIGHT: 0px; POSITION: absolute; TOP: 0px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>你的播放器代码</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
关于定位坐标的说明:
1、clientWidth后面负数的绝对值越大越靠近左侧。
2、clientHeight后面负数的绝对值越大越靠近上部
一直以来老有人问我把播放器定位在底部的具体代码,其实具体代码是没有的,因为定位坐标不好说,得根据你的播放器的实际情况进行定位,在这里我总结出三种可能的情况:
首先,定位坐标垂直数值这里填你的播放器的高度值,比如我的播放器代码中播放器的高度值为20,那么这里的值就为20。注意前面的负号别弄丢了,否则代码无效。
其次,定位坐标水平数值这里的分三种情况:
1、其值为0,如果你要把播放器的宽度值设置为跟页面的宽度一样宽,其宽度值为1003,这里跟改没改模板宽度没关系。
2、其值为(1003-你的模板宽度)/2,这种情况是你改了模板宽度,而且把播放器的宽度值设置为跟你的模板宽度一样,如我博客上那样子。
3、其值为117,这种情况是你没有更改模板的宽度,而且你把播放器的宽度设为跟你的模板宽度一样,新浪原有的模板宽度为770,也就是你把播放器的宽度值设为770,用第二种方法就可以算出这种情况下定位坐标水平数值为116.5,用117应该正好。
不明白的我举个例子,比如我改了模板宽度,宽度改为了930,而且我要让播放器的宽度跟模板的宽度一样,于是我把播放器的宽度值设置为了930,那么我的播放器定位坐标的水平数值应该为第2种情况,其值为(1003-930)/2=36.5,这里我用了37,因为36小了一点点,37正好,微小的偏差需要你根据实际情况适当调整。同样要注意前面的负号别弄丢了,否则代码无效。</>
以上是随屏漂浮的播放器的定位,在拉动滚动条的时候会有痕迹,看起来有点不爽,大家自己试一下就知道了。如果要像我博客上那样让播放器一动不动,那么还需要对大背景进行固定,大背景的固定代码前面文章已经讲过:
<style>body {background:url("页面大背景图片地址") repeat fixed!important;}<style>
另外如果要把播放器固定在页面顶部,其代码为:
<DIV style="RIGHT: 定位坐标水平数值px; POSITION: absolute; TOP:
0px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>你的播放器代码</TD></TR></TBODY></TABLE></DIV>
这里定位坐标水平数值与上面的情况一样,其他的不用改就可以了。
以上只是说了把播放器定位在底部和顶部的代码,如果要把它放在其他位置,调整定位坐标就可以了,有关定位的问题还可以参看此文章《关于绝对定位的问题》
四、我博客上带滚动条的友情链接的代码:
<DIV style="BORDER: black 0px
solid;
<DIV>·<A href="链接地址"
target=_blank>博客名称</A></DIV>
<DIV>·<A href="链接地址"
target=_blank>博客名称</A></DIV>
<DIV>·<A href="链接地址"
target=_blank>博客名称</A></DIV></DIV>
依上面的样子一个一个添加你要链接的人,然后放在空白面板里就可以了。
其中WIDTH: 190px和HEIGHT: 300px分别为滚动区域的宽和高,宽基本上可以不用改,高可以根据你自己的需要改大或改小。
代码中以下部分为滚动条颜色的代码,你得根据自己的实际需求进行配色,滚动条配色器我的这篇文章里有:《个性化滚动条之滚动条配色器H网页框架代码》