Quickly build a log of community portal through Supesite 7.0

SupeSite7.0 is a Community CMS product launched in March 2009 by http://www.aliyun.com/zixun/aggregation/12899.html > Sing (Comsenz). As Comsenz's community product Supesite 7.0 fully supports the discuz!, Ucenter home aggregation function. For those that have been installed using discuz! and Ucenter home webmaster, through the Supesite 7.0 can quickly build a community portal.

We use the default template as an example to analyze its template style, Supesite 7.0 default template style sheet is \templates\default\css\common.css, so just modify the file to change the default template style.

Note: It is a good idea to make a copy of the default template before modifying it, leaving the default defaults directory to facilitate future product upgrades.

1, log Home

Log home slide style with the first slide style, "The latest log", "Hot Log", "This week's Hot log" several module style with the home page information module, so no longer repeat here.

1 Picture Story

The common modification styles that correspond to the COMMON.CSS style sheet are:

#blog_pic_story {height:140px overflow:hidden; border:1px solid #D8D8D8; background: #F8F8F8;}

Picture story Module style control, common modifications have changed the module border style border:1px solid #D8D8D8 and changed the module background color background: #F8F8F8.

#blog_pic_story h3 {padding:8px 20px 4px;}

Picture story Module Title style control, you can add the corresponding style code if you want to change the title color.

2 Recent Updates

The common modification styles that correspond to the COMMON.CSS style sheet are:

#blog_new {height:467px; border:1px solid #D8D8D8; background: #F8F8F8;}

Recent update Module style control, common modifications include changing the module border style border:1px solid #D8D8D8 and changing the module background color background: #F8F8F8.

#blog_new h3 {padding:8px 20px 4px;}

Recently updated module heading style control, you can add the corresponding style code if you want to change the caption color.

. global_avatar_list li img {display:block; width:48px height:48px; padding:1px; border:1px solid #D8D8D8;}

Recent Update module user Avatar Style control, common changes have changed avatar border style border:1px solid #D8D8D8.

#blog_new ul.txt li {height:28px; overflow:hidden; font-size:14px; line-height:28px;}

The log list style below the recently updated module, which has changed the font size font-size:14px, or added code to control the font color here to change the journal title color.

3 Log Star

The common modification styles that correspond to the COMMON.CSS style sheet are:

#blog_top {height:301px; border:1px solid #D8D8D8; background: #F7FDFD; color: #999;}

Log star Module style control, common modifications have changes to the module border style border:1px solid #D8D8D8, change the module background color background: #F7FDFD, and change the module font color: #999.

#blog_top h3 {padding:8px 15px 10px; color: #EB1C26;}

"Log Star" module title style control, common changes have changed the title colors color: #EB1C26.

#blog_top dt img {display:block; width:48px; height:48px; padding:1px; border:1px solid #D8D8D8;}

"Log Star" module user avatar Style control, common modifications have changed avatar border style border:1px solid #D8D8D8.

#blog_top dd A {color: #369;}

Log Star module journal heading style control, commonly modified to change the title color: #369.