SupeSite7.0 Template Style parsing log posts

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

SupeSite7.0 is a community CMS product launched by Sing (Comsenz) in March 2009 as Comsenz's community product Supesite 7.0 fully supports the aggregation of discuz!, Ucenter home. 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.

4 Hot Space

"Hot space" border and background color, title bar style with the home page information module, so no longer repeat here.

User avatar style with the user avatar style in the "recent update" described above:. global_avatar_list li img

5 Hot Review/This month click Ranking

"Hot Review this Month", "click on the top line" two modules of the border, background, title style completely with the first page of "forum posts number Ranking", so no longer repeat here.

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

. global_tx_list6 {margin-bottom:10px; padding-bottom:0; Background:url. /images/zebra_bg.gif) repeat 0 31px; }

"Hot Review this Month", "click on the top line" Two module style control, commonly modified to replace the background picture/images/zebra_bg.gif.

. global_tx_list6 UL {padding:0 15px 0 30px; Background:url (. /images/top10_bg.gif) no-repeat 15px 10px; }

"Hot Review this Month", "click Top" two modules article background style control, common changes to change background picture/images/top10_bg.gif.

. Global_tx_list6. Box_r a {color: #999;}

"Hot Review of the Month", "Click Top of the Month" two module article author user name body color control.

2. Log View page

Log View page also has a part of the style is the same as other pages, such as the left side of the module border and the background of the title, so I do not specify here, the picture is marked out.

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

. blog_user a {color: #369;}
Log author username/"View all TA log" font color.

#blog_detail. Box_r {width:770px}
Journal Body width Control.

#blog_article h1 {padding-bottom:8px; color: #369; font-size:16px; font-weight:400;}
Log article title style control, common changes have changed journal title font color: #369, font size font-size:16px, font-weight font-weight:400.

#blog_article. Blog_tipinfo {padding:8px 0 15px; Background:url (. /images/dashed_bg.gif) repeat-x Center top; Color: #999; }
"Publish/author/source/view/font size" style control, common modifications have changed font color: #999.

#article img, #blog_body img {max-width:565px width:expression (This.width > 565 563:true);
Log article thumbnail display control, here with the information article thumbnail control, the picture maximum display width of 565px, if the width is greater than 565px to shrink slightly 563px display.

#blog_article. blog_op {padding:8px 0; Background:url (. /images/dashed_bg.gif) repeat-x Center top; Text-align:right; Color: #369; }
#blog_article. Blog_op a {color: #369; text-decoration:underline;}
"Print | Bookmark this page | Recommend to friends | Report "Module style control, common modifications have changed font link color: #369.

. bg_f8 {background: #F8F8F8;}
Comments section background color control.

. u_comment_list. u_avatar img {width:48px; height:48px; padding:1px; border:1px solid #D8D8D8;}
Comment on the user's Avatar style control, commonly modified to change the border style border:1px solid #D8D8D8.

. u_comment_list. u_title {padding-bottom:5px; color: #999; line-height:12px;}
Comment Date Time style control, common modifications have changed font color: #999.

SupeSite7.0 is a community CMS product launched by Sing (Comsenz) in March 2009 as Comsenz's community product Supesite 7.0 fully supports the aggregation of discuz!, Ucenter home. 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.

4 Hot Space

"Hot space" border and background color, title bar style with the home page information module, so no longer repeat here.

User avatar style with the user avatar style in the "recent update" described above:. global_avatar_list li img

5 Hot Review/This month click Ranking

"Hot Review this Month", "click on the top line" two modules of the border, background, title style completely with the first page of "forum posts number Ranking", so no longer repeat here.

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

. global_tx_list6 {margin-bottom:10px; padding-bottom:0; Background:url. /images/zebra_bg.gif) repeat 0 31px; }

"Hot Review this Month", "click on the top line" Two module style control, commonly modified to replace the background picture/images/zebra_bg.gif.

. global_tx_list6 UL {padding:0 15px 0 30px; Background:url (. /images/top10_bg.gif) no-repeat 15px 10px; }

"Hot Review this Month", "click Top" two modules article background style control, common changes to change background picture/images/top10_bg.gif.

. Global_tx_list6. Box_r a {color: #999;}

"Hot Review of the Month", "Click Top of the Month" two module article author user name body color control.

2. Log View page

Log View page also has a part of the style is the same as other pages, such as the left side of the module border and the background of the title, so I do not specify here, the picture is marked out.

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

. blog_user a {color: #369;}

Log author username/"View all TA log" font color.

#blog_detail. Box_r {width:770px}

Journal Body width Control.

#blog_article h1 {padding-bottom:8px; color: #369; font-size:16px; font-weight:400;}

Log article title style control, common changes have changed journal title font color: #369, font size font-size:16px, font-weight font-weight:400.

#blog_article. Blog_tipinfo {padding:8px 0 15px; Background:url (. /images/dashed_bg.gif) repeat-x Center top; Color: #999; }

"Publish/author/source/view/font size" style control, common modifications have changed font color: #999.

#article img, #blog_body img {max-width:565px width:expression (This.width > 565 563:true);

Log article thumbnail display control, here with the information article thumbnail control, the picture maximum display width of 565px, if the width is greater than 565px to shrink slightly 563px display.

#blog_article. blog_op {padding:8px 0; Background:url (. /images/dashed_bg.gif) repeat-x Center top; Text-align:right; Color: #369; }

#blog_article. Blog_op a {color: #369; text-decoration:underline;}

"Print | Bookmark this page | Recommend to friends | Report "Module style control, common modifications have changed font link color: #369.

. bg_f8 {background: #F8F8F8;}

Comments section background color control.

. u_comment_list. u_avatar img {width:48px; height:48px; padding:1px; border:1px solid #D8D8D8;}

Comment on the user's Avatar style control, commonly modified to change the border style border:1px solid #D8D8D8.

. u_comment_list. u_title {padding-bottom:5px; color: #999; line-height:12px;}

Comment Date Time style control, common modifications have changed font color: #999.