loading ...
评论列表 日志列表 访客列表 留言列表
loading...

2007-10-29 | 自定义CSS修改方法(皮肤设置)     朗读全文

标签:自定义 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”按钮,完成设置。

评论 (11) |  阅读 (?)  |  固定链接 |  发表于 17:30  | 最后修改于 2007-10-30 13:31

评论

正在读取评论信息...
您还未登录,只能匿名发表评论。或者您可以 登录 后发表。
*
 
  *阅读东方热线快讯,与时俱进,写博客更流畅>>