更改Blog界面的方法让你的Blog更个性化些 -pc6资讯

您的位置：首页 → 精文荟萃 → 软件资讯 → 更改Blog界面的方法让你的Blog更个性化些

更改Blog界面的方法让你的Blog更个性化些 时间：2004/10/7 19:12:00来源：本站整理作者：蓝点我要评论(0)

这几天在CSDN的Blog上看了好些人的文章！也收获或多或少！^o^
不过在Blog上的界面看来看去都是这么传统的几个好看点。于是就突发奇想，看看可不可以把自己的Blog改得更好看更有自己的个性化点！呵！现在这个界面，就是结果了！

下面我把代码贴出来，也让大家的Blog更个性化些吧！代码很简单，也只是一些HTML加上一点点Javascript罢了！最重要的就是要了解下CSS样式表了！

_________________________________

首先进入你的Blog管理中心，选择：选项->配置
在“定制CSS选择器”文本框中输入你自己定义的CSS样式表。（下面是我的界面的CSS代码）：

---------------------------------------------------------------------------------

body{
background-color: #666666;
margin: 0px;
padding: 0px;
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #888888;
SCROLLBAR-SHADOW-COLOR: #888888;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-ARROW-COLOR: #888888;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
}
.headermaintitle {
font-size: x-large;
FILTER: dropshadow(color=#000000, offx=1, offy=1, positive=1); WIDTH: 100%;
}
.midd {
vertical-align: middle;
}
.FooterCell {
visibility: hidden;
}
#top {
BACKGROUND-POSITION: right top;
BACKGROUND-IMAGE: url(http://www.so26.com/Images/bg_1.gif);
BACKGROUND-REPEAT: no-repeat;
HEIGHT: 88px
VERTICAL-ALIGN: middle; HEIGHT: 75px; BACKGROUND-COLOR: #BB3D00;
}
.post {
background-color: #F7F7F7;
BORDER-RIGHT: #cccccc 1px solid;
PADDING-RIGHT: 15px;
BACKGROUND-POSITION: 50% top;
BORDER-TOP: #cccccc 1px solid;
PADDING-LEFT: 15px;
FONT-SIZE: 9pt;
MARGIN-BOTTOM: 28px;
PADDING-BOTTOM: 15px;
BORDER-LEFT: #cccccc 1px solid;
COLOR: #000000;
LINE-HEIGHT: 22px;
PADDING-TOP: 1px;
BORDER-BOTTOM: #cccccc 1px solid;
BACKGROUND-REPEAT: repeat-x;
background-image: url(http://www.so26.com/Images/bg_2.gif);
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
.post H2 {
FILTER: dropshadow(color=#FFFFFF, offx=1, offy=1, positive=1); WIDTH: 100%;
}
.post .postfoot {
color: #FF6600;
}
H5 {
FILTER: dropshadow(color=#FFFFFF, offx=1, offy=1, positive=1); WIDTH: 100%;
}

---------------------------------------------------------------------------------

然后在“静态新闻/声明”的文本框中输入HTML或Javascript代码。（下面是我的界面的代码）：

---------------------------------------------------------------------------------

无聊寄语

管理中心

---------------------------------------------------------------------------------

代码很简单，只是在修改Blog代码的时候注意在HTML里的ID号就可以了！

我这里的修改也只是简单的改了加了点东西。大家如果有什么更好的意见，可留言！

最后：csdn的Blog不是个人主页！个性化它，只是让它个性化自己而已！

文章评论

查看所有0条评论>>

更改Blog界面的方法 让你的Blog更个性化些

更改Blog界面的方法让你的Blog更个性化些