载入中
自定义HTML载入中... loading
如何在门户的模块链接和日志标题前显示小图案 [转贴 2007-12-08 11:17:49]  删除... 
字体变小 字体变大

和讯门户上默认模块链接和日志标题前都是小圆点符号,大家可以替换成自己喜欢的风格小图案。

 首先进入你门户管理后台→个人设置→模板选择→自定义CSS 里面找到如下代码:

.Slist {
 height: 22px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
}
.Slist_1 {
 float: left;
}
.Slist_2 {
 float: right;
}
#summary div,#BiaoQian_list div,#BookDivItem div,#RestaurantDivItem div,#MovieDivItem div,#MusicDivItem div,#CircleDivItem div,#FriLinkDivItem div,.list,.Slist_1,#HotArtitle_list div,#NewArtitle_list div,#NewPinglun_list div,#QuickLink_list div,#BkMarkbiaoQian_list div,#BkMarkStatistics div,#MusicInfo_list div,#Multimedia_list div,#Special_list div,.ExperList_1,#PhotoManage_list div,#VideoInfo_list div {
 height: 20px;
 background-image: url(http://hexun.com/img/img_style000/h01_01.gif);
 background-repeat: no-repeat;
 background-position: 0px 7px;
 padding-left: 12px;

注意:
(1)如果是想让门户所有默认模块/日志的标题前都改为自己喜欢的小图案,那么请将上面的红色字体部分 http://hexun.com/img/img_style000/h01_01.gif 替换成你喜欢的图案链接地址,并保存即可。
(2)如果你只想在门户博客日志标题前更换图案,请在上面代码的“ .Slist { ”的后面加上以下代码:  

background-image: url(你的图片地址);

border:0;

background-repeat: no-repeat;

background-position: 0px 7px;

padding-left: 12px;

 并且还要将第一个代码框内的原图案地址:http://hexun.com/img/img_style000/h01_01.gif 删除。然后在上面的“你的图片地址”替换为你喜欢的小图案链接地址,并保存。

提供一些小图案给大家参考:


查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130784/b_D7031B53B52F3792DE93EA3113479476.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130784/b_92780075A69924D1C08DC3BD85F241C9.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130784/b_8ACEA40BF8FE27C268D0C972BDB2DE9D.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130784/b_FFC8065F9FBC8F233AC394FAC12938DB.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130784/b_F8D21AAD335F70F538BAC106D6F9D8CB.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130784/b_A2189ABE1E2835FFCA1E9C63C35D91CF.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130784/b_A8EE7B129E82F84D9E9193D1374E7C98.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130784/b_567DF3C4CF82919BC912FEB49D45E74F.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130784/b_818B5F148D95825BCD40FC8781B9CFD1.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130785/b_55A6F8A8DAFF8EE7C5DFDDC8559B2040.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130801/b_79D90587FF48B5E1A9A4B48310C423B4.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130801/b_69179216C3B2D4A96A32E6B6E657EEED.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130801/b_7ACFC40133F4A0A5AA8631C81BE9DAD2.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130801/b_FB8777BDAA5B2170F6BB39FC0272206F.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130801/b_34EA8F41E547362BFC31394ED40654B7.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130801/b_B08E0EA6D77E9977C931FC88DEC72794.jpg

查看更多精彩图片 http://photo8.hexun.com/p/2007/0921/130802/b_3490BECF64D802A95CF1FF6AFE59E6D6.jpg


票数:
什么是“我顶”?
点击数:    评论数:
本文章引用通告地址(TrackBack Ping URL)为:
本文章尚未被引用。
发表评论
大 名:
(不填写则显示为匿名者)
网 址:
(您的网址,可以不填)
标 题:
内 容:
请根据下图中的字符输入验证码:
(您的评论将有可能审核后才能发表)
和讯个人门户 v1.0 | 和讯部落 | 客服中心