入门级-改改cnblogs的样子(三)

Posted on 2006-02-27 14:33  BenL  阅读(352)  评论(0编辑  收藏  举报
 

改“   ”风格之一

一、下载“style.css”并用EngInSite CSS Editor打开,先格式化一下:Tools-Format All

二、先改Google Serch。

在CSS文件里(下同),将INPUT项删了。

三、发现英文都是大写。

首字母大写:    style="text-transform:capitalize;
全部大写:       style="text-transform:uppercase;
全部小写:       style="text-transform:lowercasecase;

uppercase全部改为capitalize

四、修改标题。

#top {
PADDING-RIGHT: 1em;
background-position-y: 15px;
//设置图片位置(下同)
background-position-x: 450px ;
PADDING-LEFT: 1em;
BACKGROUND-IMAGE: url(http://www.cnblogs.com/images/cnblogs_com/benl/48463/t_pow_by_aspnet2.0a.gif);
//插入图片
BACKGROUND-REPEAT: no-repeat;
HEIGHT: 100px;
TEXT-ALIGN: left;
//左缩进
}
#top H1 {
}
.weblogtitle {
}
#Header1_HeaderTitle {
//主标题ID
FONT-SIZE: x-large;
FILTER: shadow(color=#ffffff,direction=120,enabled=1,strength=5);
//产生阴影效果。注意:此需要height行!
COLOR: #ff9900;
FONT-FAMILY: Impact;
//自定义字体
HEIGHT: 10px;
}
#top P {
//副标题类
FONT-SIZE: 1.4em;
FILTER: glow(color=#ffffcc,strength=2);
//产生阴影效果
FONT-FAMILY: Comic Sans MS;
//自定义字体
HEIGHT: 15px;
}

五、1024x768下,调整页面宽度。(注意,在写BLOG日志时,表格制作table宽度不能大于700

#container {
MARGIN: 1em auto;
WIDTH:
1000px; //整体页面宽度
BACKGROUND-COLOR: #333333;
TEXT-ALIGN: left;
}

六、加个好看的

<marquee width="180" height="20" behavior="alternate" style="filter:glow (color=#ffff00, strength=2)"> <br> 我为人人,人人为我。</marquee>


待续(四?)-已经完了