Garden blog custom style (to advertising, bulletin boards add picture, button style)

 Preface:

Simple operation

1) by 审查元素method to set their own satisfaction style. Action is F12.
F12Operation can open 控制面板specific pattern may be modified directly above, and then the modified style preserved.

2) After the pattern is saved, copied to the [ 管理 ] - [ 设置 ] - 页面定制CSS代码above, and then[ 保存 ]

 1, hidden advertising 

/ * Hide the ad * / 
# ad_t2, # cnblogs_c1, #under_post_news, # cnblogs_c2, #under_post_kb { 
    Run the display : none ; 
}

 2, button style 

/ * Follow collection and several buttons * / 
#green_channel { 
    padding : 10px ; 
    margin : 20px 0 ; 
    font-size : 15px ; 
    width : 400px ; 
} 

#green_channel A { 
    border-RADIUS : 3px ; 
    text-Shadow : none ; 
    font -weight : Normal ; 
    Box-Shadow : none ; 
}

 3, the side bulletin boards plus Avatar 

In  here to add  code to add a picture, address with your own avatar [ 管理 ] - [ 设置 ] - 博客侧边栏公告html 

Address // pictures replaced with the address of your avatar
 < img src = "https://pic.cnblogs.com/avatar/1513806/xxxx.png" >

Sidebar announcement style

/ * Sidebar announcement * / 
# Blog-News> img {
     / * Avatar * / 
    Run the display : Block ; 
    margin : Auto ; 
    border-the RADIUS : 50% ; 
} 

#profile_block { 
    font-size : 15px ; 
    padding : 20px ; 
    Line -height : 1.8 ; 
} 

#profile_block> A: Link { 
    Color : # the F60 ; 
} / * announcement to end * /


ending...

Guess you like

Origin www.cnblogs.com/hxun/p/11776123.html