• DIY你的博客皮肤:Blog模板之一猪啊


    此CSS样式来自donews.net ,希望能够抛砖引玉~

    登录你的博客,进入管理>选项>配置>

    选择皮肤 Skin 为 LightY

    然后在自定义CSS里添加

    body, html {
    background:#CCCC9A ;
        color: #555555;
        font-family:ms shell dlg;
        font-size:12px;
        margin: 0;
        line-height:150%;padding:10px 0 10px 0 ;
        text-align:center
      
    }
    #nadframe{display:none}
    form{
    margin-right: auto;
    margin-left: auto;
    font-size:14px;
    }

    .pagelayout{
        margin: auto;
        padding:0px 0px 0px 0px;
        800px;
        font-size:14px;
        text-align:left;background:url(http://www.hnubbs.net/doc/pic/blog/o_Body.jpg)

    }
    a:visited, a:active, a:link {  
        color : #9F8248;
        text-decoration : none;
    }

    a:hover {
        color: #9F8248;
        text-decoration :none;padding:3px;
        background:#D7EDB7;
        border-bottom:1px dotted #333
    }

    blockquote {
        font-style : italic;
    }

    #header {
    filter: revealTrans(Transition=5, Duration=23) ;
      text-align:right;
      color: #808080;
      font-size:12px;
      font-family:ms shell dlg;
      padding-top:0px;
      padding-right:20px;
      background:url(http://www.hnubbs.net/doc/pic/blog/o_8beijing.gif) no-repeat;
      height:210px ;100%
    }
    #header span{float:left;padding-top:160px;text-align:right;padding-left:180px;}
    #header #Header1_HeaderTitle{
    color: #000000;
     font-size:14px;font-family:arial;line-height:120%;font-weight:bold;color:#D44F3C
    }
    #main {float:left;padding: 15px 0px 0px 35px;540px;font-size:14px;line-height:160%;color: #555555;word-wrap:break-word;

    }
    #footer{clear:both;border-top:0px solid #c0c0c0;padding-top:10px;text-align:center;font-size:12px}

    #menu {clear:both;padding:0;
        float:right;
        180px;padding-top:15px;
    word-wrap:break-word;
    border-left:1px dotted #c0c0c0;padding-left:5px
    }
    #menu h1 {
        color:#C1B98A;padding:12px 0px 0px 5px;100%;
        font-size: 14px;
        font-weight:bold;
        margin: 0px;
        background:url(http://www.hnubbs.net/doc/pic/blog/o_h18.gif) no-repeat;height:21px
    }

    #menu h3 {
        color:#C1B98A;padding:12px 0px 0px 5px;100%;
        font-size: 14px;
        font-weight:bold;
        margin: 0px;
        background:url(http://www.hnubbs.net/doc/pic/blog/o_h18.gif) no-repeat;height:21px
     
    }
    #menu ul {
        list-style: none;
        padding: 0px;
        margin: 0px 22px 15px 5px;
        font-size: 12px;
    }
    #comments{font-size:12px;line-height:150%}
    #comments a{font-weight:bold}
    .postTitle{font-weight:bold}
    .postTitle a,.postTitle a:link,.postTitle a:visited{color:#9F8248;font-size:14px}


    div,select,input{font-size:12px;word-wrap:break-word;}
    div.block {
      background-image: url(images/main_background.gif);
      background-position: top left;
      background-repeat: repeat-y;
      font-size: 12px;
      text-align: justify;
    }

    div.block_footer {
      background-image: url(images/day_footer.gif);
      background-position: top left;
      background-repeat: no-repeat;
      height: 67px;
    }

    div.post {
      padding-left: 0px;
    }

    .dateTitle{color:#808080;font-size:14px;font-weight:bold;line-height:280%}
    div.posttitle {
      color: #9F8248;
        font-family: "ms shell dlg";
        font-size: 14px;
        font-weight: bold;
    }

    .posttitle{background:#FFF url(http://www.hnubbs.net/doc/pic/blog/o_li8.gif) no-repeat;height:30px;padding-left:30px}
    div.postText{line-height:160%;font-size:12px;}
    .posttitle a:visited, .posttitle a:active, .posttitle a:link { 
        color:#9F8248;
        text-decoration : none;
    }

    .posttitle a:hover {
        color: #9F8248;
        text-decoration : none;padding:3px;
        border-bottom:1px dotted #9F8248;
    }
    .postFoot{line-height:120%;border-bottom:1px dotted #808080;font-size:12px;}
    div.itemdesc {
      color: #808080;
      font-size: 12px;
        text-transform: uppercase;
    }

    div.seperator {
     
      background-position: top left;
      background-repeat: no-repeat;
      margin: 15px 0px 10px 0px;
    }

    div.entrylistitem {
      padding-left: 20px;
      padding-bottom: 10px;
    }

    a.entrylisttitle, a.entrylisttitle:visited, a.entrylisttitle:link, a.entrylisttitle:active {
      color: #FF6600;
        font-size: 14px;
        font-weight: bold;
    }

    div.moreinfo {
      font-size: 12px;
      text-align: justify;
    }

    div.moreinfotitle {
        color: #FF2a00;
        font-size: 12px;
        font-weight: bold;
    }

    div.comments {
      font-size: 12px
    }

    div.comment {
        background-color: #FBFBFB;font-size:12px;
      border: 0px dotted #DDDDDD;
      margin: 10px 0px 10px 0px;
      padding: 10px;
    }

    div.comment_author {
      margin: 5px 0px 5px 0px;font-size:12px;
    }

    div.comment_content {
      margin: 5px 0px 5px 0px;font-size:12px;
    }

    #postcomment {
        border: 0px solid #DDDDDD;
        background-color: #FBFBFB;
      font-size: 12px;
      padding: 10px;
      text-align: justify;
      margin-top: 15px;
      435px;
    }

    #postcomment div {
        color: #808080;
      font-size: 12px;
        font-weight: bold;
      margin: 5px 0px 5px 0px;
    }

    #postcomment input.text, textarea {
      border: 1px solid #DDDDDD;
      font-size: 12px;
    }

    input.text {
        width : 300px; 
    }

    textarea {
        width : 300px;
        height : 200px; 
    }

    #relatedlinks ul {
        list-style : none;
        margin-left : 10px;
        padding : 0px;
    }

    span.highlight
    {
        background-color:Yellow;     
    }
    .block_title{font-size:14px;font-weight:bold}
    .code{float:left;90%;padding:10px;border:1px dotted #d9d9d9;background:#f4f4f4;}
    .postFoot{clear:both;padding-top:6px}
    br{clear:both;}

    就可以有如图的效果了!!

  • 相关阅读:
    Zabbix监控系统系列之二 : 初始化配置
    docker中的zabbix 配置钉钉机器人
    sqldbx 绿色小巧的数据库查询管理工具
    Windows 10 自建Anki 私有云服务器
    Sqlserver内存管理:限制最大占用内存
    tfs强制撤销其他工作区挂起更改,删除工作区
    easyui的一些文档
    IIS下日志分析
    zookeeper-client
    Windbg程序调试系列-索引篇(转)
  • 原文地址:https://www.cnblogs.com/xiang/p/203430.html
Copyright © 2020-2023  润新知