2007-10-29 | 自定义CSS修改方法(皮肤设置)
东方博客2.0版本提供了,简便的自定义CSS修改功能使您能自己设置属于您自己独有的皮肤。
自定义CSS的步骤如下:

首先您要输入您的用户名和密码,登陆您的博客。

接着,您可以在您博客的顶部和中部找到“管理我的博客”的按钮,并点击进入“管理界面”。

在管理界面中选择“系统设置”按钮,在下拉框中选择“皮肤设置(自定义CSS)”按钮。点击进入。

在“皮肤设置”框中您可以输入CSS代码,来完成您的皮肤设置。
首先您可以点击“查看当前主题CSS”,查看您所选择的主题的CSS,确定页面的具体布局和图片文字内容。
然后,您可以把其中一部分的代码拷出来(特别提示:您只需拷贝已经修改过的内容如从#header{开始,到}结束就可以了,无需将全部的主题CSS代码拷贝),进行修改,已完成皮肤的设置。现对顶部图片和底部图片的修改,举例:
例一:主题中顶部图片的修改
#header{
height:201px;
margin:0px;
padding:0px;
background:url(images/top.jpg) no-repeat center top;<!--顶部大图-->
}
你可以在红字部分加入您需要的顶部图片的超链接,完成顶部图片的修改。(具体的代码以您所选主题的顶部图片部分CSS为主)
例二:主题中底部图片的修改
#footer{clear: both;
height: 148px;
background:url(image/foot.jpg) no-repeat center top;<!--底部图-->
}
你可以在红字部分加入您需要的顶部图片的超链接,完成底部图片的修改。(具体的代码以您所选主题的底部图片部分CSS为主)
您只要将上面修改好的一段代码(特别提示:您只需拷贝已经修改过的内容如从#header{开始,到}结束就可以了,无需将全部的主题CSS代码拷贝),填入“自定义CSS”下的大框内,就可以完成顶部或者底部图片的修改,您也可以同时将几个修改好后的代码一起放在框内。
最后点击“保存自定义CSS”按钮,完成设置。



评论