Quickly build community portal through Supesite 7.0: Album edition

Supesite 7.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, Album Home

1 Recent updates (slides)

The border of the entire recently updated module is controlled by the. Global_module style, which controls the border styles of many modules, which we have already analyzed before, so we don't repeat them here.

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

#image_focus_big img {width:350px; height:276px}

Slide Large Size Control

#image_focus_small h3 {padding:8px 15px 12px;}

Recently updated module heading style control, if you want to modify the title font, you can add the appropriate style code here.

. global_piclist Li Div {display:table-cell; *display:block; width:102px; height:104px; *height:102px; overflow:hidden; border:1px solid #E0E9F2; Background: #FFF; Text-align:center; Vertical-align:middle; *font-size:85px; Cursor:pointer; }

Slide thumbnails outer frame style control, common modifications have changes to the small chart border style border:1px solid #E0E9F2, background color background: #FFF, and font size font-size:85px.

. global_piclist Li div img,. user_photolist DL dt div img {max-width:100px; max-height:100px width:expression (this.width > && this.width > This.height? 100:true); Height:expression (This.height > 100:true); Vertical-align:middle; }

Slide thumbnail style control, set the maximum width and height of thumbnails is 100px, if the picture width is higher than this number is abbreviated to 100px, and the thumbnail center display.

2 album Talent this month

"This month's Got Talent" module's border and title background style is the same as the Home page information module, so do not repeat here.

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

. image_user_list DL dt img {width:48px; height:48px padding:1px; border:1px solid #D8D8D8; background: #FFF;}

User avatar Style control, common changes have changed user avatar border style border:1px solid #D8D8D8 and change background color background: #FFF.

. image_user_list dl A {color: #369;}

Album name font Color control.

. image_user_list dl A {color: #369;}

Photo Album owner user name body color control.