• 博客园装饰


    原文链接

     很厉害的一个大神!!!!

    发现博客园可以自定义的地方很多,闲的无聊,把博客改得漂亮一点。以下均为个人喜好,若喜欢可以直接抱走!

     

    首先先进入博客后台管理

    一. 博客皮肤

      我的主题是:LessIsMoreRight

      页面定制CSS代码:

    /*公用*/
    body {
        font-size:13px;
        padding:0;
        margin:0;
        font-family:"微软雅黑","宋体",Arial;
        background:#205424 url("http://images.cnblogs.com/cnblogs_com/zyf0163/731133/o_4.jpg") no-repeat top center fixed;
        background-size:100% 100%;
        min-1200px;
    }
     
    #home {
        opacity: 0.65;
        filter: alpha(opacity=95);
        box-shadow:0 0 10px #000;
        margin:40px auto;
        1200px;
        background:#fff;
        overflow:auto;
        border:solid 1px #fff;
    }
    /*段落*/
    .postBody p,.postCon p {
        margin:7px 0;
        line-height:24px;
    }
    h1 {
        margin:0;
    }
    h3 {
        font-size:15px;
        font-weight:bold;
    }
    /*超链接*/
    a {
        color:#464646;
        text-decoration:none;
    }
    a:hover {
        text-decoration:underline;
    }
    a:visited,a:hover {
        color:#464646;
    }
    ul {
        list-style:none;
        margin:0;
        padding:0;
    }
    image {
        border:none;
    }
    #header {
        padding:20px;
    }
    /*博客标题*/
    #blogTitle,#blogTitle a {
        font-weight:bold;
        color:rgb(56,13,22);
    }
    #blogTitle .title {
        margin-top:10px;
        height:100px;
        line-height:100px;
        font-size:36px;
        padding-left:175px;
        background:#fff url("http://images.cnblogs.com/cnblogs_com/Running-Time/724426/o_b74124f376fc157f352acc88.jpg") no-repeat;
    }
    .headermaintitle {
        }#blogTitle,#blogTitle a:hover {
        text-decoration:none;
    }
    /*子标题*/
    .subtitle {
        padding-left:30px;
        font-size:14px;
        color:#999;
        font-weight:normal;
        margin:10px 0;
    }
    /*导航栏*/
    #navigator {
        font-size:16px;
        height:48px;
        background:#555555;
        text-align:center;
        margin-top:20px;
        margin-bottom:20px;
    }
    #navList li {
        margin:0;
        line-height:48px;
        display:inline-block;
        float:left;
    }
    #navList li:hover {
        background:#6DA47D;
    }
    #navList li a {
        padding:0 30px;
        text-decoration:none;
        line-height:48px;
        border:0;
        color:#fff;
        display:-moz-inline-box;
        display:inline-block;
    }
    .blogStats {
        height:48px;
        color:#fff;
        line-height:48px;
    }
    #main {
        padding:20px;
    }
    /*左边*/
    #sideBarMain {
        padding:0 10px 0 0;
        background:#fff;
        margin:0 0 20px 0;
        190px;
        font-size:12px;
        line-height:22px;
    }
    #sideBarMain a {
        color:#666;
    }
    #leftcontentcontainer {
        color:#666;
    }
    .newsItem {
        color:#666;
    }
     
    /*公告*/
    #profile_block {
        margin-top:0px;
        line-height:24px;
        text-align:left;
    }
    /*主面板*/
    #mainContent {
        margin-top:0px;
        padding-top:0px;
        padding-right:0px;
        background:#fff;
        padding-bottom:0px;
        float:right;
        960px;
        padding-left:0px;
    }
    /*每日文章列表*/
    .day {
        background:#fff;
        padding:0;
        margin:0 0 20px 0;
    }
    /*博客标题*/
    .postTitle a {
        color:#464646;
    }
    .postTitle {
        padding-bottom:10px;
        font-size:20px;
        font-weight:bold;
        color:#464646;
        background:url('http://images.cnblogs.com/cnblogs_com/Running-Time/724426/o_ajax-jump-loader.gif') no-repeat 0 3px;
        padding-left:30px;
    }
    .dayTitle {
        display:none;
    }
    /*摘要*/
    .c_b_p_desc {
        padding:10px;
        line-height:24px;
        color:#888;
    }
    .c_b_p_desc a {
        color:#888;
    }
    .c_b_p_desc a:hover {
        text-decoration:none;
        border-bottom-1px;
        border-bottom-style:dotted;
    }
    /*右侧图片*/
    .desc_img {
        margin-left:10px;
        border:solid 1px #fff;
        box-shadow:0 0 10px #aaa;
    }
    /*博文页*/
    #topics .post {
        background:#fff;
    }
    .postCon {
        padding:10px 20px 0 20px;
    }
    .postDesc {
        margin:0 30px;
        margin-bottom:2px;
        padding:8px 0px;
        font-size:12px;
        color:#aaa;
        background:#fff;
        text-align:right;
    }
    .postDesc a {
        color:#AAA;
    }
    .postBody {
        padding:0;
    }
    /*google搜索框*/
    #google_q,#q {
        height:22px;
        120px;
        border:solid 1px #ccc;
        box-shadow:inset 0 0 3px #ddd;
        border-radius:4px;
    }
    /*搜索按钮*/
    .btn_my_zzk {
        font-family:'Microsoft Yahei';
        border:none;
        height:26px;
        60px;
        padding:1px;
        font-size:14px;
        cursor:pointer;
        position:relative;
        vertical-align:middle;
        display:inline-block;
        background:#555555;
        border-radius:4px;
        color:#fff;
    }
    .btn_my_zzk:hover {
        background:#6DA47D;
    }
    /*评论按钮*/
     
    #btn_comment_submit {
        border:none;
        height:48px;
        120px;
    }
    /*评论按钮*/
    .comment_btn {
        font-family:'Microsoft Yahei';
        border:none;
        height:48px;
        120px;
        font-size:18px;
        cursor:pointer;
        position:relative;
        vertical-align:middle;
        display:inline-block;
        background:#555555;
        color:#fff;
    }
    #btn_comment_submit:hover {
        background:#6DA47D;
    }
    /*评论标题*/
    .feedback_area_title {
        padding:10px;
        font-size:24px;
        font-weight:bold;
        color:#555555;
        border-bottom:solid 6px #555555;
    }
    .feedbackListSubtitle {
        font-size:12px;
        color:#888;
    }
    .feedbackListSubtitle a {
        color:#888;
    }
    .comment_quote {
        background:#FCFAAC;
        padding:15px;
        border:1px solid #CCC;
    }
    #commentform_title {
        color:#555555;
        background-image:none;
        background-repeat:no-repeat;
        margin-bottom:10px;
        padding:10px 20px 10px 10px;
        font-size:24px;
        font-weight:bold;
        border-bottom:solid 6px #555555;
    }
    /*评论框*/
    #comment_form {
        margin:10px 0;
        padding:0;
    }
    .commentform {
        margin:10px 0;
        padding:10px 20px;
        background:#fff;
    }
    /*评论输入域*/
    #tbCommentBody {
        font-family:'MIcrosoft Yahei';
        margin-top:10px;
        940px;
        max-940px;
        min-940px;
        background:white;
        color:#333;
        border:2px solid #fff;
        box-shadow:inset 0 0 8px #aaa;
        padding:10px;
        height:120px;
        font-size:14px;
        min-height:120px;
    }
    /*评论条目*/
    .feedbackItem {
        font-size:14px;
        line-height:24px;
        margin:10px 0;
        padding:20px;
        background:#F2F2F2;
        box-shadow:0 0 5px #aaa;
    }
    .feedbackListSubtitle {
        font-weight:normal;
    }
    /*分类页*/
    .entrylist {
        padding:10px 20px;
        background:#fff;
    }
    .entrylistItem {
        margin:10px 0;
        padding:10px;
    }
    .entrylistPosttitle {
        font-size:18px;
        font-weight:bold;
        background:url('') no-repeat 0 3px;
        padding-left:30px;
    }
    .entrylistPostSummary {
        padding:10px;
    }
    .entrylistItemPostDesc {
        font-size:12px;
        color:#999;
        padding-left:40px;
    }
    /*尾部*/
    #footer {
        font-size:12px;
        margin:20px;
        padding:12px;
        text-align:center;
        background:#555555;
        color:#DDD;
        font-size:14px;
    }
    /*文章内图片*/
    #cnblogs_post_body p img {
        margin:10px;
    }
    /*顶一下*/
    /*.diggnum {
        font-size:28px;
        color:#555555;
        font-family:'Microsoft Yahei';
    }
    #div_digg .diggnum {
        line-height:100px;
    }*/
    /*.diggit {
        float:left;
        128px;
        height:128px;
        background:url('') no-repeat;
        background-position:0 0;
        text-align:center;
        cursor:pointer;
    }*/
    /*
    .diggit:hover {
        background-position:-128px 0;
    }*/
    /*踩一下(园友反映,这个有点“邪恶”,呵呵,其实是我没来得及设计这个背景图片,就暂时把它隐藏了……可以去掉这句话)*/
    .buryit {
        display:none;
    }
    .diggword {
        display:none;
    }
    /*green_channel*/
    #green_channel {
        text:align:right;
        background:#555555;
        padding-left:20px;
        font-weight:normal;
        font-size:15px;
        920px;
        border:none;
        color:#fff;
        padding:20px;
        border-radius:4px;
    }
    /*最新评论*/
    #myposts .PostList {
        font-size:14px;
        line-height:17px;
        margin:10px 0;
        padding:15px;
        background:#F2F2F2;
        box-shadow:0 0 5px #aaa;
    }
    #myposts .postTitl2 a {
        color:#555555;
    }
    View Code

    基于网上共享css代码:来源

    注意使用该css代码要:禁用模板默认CSS

    二. 博客侧边栏公告(支持HTML代码) 效果 ←_←看左侧

      1. 人形时钟:

    1 <embed wmode="transparent" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.swf" quality="high" bgcolor="#ffffff" width="160" height="70" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
    View Code

    2. 地球仪-博客访问流量统计:

    1 <div style="text-align:center; margin:0; padding:0; 220px;"><embed src="//rf.revolvermaps.com/f/g.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" wmode="window" allowScriptAccess="always" allowNetworking="all" width="220" height="220" flashvars="m=0&amp;i=53n2zqr14tt&amp;r=false&amp;v=true&amp;b=000000&amp;n=false&amp;s=220&amp;c=ff0000"></embed><br /><img src="//rf.revolvermaps.com/js/c/53n2zqr14tt.gif" width="1" height="1" alt="" /><a href="http://www.revolvermaps.com/?target=enlarge&amp;i=53n2zqr14tt&amp;color=ff0000&amp;m=0">Large Visitor Globe</a></div>
    View Code

    注意这个显示的是我的博客访问量,如有需求可以去 这个网址 拿代码 -> (新标签看原图)

    3. 小老鼠:

    1 <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/hamster/hamster.swf?" width="180" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/hamster/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>
    View Code

    4. 背景音乐(没啥用):

        先在网易云音乐找歌(支持专辑):  然后生成html代码贴上:

    三. 自定义高亮代码

      这个我之前写过了 传送门

     暂时就搞了这些,未完待续~

     
    永远渴望,大智若愚(stay hungry, stay foolish)
  • 相关阅读:
    001 :PCL 的基本文件类型PCD的读入和写入操作
    CMake +Vs2017+快速搭建pcl1.9.1环境
    Window 10 PCL-1.91+VS2017 源码编译以及安装pcl
    Eigen3+Cmake+Vs2017源码编译
    将Opencv加入到环境变量中
    004 :opencv 中矩阵操作以及通过内存的方式取像素
    ubuntu16.04与win10双系统安装 无法将grub-efi-amd64-signed 软件包安装到/target/中
    简单了解一下PyTest-sq
    软件测试工程师笔试题
    TT-反射-对象拷贝
  • 原文地址:https://www.cnblogs.com/h-hkai/p/7632798.html
Copyright © 2020-2023  润新知