加载中…
新浪博客－改头换面、脱胎换骨1
(2006-05-03 10:40:52)| 分类： 互联科技类映日花别样红 |
此次主要向大家介绍页面的加宽、标题文字的定位和美化。
（一）页面宽度调整
<STYLE type=text/css>
.bodyTop{width:920px;}
.bodyBg{width:920px;}
.bodyBottom{width:920px;}
.feeds .text{width:680px;}
.label{width:220px;}
.photo{width:220px;}
.callboard{width:220px;}
.links{width:220px;}
.calendar{width:220px;}
.sysBr180{width:190px;}
</STYLE>
.bodyTop 为页面顶部宽度，即banner（题图）宽度 ；
.bodyBg 为整个页面宽度，建议取值与上相同；
.bodyBottom 为页面底部宽度，建议取值与上相同；
.feeds .text 为正文部分宽度（即文章部分宽度）；
.label 为面板宽度（其值加正文宽度值应略小于整页宽度值）；
.photo8 为形象照片面板宽度值（同上）；
.callboard
.links
.calendar
.sysBr180
width 值即各自宽度值，可自行设置。
（二）标题文字的美化
（一）页面宽度调整
<STYLE type=text/css>
.bodyTop{width:920px;}
.bodyBg{width:920px;}
.bodyBottom{width:920px;}
.feeds .text{width:680px;}
.label{width:220px;}
.photo{width:220px;}
.callboard{width:220px;}
.links{width:220px;}
.calendar{width:220px;}
.sysBr180{width:190px;}
</STYLE>
.bodyTop 为页面顶部宽度，即banner（题图）宽度 ；
.bodyBg 为整个页面宽度，建议取值与上相同；
.bodyBottom 为页面底部宽度，建议取值与上相同；
.feeds .text 为正文部分宽度（即文章部分宽度）；
.label 为面板宽度（其值加正文宽度值应略小于整页宽度值）；
.photo8 为形象照片面板宽度值（同上）；
.callboard
.links
.calendar
.sysBr180
width 值即各自宽度值，可自行设置。
（二）标题文字的美化
<STYLE type=text/css>
.banner .title td{font-size:32px;}
.banner .title td{FILTER: glow(color=#000000,girection=2);}
.banner .title td{color:#ffff66;}
.banner table{background:#transparent;
filter:alpha(opacity=80);
border:0px solid #000;}
</STYLE>
.banner .title td{font-size:32px;}
.banner .title td{FILTER: glow(color=#000000,girection=2);}
.banner .title td{color:#ffff66;}
.banner table{background:#transparent;
</STYLE>
★ glow为发光字效果，可自行更换此文字滤镜参数；color对应发光字效果的颜色，direction为发光效果的强弱，可自行设置。
★ 32px为字体大小，#ffff66为文字颜色，皆可自行设置。
★ background值为颜色代码，即可实现标题外框的颜色改变，此处取值:#transparent为透明，即无填充颜色；opacity值表示文字透明度，值越小越透明；border值表示外框线粗细，此处取值0即表示无外框。
★
★
（三）标题文字位置调整
<STYLE type=text/css>
.banner .title{
margin-left:280px;
margin-top:40px;
font-weight:bold;}
.banner .link {
MARGIN-TOP: 10px;
MARGIN-LEFT: 260px}
</STYLE>
<STYLE type=text/css>
.banner .title{
.banner .link {
MARGIN-TOP: 10px;
MARGIN-LEFT: 260px}
</STYLE>
★ .banner .title修改的是标题的位置，left和top值分指标题距页面左边和顶部的距离，可自行调节；
★ .banner .link 为其下面的“复制>收藏”处位置，调节方法同上。
★
喜欢
0
赠金笔
前一篇：今日黄历