解析SupeSite7.0模板样式之资讯分类篇

来源:asp之家 时间:2009-09-26 18:21:00 

SupeSite7.0作为Comsenz旗下的社区产品SupeSite 7.0 全面支持对 Discuz!、UCenter Home 的聚合功能。对于那些已经安装使用 Discuz! 和 UCenter Home 的站长来说,通过 SupeSite 7.0 可以快速搭建一个社区门户。

我们以默认模板为例分析一下其模板样式,SupeSite 7.0 默认模板的样式表为 emplatesdefaultcsscommon.css,所以只需要修改该文件即可更改 default 模板样式。
注意:修改默认模板之前最好复制一份进行修改,保留默认的 default 目录,方便以后的产品升级。

资讯分类及内容页面(category & viewnews)

1、“你的位置”
其在 common.css 样式表中对应的常见修改样式有:
.global_module3_caption { position:relative; height:31px; overflow:hidden; margin-bottom:10px; background:url(../images/global_caption3_bg.gif) repeat-x; line-height:31px; }

// 常见修改有更换“你的位置”背景图片 background:url(../images/global_caption3_bg.gif) repeat-x 。

a.btn_capiton_op { position:absolute; top:3px; right:10px; display:block; width:96px; height:24px; overflow:hidden; background:url(../images/more_op_bg.gif) no-repeat; color:#295B72; line-height:26px; text-indent:-9999px; }
// “在线投稿”按钮样式控制,常见修改为更换按钮背景图片 /images/more_op_bg.gif 。

2、资讯分类/论坛资源/内容页图文资讯

其在 common.css 样式表中对应的常见修改样式有:
.global_module { overflow:hidden; padding-bottom:10px; border:1px solid #D8D8D8; background:#F8F8F8; }
// 资讯分类/论坛资源/内容页图文资讯模块整体样式控制,这句控制还包括资讯分类图片模块、最新评论模块、首页的资讯、论坛、日志、相册等模块,常见修改有修改边框样式 border:1px solid #D8D8D8 及背景色。

.global_module1_caption { height:31px; overflow:hidden; margin-bottom:10px; background:url(../images/global_caption1_bg.gif) repeat-x; color:#FFF; line-height:31px; }
// 论坛资源/内容页图文资讯模块标题样式,这句同样是首页资讯/相册/论坛/日志几个模块标题的样式控制,常见修改有更换标题背景图片 background:url(../images/global_caption1_bg.gif) repeat-x; 及更改标题字体颜色 color:#FFF 。

3、文章列表

其在 common.css 样式表中对应的常见修改样式有:
.global_tx_list4 li { height:35px; overflow:hidden; background:url(../images/dashed_bg.gif) repeat-x 0 34px; line-height:35px; font-size:14px; }
.global_tx_list4 li a { color:#369; }

// 资讯分类/论坛资源文章列表样式控制,常见修改有更改文章下方的灰色虚线 background:url(../images/dashed_bg.gif) repeat-x 0 34px 及文章标题链接字体颜色 color:#369 。

.global_tx_list4 .box_r { padding-left:10px; color:#999; font-size:12px; }
// 文章发布日期样式控制,常见修改为更改日期字体颜色 color:#999 。

4、翻页(pages)

其在 common.css 样式表中对应的常见修改样式有:
.pages a, .pages strong { margin:0 1px; padding:2px 6px; border:1px solid #E4E4E4; color:#369; text-decoration:none!important; }
// 翻页页码边框、字体样式控制,常见修改有修改边框样式 border:1px solid #E4E4E4 及修改页码字体颜色。

.pages a:hover { border-color:#369; }

// 鼠标放到页码上时候边框颜色

.pages strong { border-color:#369; background:#369; color:#FFF; }
// 当前页页码边框、背景色及字体样式,常见修改有更改边框颜色 border-color:#369、修改背景色 background:#369 及更改字体颜色。

标签:supesite,模板,资讯,分类
0
投稿

猜你喜欢

  • 精准快捷 SEO推广网站

    2009-09-08 21:43:00
  • Kali Linux Vmware虚拟机安装(图文详解)

    2021-10-22 11:05:09
  • 我是如何用软文让自己的网站日ip5000

    2008-05-09 10:35:00
  • 理解你的网站 DIV+CSS布局对优化的影响

    2008-12-17 14:05:00
  • 让你的动易自动生成站内链接之二

    2009-09-18 14:39:00
  • CentOS服务器中安装FFmpeg的完整步骤

    2023-10-12 07:38:02
  • 在Google AdSense帐户中使用谷歌分析工具

    2008-10-30 18:29:00
  • 阿里妈妈广告投放的一些注意事项

    2007-08-27 10:30:00
  • Linux系统中sudo命令的十个技巧总结

    2023-10-19 08:14:14
  • 网游业盲目追风致市场混乱 行业洗牌在即

    2009-10-14 09:48:00
  • 如何在linux环境下轻松搭建CVS服务器

    2009-09-09 12:57:00
  • GoDaddy:如何使用CGI Form-Mailer Godaddy

    2010-04-22 12:46:00
  • 虚拟主机和服务器合租市场将何去何从

    2008-10-06 18:59:00
  • Windows7运行单一程序能够降低目前能耗的30%

    2008-06-09 13:57:00
  • 好好学习:点石 Zac 《网络营销实战密码》

    2009-03-24 14:49:00
  • ProFtpd快速指南(三)

    2007-09-20 13:50:00
  • 网管员安全训练营--让FTP服务器更安全(1)

    2007-09-14 14:28:00
  • 详解vmware14Pro中ubuntu系统界面太小的问题解决

    2021-04-09 08:14:03
  • 社会化媒体整合营销 到底是希望还是忽悠

    2009-04-07 12:34:00
  • PHPCMS2007SP6数据库设计结构文档

    2009-02-18 19:26:00
  • asp之家 网站运营 m.aspxhome.com