zoukankan      html  css  js  c++  java
  • 模板代码

    页面定制CSS代码

    /* Minification failed. Returning unminified contents.
    (187,73): run-time error CSS1036: Expected expression, found '#'
     */
    body {
        
             background-image:url('http://images.cnblogs.com/cnblogs_com/beautiful-code/906012/o_bg-yellow.png');
    }
    .clear {
    
        clear: both;
    }
    
    html {
        color: #000;
        overflow-y: scroll;
        background: #fff;
    }
    body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, form, th, td {
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
    }
    #cnblogs_post_body a{color:blue;}
    /*pre,code    {
        100%-20px;
        margin: 10px 0;
        padding: 10px;
        border: 0;
        border: 1px solid #785;
        background: #E9E4DB;
        word-wrap:break-word;
        }*/
    body, button, input, select, textarea {
        font: 12px/1.5 Tahoma, Arial, Helvetica, sans-serif;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-size: 100%;
        font-weight: normal;
    }
    address, cite, dfn, em, var {
        font-style: normal;
    }
    code, kbd, pre, samp, tt {
        font-family: "Courier New", Courier, monospace;
    }
    small {
        font-size: 12px;
    }
    ul, ol {
        list-style: none;
    }
    a:link, a:visited {
        text-decoration: none;
        color: #666;
    }
    a:hover {
        text-decoration: underline;
        color: #666;
    }
    abbr[title], acronym[title] {
        border-bottom: 1px dotted;
        cursor: help;
    }
    q:before, q:after {
        content: '';
    }
    :focus {
        outline: 0;
    }
    legend {
        color: #000;
    }
    fieldset, img {
        border: none;
    }
    button, input, select, textarea {
        font-size: 100%;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    hr {
        border: none;
        height: 1px;
    *color:#fff;
    }
    img {
        -ms-interpolation-mode: bicubic;
    }
    
    .lt_bg{
      
       height:180px;
       100%;
       display:block;
    }
    .lt_title{
      font-size:30px;
      font-weight:bold;
      font-family:微软雅黑;  
      margin-left:200px;
      padding-top:50px;
      color:#fff;
      postion:absolute;
    }
    /*html5*/
    article, aside, dialog, footer, header, hground, section, footer, nav, figure, menu {
        display: block
    }
    
    #navigator,#blogTitle,#main,#footer{
        position: relative;
        margin: 0 auto;}
    
    #header{
        height: 40px;
         100%;
        min-height:40px;
        margin-bottom:25px;
        font-family:Arial;
    	background:#2175BC;
    	z-index:10;
    	display:block;
    	margin-top:-18px;
    
    
    }
    
    #main{
         92%;
        max-1366px;
        margin-top: 6px;    
        margin-bottom: 0px;
           
    }
    #mainContent{
           
         78%;
        background: #fff;
        box-shadow:0px 0px 5px 10px #000
        -moz-box-shadow: 0px 0px 8px #999;
        -web-kit-shadow: 0px 0px 8px #999;
        -moz-border-radius: 6px;
        -web-kit-shadow: 6px;
        float: right;
        display: inline-block;
            border:1px solid #3489C1;
    }
    #sideBar{
        background-color:#fff;
        margin-right:10px;
         18%;
        padding: 16px;
        display: inline-block;
        overflow: hidden;
        color: #2D2D2D;
        border:1px solid #3489C1;
        
    }
    .catListTitle{
        color:#71EA5D;
    }
    #sidebar_search{
        display:none;
    }
    #footer{
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        color: #000;
        font-size: 12px;
    }
    
    
    #navigator{
        top: 8px;
        max-1000px;
    	margin-left:50px;
    	background:#fff;
    	z-index:10;
    	display:block;
    }
    
    #navList li{
        float: left;
        margin-right: 25px;
        display: inline;
    }
    #navList li a{
        font-size:15px;
        text-decoration: none;
        color: #fff;
        padding: 10px;    
    }
    #navList li a:hover{
        margin-top:-2px;
        padding-bottom:12px;
        color: #fff;
        opacity:1; 
    	background:#2586D7;
        }
    
    .blogStats{
        color: #CACACA;
        font-size: 12px;
        text-align: right;
    }
    #Header1_HeaderTitle{
        color:white;
    }
    
    #Header1_HeaderTitle:hover{
        text-decoration: none;
    }
    
    .day{background:#fff; padding:32px;}
    .postTitle{
      font-size:16px;
      font-weight:bold;
      font-family:Arial; 
        padding-right: 64px;
        padding-right: 64px;
        padding-left: 0px;    
        color:#589BC4;
    
    }
    
    .postTitle2{
      font-size:16px;
      font-weight:bold;
      font-family:Arial; 
        padding-right: 64px;
    
        color:#589BC4;
        
    }
    
    .entrylistPosttitle{
        font-size: 20px;
        padding-right: 64px;
        padding-left: 10px;
        border-left- 3px;
        border-left-style: solid;
        border-left-color: gray;    
        font-family:Arial;
        color:#333;
    }
    
    .postTitle a,.postTitl2 a,.entrylistPosttitle a{
        color: #589BC4;
      font-size:16px;
      font-weight:bold;
      font-family:Arial; 
        padding-right: 64px;
    
    }
    .postTitle a:link, .post-title a:visited,.postTitl2 a:link,.postTitl2 a:visited,.entrylistPosttitle a:link,.entrylistPosttitle a:visited{    
      font-size:16px;
      font-weight:bold;
      font-family:Arial; 
        padding-right: 64px;
    color:589BC4;}
    .postTitle a:hover,.postTitl2 a:hover,.entrylistPosttitle a:hover{color:#589BC4;text-decoration:none;      font-size:16px;
      font-weight:bold;
      font-family:Arial; 
        
        padding-right: 64px;
    }
    
    .postBody,.postCon,.entrylistPostSummary{clear:both; margin-top:26px;}
    .postBody,.postCon,.entrylistPostSummary{font-size:14px;color:#444;line-height:1.8;}
    .postCon h1, .postCon h2, .postCon h3, .postCon h4, .postCon h5, .postCon h6{
        font-weight:bold;
        line-height:1.8;
    }
    .postBody h1,.postCon h1{font-size:20px;}
    .postBody h2,.postCon h2{font-size:18px;}
    .postBody h3,.postCon h3{font-size:16px;}
    .postBody h4,.postCon h4{font-size:14px;}
    .postBody h5,.postCon h5{font-size:14px;}
    .postBody h6,.postCon h6{font-size:14px;}
    .postBody dd,.postCon dd{padding-left:2em;}
    .postBody ul,.postCon ul{list-style:none;margin-left:20px;}
    .postBody ul li,.postCon ul li{list-style:inside disc;}
    .postBody dt,.postCon dt{ font-weight:bold; padding:6px 0; clear:both}
    .postBody ol,.postCon ol{list-style:none;margin-left:20px;}
    .postBody blockquote,.postCon blockquote{90%;margin:0 auto;padding:6px 0 6px 45px;color:#666;
        background:white url(/images/blockquote.gif) top left no-repeat;}
    .dayTitle,.postDesc{ font-size:12px; color:#999999;}
    .postDesc,.postDesc2,.entrylistItemPostDesc{
        border-bottom: 1px dashed #E8E7D0;
        text-align: right;
        margin: 20px 0px;
        padding:5px 0px;
    }
    .dayTitle{
        border:1px solid #589BC4;
        position: relative;
        top: -20px;
         100px;
        left: -20px;
        padding-top: 3px;
        padding-right: 0px;
            padding-left: 8px;
        padding-bottom: 3px;
            color:#963C3C;
    
    }
    
    .dayTitle a{
         color:#333;
     }
    
    .topicListFooter{
        padding: 32px;
    }
    #sideBarMain {
    }
    #sideBarMain div{margin-bottom:26px;}
    #sideBarMain div div{margin-bottom:5px;}
    #sideBarMain h3{
        font-weight: bold;
        margin-bottom: 12px;
        color: #589BC4;
        border-bottom- 1px;
        border-bottom-style: dashed;
        border-bottom-color: #589BC4;
        padding-bottom: 10px;
        margin-top: 10px;
    }
    
    #blog-comments-placeholder,#divRefreshComments,.commentform,#AjaxHolder_UpdatePanel1{padding: 0 32px;}
    
    .post{padding: 32px;}
    
    .feedbackItem{
        border: 1px solid #E3E3E3;
        padding: 5px;
        margin-bottom: 10px;
        background-color: #F6F6F6;
    }
    .blog_comment_body{
        color: #929292;
        padding-top: 10px;
    }
    
    .forFlow p{margin-bottom:18px;}
    .forFlow img{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .PostList,.entrylistItem{
        margin:20px;
    }
    
    .entrylistTitle,.PostListTitle{
        display:none;
    }
    
    
    #blogTitle{
        display:none;
    }
    
    .cnblogs_code img{
    margin:0;
    float:left;
    }
    
    .cnblogs_code_toolbar {
    margin-top: 0px;
    }
    
    .code{
    padding:0 10px;
    }
    
    h4{
    font-size: 16px;
    background-color: #F60;
    margin: 0 -32px;
    padding: 0 32px;
    color: white;
    }
    
    #myposts .myposts_title{font-family:Arial;font-size: 16px;margin-top: 20px;text-align: center;}
    
    #myposts .postTitl2 {border-left: none;padding-left: 0px;padding-right: 0px;}
    
    #myposts .postTitl2 a{    font-size: 16px;}
    
    #myposts .postDesc2 {margin: 20px 0 20px 5px;}
    
    #cnblogs_post_body{font-size:14px;font-family:Arial;color:#000;line-height:250%;}
    
    #green_channel img {
        margin-bottom: 0;
    }
    
    #cnblogs_post_body img { max- 650px; }
    
    #topics{
        100%;
    }
    .font11{
       font-size:30px;
       font-family:楷体;
       color:#fff;
       font-weight:bold;
       margin-left:200px;
    }
    

      博客侧边栏公告(支持HTML代码)(支持JS代码)

    <center><img width=200px height=200px src="http://images.cnblogs.com/cnblogs_com/beautiful-code/906012/o_b7003af33a87e9502eb1fa9b17385343faf2b4a6.jpg"/></center>
    

      页首Html代码

    <br/>
  • 相关阅读:
    Unity跳转场景进度条制作教程(异步加载)
    Unity LOD-Level of Detail(多层次细节)用法教程
    Unity查找物体的子物体、孙物体
    Unity导航系统Navigation使用教程
    Unity物品栏、商城3D物品的显示插件
    VIM编辑器常用命令
    linux系统常用命令
    CRITICAL:yum.cli:Config Error: Error accessing file for config file:///etc/yum.conf
    linux下使用tar命令详解
    Linux之安装软件
  • 原文地址:https://www.cnblogs.com/beautiful-code/p/5619661.html
Copyright © 2011-2022 走看看