zoukankan      html  css  js  c++  java
  • 博客园自定义样式(去广告、公告栏加头像、按钮样式)

     前言:

    简单的操作

    1)可以通过审查元素的方法,来设置自己满意的样式。操作是F12
    F12操作可以打开控制面板,具体的样式可以直接在上面修改,然后把修改后的样式保存下来。

    2)保存后的样式,复制到[ 管理 ] - [ 设置 ] - 页面定制CSS代码上面,然后[ 保存 ]

     1、隐藏广告 

    /*隐藏广告*/
    #ad_t2, #cnblogs_c1, #under_post_news, #cnblogs_c2, #under_post_kb {
        display: none;
    }

     2、按钮样式 

    /* 关注收藏等几个按钮 */
    #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、侧边公告栏加头像 

     [ 管理 ] - [ 设置 ] - 博客侧边栏公告 这里添加 html 代码,用来添加头像,地址用自己的头像

    //图片的地址更换成你的头像的地址
    <img src="https://pic.cnblogs.com/avatar/1513806/xxxx.png">

    侧边栏公告样式

    /*侧边栏公告*/
    #blog-news > img {
        /*头像*/
        display: block;
        margin: auto;
        border-radius: 50%;
    }
    
    #profile_block {
        font-size: 15px;
        padding: 20px;
        line-height: 1.8;
    }
    
    #profile_block > a:link {
        color: #F60;
    }
    
    /*公告结束*/

    ending...
  • 相关阅读:
    CSS之定位
    选择器小结
    ASP.NET Web API + Elasticsearch 6.x 快速做个全文搜索
    获取服务端https证书
    使用 JSON JavaScriptSerializer 进行序列化或反序列化时出错
    MVC和WebForm的优缺点比较
    C#之VS开发工具快捷键大全
    Scrum敏捷开发之扫盲篇
    Asp.net 中数据量较小插入数据库
    xml解析
  • 原文地址:https://www.cnblogs.com/hxun/p/11776123.html
Copyright © 2011-2022 走看看