博客园更改主题css样式js特效

 

1.进入博客园设置

 

2.进入博客设置

 

3.下拉,找到,博客侧边栏公告,有个申请j权限

上图为申请后样式.

注意:此权限仅对部分老用户开放,我本人申请了四次才通过,注册时间段的人多申请几次

 

二.更换官方主题

修改设置里可以修改官方提供的多种主题,可根据自己爱好挑选

 

三.自定义样式

将代码复制到对应栏,网上有各种牛人设计的样式,可以搜搜,我这里也是一个搬运工

 

在下面每个代码栏都贴上了一个小功能作为演示:

1.页面定制css样式

 

!--此处自定义标题背景色-->
#likecs_post_body h1 {
    background: #265B8A;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-family: FZShuTi；
    font-size: 23px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 18px 0 !important;
    padding: 12px 0 8px 5px;
    text-shadow: 2px 2px 3px #222222;
    text-align:center;
    margin-bottom: 20px;
}
#likecs_post_body h2 {
background-color: #008FC6;
    border-radius: 3px;
    text-align:center;
    color: white;
    text-shadow: 1px 1px 2px #222222;
    padding-left: 15px;
    margin-bottom: 12px;
}
#likecs_post_body h3 {
background-color: #51C332;
    border-radius: 3px;
    text-align:center;
    color: white;
    text-shadow: 1px 1px 2px #222222;
    padding: 5px 15px;
    margin-bottom: 10px;
    width:50%
}
#likecs_post_body h4 {
    background-color: #5bc0de;
    border-radius: 3px;
    text-align:center;
    color: white;
    text-shadow: 1px 1px 2px #222222;
    padding: 5px 15px;
    margin-bottom: 10px;
    width:25%
}
code {
    padding: 1px 3px;
    margin: 0 3px;
    background: #ddd;
    border: 1px solid #ccc;
    font-family: Menlo,Monaco,Andale Mono,lucida console,Courier New,monospace;
    word-wrap: break-word;
    font-size: 14px;
}
#likecs_post_body table {
    text-align: center;
    width: 100%;
    border: 1px solid #dedede;
    margin: 15px 0;
    border-collapse: collapse;
}
#likecs_post_body table thead tr {
    background: #f8f8f8;
}
#likecs_post_body table tbody tr:hover {
    background: #efefef;
}

h1 a:visited, 
h1 a:link {  
color : green;  
} 
#top   
{  
color : red;  
}

这里贴上了更改标题的代码