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

个人所用代码分享

(2006-08-19 04:09:27)
分类: *博客教程* -欢迎学习-

一、我博客上更改模板宽度所用的全套代码:

<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; OVERFLOW: scroll; OVERFLOW-X: hidden; DIRECTION: rtl; WIDTH: 190px; HEIGHT: 300px; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #996633; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #996633" align=left>
<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网页框架代码

SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-FACE-COLOR: #996633; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #996633

0

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

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

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

新浪公司 版权所有