Make Your Blog on 360 Plus become transparent

Monday, 4 October 2010 by nkoknki | 0 comments

If anyone has done the 360 Plus blog, you can visit one of the following code to your blog more beautiful!

1. Make transparent the Black Box,the top of the Blog.

-This section is not necessary. But nobody likes to do is use the code below:

#blog_masshead .rc{background:transparent;} #blog_masshead .rc div{background:transparent;} #blog_masshead .rc_bd{background:transparent;} #blog_masshead .rc_bc{background:transparent;} #blog_masshead .rc_ft{background:transparent;} #blog_masshead .rc_ft div{background:transparent;} #blog_masshead .bd{background:transparent;} #blog_masshead{background:transparent}

2. Make transparent article Module in the middle

-Click "Design" then scroll down to the bottom of the article module, click the "Edit"

It appears a table as follows:

Here if you want to module of post transparent, you need to remove the background color (as the arrow-to remove the code # F20808)

(If you want it translucent to transparent, then drag the appropriate location, but there is a problem if you do so, the color of text and image will be blurred by the entry, did not look clear anymore how to fix it is to create a transparent background image inserted module.)

-You can also delete the (empty) boxes this background

Results: Background posts in the middle become transparent

3. Make transparent more Module

a, Background Module

.col-150 .rc_bd .rc_bc .bd {background:transparent;}
.col-600 .rc_bd .rc_bc .bd {background:transparent;}
.row-920 .rc_bd .rc_bc .bd {background:transparent;}

b, Module title

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar{background:transparent;}
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,.col-600 .rc_bd .rc_bc .hd .titlebar{background:transparent;}
.row-920 .rc_bd .rc_bc .hd .titlebar .hd,.row-920 .rc_bd .rc_bc .hd .titlebar{background:transparent;}

4. Make transparent more borders Module:

/ * No Border for the module * /
#friend-list .rc div, #friendlist_module .rc div, .rc div,.col-150 .rc div {background:transparent ;}
#friend-list .rc, #friendlist_module .rc, .rc,.col-150 .rc {background:transparent ;}
#friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc,.col-150 .rc_bd {background:transparent ;}
#friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd,.col-150 .rc_bd div.rc_bc {background:transparent ;}
#friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, .col-150 .rc_ft div {background:transparent ;}
#friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, .col-150 .rc_ft {background:transparent ;}
/ * End * /

5. Now, almost completely transparent, while the Blast who want more transparency, then insert the following code:

#blast .rc_bc .bd{background:transparent;}
#blast .rc_ft, #blast .rc_ft div{background:transparent no-repeat left top;}
#blast .rc div {background:transparent ;}
#blast .rc {background:transparent ;}
#blast .rc_bd div.rc_bc {background:transparent ;}
#blast .rc_bd {background:transparent ;}
#blast .rc_ft {background:transparent ;}
#blast .rc_ft div {background:transparent ;}

6. Make transparent the comments (frame review of the article)

.cmt-mod-alist #comments-listing .extend-hd, .cmt-mod-alist #comments-listing .extend-bd .alist-comment {background:none;}
.alist-comment #comment_container *, .cmt-mod-alist #comments-listing , .cmt-mod-alist #comments-listing .alist-comment {background:none;}

7. All pages

.mod-alist-summary .pagination, .mod-alist-full .pagination{background:transparent}

9. Others, the image module

#photo_highlight .ft {background:transparent}

10. Blog name

blog_title .bd{background:transparent}

Others: Make Your Blog Header Background Transparent ( Blogger)

Blog tips

Connecting IT

Make Your Blog on 360 Plus become transparent

0 comments:

Post a Comment

Learning English

Followers

Visitors