☉展示平台：http://hexun.com/ipopkart
☉模版设置步骤：
　进入“个人门户管理系统”后
　点击“个人设置”－“模版选择”－“自定义模版”
　然后对照下面这个表格，依次填写
　最后别忘记了，要保存修改
┌─────┬──────────────────────────┐
│背景自定义│
├┈┈┈┈┈┘
│背景图片：http://hexun.com/homephoto/20070404/5045024/bk03-56-38.jpg
├─────┬──────────────────────────┤
│头部自定义│
├┈┈┈┈┈┘
│整个头部高度：600
│整个头部背景图片：http://hexun.com/homephoto/20070404/5045024/top04-16-38.jpg
│导航条文字颜色：#000000
├───────┬────────────────────────┤
│模块样式自定义│
├┈┈┈┈┈┈┈┘
│模块底色：#008FD5
│标题栏文字颜色：#000000
│标题栏底图：http://hexun.com/homephoto/20070403/5045024/title11-27-17.jpg
│边框颜色：#FFFFFF
│文字颜色：#FFFFFF
├─────────┬──────────────────────┤
│注：其余部分为空！│
└─────────┴──────────────────────┘

他做了很多这样的模板，有兴趣可以去看看，个人门户是：http://hexun.com/sscn/default.html

有的朋友可能看不懂上面的步骤，原因只有一个，只是初来和讯，慢慢的习惯就会好的。你要相信，所有的博客的装修都应该是很简单的，各大BSP们，为了吸引用户必须这么做到能够让新用户很容易的上手，所以你只要稍微花些时间，是能掌握自定义模板的各项功能的。

精通了自定义模板的各项功能之后，有很好的素材图片，配色，就能做出相当漂亮的模板的。和讯的推荐模板中就有好多是用自定义模板做的。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

下面再谈谈自定义CSS吧。CSS是个很美妙的东西。我也曾经写了和COPY了许多有关CSS的文字：点击查看。

关于CSS，我想说的是，如果你自己认真的学习的话，比在这看我些文字要好的多。为什么？因为如果照我的理解，我肯定是讲哪些标签对应哪些内容或元素。或者加上一些语句产生不同的效果。而如果你不了解CSS，我说的对你来说可能就是天书。而如果要我也写出怎么学习CSS，那是没有用的，网上很多相关的文字，再写只是增加垃圾信息。我也曾复制过关于CSS的教程，有兴趣可以看一下。点击查看

因此，我在这里所写的用CSS装修个人门户可能只对明白CSS是咋回事，但对和讯个人门户装修不太了解的朋友有用。

好了，如果你仔细的话，应该会在自定义模板那看到这张图片：

css中的body就不用说了，主要用途是用来加背景了，还有加鼠标。比直接在自定义模板中添加背景图片要好的地方，就是它可以让背景图片固定，注意，背景图片固定和不重复不是一回事，具体效果可以自己试试。

background-image:url(背景图片地址);
background-attachment: fixed;background-position:center 0%;background-repeat:no-repeat;

加粗的文字就是使背景图片固定的代码。

加鼠标很简单的了，只要在body中加入cursor: url(鼠标地址);就行了。当然加鼠标还可以用自定义HTML。注意，鼠标地址要确定有效。

现在从个人门户页面的上端往下说。

一、地址栏背景。

首先在自定义CSS中找到地方，地址栏对应的标签是：

#header #site_title {
 line-height: 31px;
 height: 31px;
 padding-right: 10px;
 }

你可以在里面加背景图片，换背景颜色，但注意背景图片的高度是31PX，方法和在BODY中加背景图片是一样的。或者你干脆可以把它隐藏了，方法是在其中加入display:none;

代码如下：

}#header #site_title {display:none;
 line-height: 31px;
 height: 31px;
 padding-right: 10px;
 }

二、声音文字。

这个地方其实不麻烦。但是如果你的头图很漂亮的话，看面图片上面有那么些文字，总是决得不爽。当然你可以不要文字。但是又有毛病了，就是你的门户和博客没有标题了，也不爽。解决方法有：

1、把文字颜色调的和背景图片颜色相近的，看上去不那么碍眼，不影响图片的效果。

2、干脆去掉，但是你的标题还在。方法也是用display:none;

在自定义CSS中找到并加入display:none;

.site_description_A{display:none;
    margin-top:20px;
 margin-left:35px;
}.site_description_B{
    margin-top:2px;display:none;
    margin-left:32px;
 font-weight:normal;
}
这样的话，既保证了你的标题能够被搜索引擎搜到，也不至于影响图片显示效果。

三、头部背景。

定义方法和body是一样的，

它对应的标签是：#header

四、导航条。

对应的标签是#header #navi_bar ，#header #navi_bar .navi_bar_left ，#header #navi_bar .navi_bar_right

#header #navi_bar .navi_bar_right对应的就是登陆之后显示在导航条右侧的进入管理等等。

五、标签文字。

对应的CSS代码是#header #tag_bar

事实上关于#tag_bar的标签有很多，有兴趣可以在自定义CSS中找找，而一般的应用只要

#header #tag_bar就好了。

六、模块样式。

这个其实是很复杂的。对应它的CSS标签很多，级别还不一样。比较容易看到的是这些

.side_content,#argue_right_sub,.substance,.BkMark,.PublishForm,.TagLine,.TopArticleLine,.ArticleSubstance,.ArticleBlog,#BlogLinksAll,.Reply,.ReplyTable_B_2,.PublishItem,.Music_Item_B,.CircleList td,.ExperList,.FriendTableList,.Column,.MessageTable,.release_2,.MusicNameList,#MusicPlayerID,.ReplyTable,.side_block,.PhotoItem,#AlterPhoto,#MyPhoto_MySpecial_Name,#MyVideo,.BkMarkSave,.NextBlog {
/*模块背景色*/
background-image:url(背景图);
 background-color:#FFFFFF !important;
}但是还有left_side,main_side,right_side,content,side_block,等等。对于这些标签的定义，在精通了CSS之后再用比较好，否则会比较烦人。我就被搞得头昏脑涨的。高手见笑。

七、模块标题。

对应的标签如下：

.side_title,.ArticleTitle,.BkMarkTitle,.UserInfo_B_1,.UserInfo_A .UserInfo_A_1 td,.PublishTitle,.PublishArticleTitle,.quote,.release_1,.release_2_sub,.release_2_res,.PageSkip,#argue_right,.ReplyTable_B_1,.MoreOption_A,#PublishMoreTag_A,.left_side_3 div,.Music_Item_A,.MessageTable_2_1,.MessageTable_2_2,.PageNext,.CircleListTitle {
/*标题文字色*/

如果你只需要标题的颜色统一，用上面的标签当然就够了。

但是事实上，标题样式的定义是很个性化的。因为它涉及标题链接颜色，还有文章标题，文章标题链接颜色，标题栏背景，高度，文字大小，相对位置等等。

关于CSS就说这么多。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

还有一个比较好玩的地方就是自定义HTML了，在这里面你可以加各种代码，比如广告代码，播放器，贴图，各种特效，透明FLASH，WIDGETS，等等。这些代码呢，有很多的。搜一下，就能搜到一大堆。关键字：博客代码。

自定义HTML里面的代码不要加得太多，会影响速度。由其是你不太清楚那些代码是好是坏的时候最好别加。我看到过一些朋友的页面上加得代码花花绿绿，各种广告都有。结果到GOOGL里面一搜，被警告为不安全网页。