SupeSite7.0是">康盛创想(Comsenz)公司于2009年3月推出的一款社区CMS产品，作为Comsenz旗下的社区产品SupeSite 7.0 全面支持对 Discuz!、UCenter Home 的聚合功能。对于那些已经安装使用 Discuz! 和 UCenter Home 的站长来说，通过 SupeSite 7.0 可以快速搭建一个社区门户。
我们以默认模板为例分析一下其模板样式，SupeSite 7.0 默认模板的样式表为 \templates\default\css\common.css，所以只需要修改该文件即可更改 default 模板样式。
注意：修改默认模板之前最好复制一份进行修改，保留默认的 default 目录，方便以后的产品升级。
1、日志首页
日志首页的幻灯片样式同首页幻灯片样式，“最新日志”、“本周热门日志”、“本周热评日志”几个模块样式同首页资讯模块，所以此处不再赘述。
1）图片故事
在 common.css 样式表中对应的常见修改样式有：
#blog_pic_story { height:140px; overflow:hidden; border:1px solid #D8D8D8; background:#F8F8F8; }
// “图片故事”模块样式控制，常见修改有更改模块边框样式 border:1px solid #D8D8D8 以及更改模块背景色 background:#F8F8F8 。
#blog_pic_story h3 { padding:8px 20px 4px; }
// “图片故事”模块标题样式控制，如需更改标题颜色可在此添加对应的样式代码。
2）最近更新
在 common.css 样式表中对应的常见修改样式有：
#blog_new { height:467px; border:1px solid #D8D8D8; background:#F8F8F8;}
// “最近更新”模块样式控制，常见修改有更改模块边框样式 border:1px solid #D8D8D8 以及更改模块背景色 background:#F8F8F8 。
#blog_new h3 { padding:8px 20px 4px; }
// “最近更新”模块标题样式控制，如需更改标题颜色可在此添加对应的样式代码。
.global_avatar_list li img { display:block; width:48px; height:48px; padding:1px; border:1px solid #D8D8D8; }
// “最近更新”模块用户头像样式控制，常见修改有更改头像边框样式 border:1px solid #D8D8D8 。
#blog_new ul.txt li { height:28px; overflow:hidden; font-size:14px; line-height:28px; }
// “最近更新”模块下方日志列表样式，常见修改有更改字体大小 font-size:14px ，或者在此加入控制字体颜色的代码来更改日志标题颜色。
3）日志之星
在 common.css 样式表中对应的常见修改样式有：
#blog_top { height:301px; border:1px solid #D8D8D8; background:#F7FDFD; color:#999; }
// “日志之星”模块样式控制，常见修改有更改模块边框样式 border:1px solid #D8D8D8 ，更改模块背景色 background:#F7FDFD，以及更改模块字体颜色 color:#999 。
#blog_top h3 { padding:8px 15px 10px; color:#EB1C26; }
// “日志之星”模块标题样式控制，常见修改有更改标题颜色 color:#EB1C26 。
#blog_top dt img { display:block; width:48px; height:48px; padding:1px; border:1px solid #D8D8D8; }
// “日志之星”模块用户头像样式控制，常见修改有更改头像边框样式 border:1px solid #D8D8D8 。
#blog_top dd a { color:#369; }
// “日志之星”模块日志标题样式控制，常见修改为更改标题颜色 color:#369 。