标签:des style class blog code http
css:
#profile_block{text-align:center;position:absolute; top:60px; right:10px;} #blog-calendar{border-radius: 7px;background:#fff;} #p_b_follow{padding-top:10px;} #p_b_follow a{display:block;width:70px;height:35px; line-height:35px;mrgin-top:10px; text-align:center;border:2px solid #103858;font-weight:bolder;color:#103858; font-size:14px;} #p_b_follow a:hover{background:#103858;color:#fff;} /**********************/ #EntryTag{margin-top: 20px; font-size: 9pt; color: gray;} .topicListFooter{text-align: right; margin-right: 10px; margin-top: 10px; text-shadow: 1px 1px 0 #fff; color: #000;} #divRefreshComments{text-align: right; margin-right: 10px; margin-bottom: 5px; font-size: 9pt;} *{margin: 0; padding: 0;} html{height: 100%;} body{color: #000; background:url(http://images.cnblogs.com/cnblogs_com/qiuge227/564920/o_00610cfc5d8b44aed2e73e70c.jpg);background-position: center;background-repeat: no-repeat;background-attachment: fixed; font: 12px/1.5 tahoma,arial,sans-serif; min-height: 101%;} table{border-collapse: collapse; border-spacing: 0;} fieldset, img{border: 0;} ul{word-break: break-all;} li{list-style: none;} h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: normal;} a:link{color: #444; text-decoration: none;} a:visited{color: #444; text-decoration: none;} a:hover{color: #f60; text-decoration: underline;} a:active{color: #444; text-decoration: none;} .clear{clear: both;} #home{} #header{height:200px;padding-top:70px;} #blogTitle{width:1000px; height: 60px; clear: both; margin: 0 auto;} #blogTitle h1{font-weight: bold; font-size: 2em; line-height: 2em; margin-top: 10px; margin-left: 10px; float: left;} #blogTitle h1 a{color: #5093D5; text-shadow: 0 0 5px #fff; text-decoration: none;} #blogTitle h2{color: #333; margin-left: 1em; margin-top: 30px; line-height: 1.5em; width: 50%; float: left;} #blogLogo{float: right;} #navigator{height: 50px;line-height:50px; clear: both; background: #103858;position:fixed;top:0px;width:100%;z-index:2000; margin: 0 auto;border-bottom:1px solid #003;} #navList{min-height: 30px; float: left; margin-left: 65px;} #navList li{float: left;} #navList a{position: relative; font-weight: bolder; display: block; height: 22px; float: left; text-align: center; padding: .05em 1em; font-size: 1.3em;} #navList .aHeaderXML{display: none;} #navList a:link, #navList a:visited, #navList a:active{color: #a3b2be;} #navList a:hover{color: #fff; text-decoration: none; text-shadow: 0 0 3px #fff;} .blogStats{float: right; color: #a3b2be; margin-top: 8px; margin-right: 2px; text-align: right;} #main{width: 1000px; margin: 20px auto 0;} #main:after{content: ""; clear: both;} #mainContent .forFlow{float: none; width: auto;} #mainContent{-o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; float: left; width: 740px;} .day{color: #666; border-radius: 7px 7px 7px 7px; box-shadow: 1px 1px 2px #a7a8ad; background: #fff; min-height: 10px; _height: 10px; margin: 0 5px 20px 80px; padding: 5px 5px 5px 15px; position: relative; border-radius: 7px 7px 7px 7px;} .day:after{content: "◆"; color: #fff; font-size: 30px; position: absolute; left: -14px; top: 15px;} .day:hover{border-color:#adadad;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none; background-color:#ebebeb;-webkit-transition: background-color .35s linear;transition: background-color .35s linear;} .day:hover:after{content: "◆"; color: #ebebeb;} .dayTitle{width: 54px; height: 54px; color: #666; font-weight: bold; line-height: 1.5em; font-size: 110%; clear: both; text-align: right; position: absolute; left: -80px; top: 20px; background: #fff; border-radius: 7px 7px 7px 7px; box-shadow: 1px 1px 2px #a7a8ad; text-shadow: 0 0 2px #a7a8ad;padding-top:5px;padding-left:5px;padding-right:10px;} #homepage1_HomePageDays_ctl04_ImageLink,#homepage1_HomePageDays_ctl04_ImageLink:hover{color:5093D5;} .postTitle{font-size: 1.5em; font-weight: bold; line-height: 1.5em; width: 100%; clear: both;} .postTitle a:link, .postTitle a:visited, .postTitle a:active{color: #444;} .postTitle a:hover{color: #f60; text-decoration: none;} .postCon{width: 100%; clear: both; padding: 10px 0; text-indent: 2em;} .postDesc{float: right; width: 100%; clear: both; text-align: right; padding-right: 5px; color: #a8b1ba; margin-top: 5px;} .postDesc a:link, .postDesc a:visited, .postDesc a:active{color: #666;} .postDesc a:hover{color: #f60; text-decoration: none;} .postSeparator{clear: both; height: 1px; border-top: 1px dotted #666; width: 100%; clear: both; float: right; margin: 0 auto 15px auto;} #sideBar{color: #a8b1ba; width: 250px; min-height: 200px; float: right; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; width: 250px;} #sideBar a:link, #sideBar a:visited, #sideBar a:active{color: #567286;} #sideBar a:hover{color: #f60; text-decoration: none;} .newsItem{text-align:center;} .newsItem .catListTitle{display: none;} .catListTitle{color: #fff; font-size: 1.2em; border-bottom: 1px solid #dadfe1; height: 1.5em; line-height: 1.5em; background: #2eb1e8; border-top-left-radius: 7px; border-top-right-radius: 7px; padding: 5px; text-indent: 1em; text-shadow: 1px 1px 0 rgba(0,0,0,.3);} .catListTitleh3{color: #fff; font-size: 1.2em; border-bottom: 1px solid #dadfe1; height: 1.5em; line-height: 1.5em; background: #2eb1e8; border-top-left-radius: 7px; border-top-right-radius: 7px; padding: 5px; text-indent: 1em; text-shadow: 1px 1px 0 rgba(0,0,0,.3);} #calendar{border-radius: 7px 7px 7px 7px; box-shadow: 1px 1px 2px #a7a8ad; background: #fff; margin: 20px 5px;} #calendar .Cal{width: 96%; line-height: 1.5em; border: none; color: #666; margin: 2%;} #calendar table a:link, #calendar table a:visited, #calendar table a:active{font-weight: bold;} #calendar table a:hover{color: #fff; text-decoration: none; background-color: #f60;} .CalTodayDay{color: #f60;} #calendar .CalNextPrev a:link, #calendar .CalNextPrev a:visited, #calendar .CalNextPrev a:active{font-weight: bold;} .CalDayHeader{border-bottom: 1px solid #ccc;} .CalTitle{width: 100%; color: #000; border-bottom: 1px solid #666;} .divRecentComment{text-indent: 2em; color: #666;} #sideBarMain ul{line-height: 1.5em;} .catListEssay, .catListLink, .catListNoteBook, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListArticleArchive, .catListImageCategory, .mySearch, .catListComment, .catListView, .catListFeedback{border-radius: 7px 7px 7px 7px; box-shadow: 1px 1px 2px #a7a8ad; background: #fafcfd; margin: 20px 5px;} .catListEssay ul, .catListLink ul, .catListNoteBook ul, .catListNoteBook ul, .catListTag ul, .catListPostCategory ul, .catListPostArchive ul, .catListArticleArchive ul, .catListImageCategory ul, .mySearch ul, .catListComment ul, .catListView ul, .catListFeedback ul{border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;} .catListEssay ul li, .catListLink ul li, .catListNoteBook ul li, .catListNoteBook ul li, .catListTag ul li, .catListPostCategory ul li, .catListPostArchive ul li, .catListArticleArchive ul li, .catListImageCategory ul li, .mySearch ul li, .catListComment ul li, .catListView ul li, .catListFeedback ul li{border-bottom: 1px solid #dadfe1; border-top: 1px solid #fff; overflow: hidden; padding: 5px;} .catListComment .divRecentCommentAticle{padding: 5px; border-bottom: 1px solid #dadfe1; border-top: 1px solid #fff; line-height: 1.5em;} .catListComment .divRecentComment{display: none;} #topics{background: #fff; border-radius: 7px 7px 7px 7px; box-shadow: 1px 1px 2px #a7a8ad; min-height: 200px; padding: 0 0 10px 0; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; padding: 5px; margin: 0 5px 20px 0;} #topics .postTitle{text-align: center; width: 100%;} #topics .postTitle a{font-size: 1.5em; font-weight: bold; color: #2eb1e8; text-shadow: 0 0 1px #a7a8ad; line-height: 1.5em;} .postBody{padding: 5px; line-height: 1.5; color: #444;} #EntryTag a{margin-left: 5px;} #EntryTag a:link, #EntryTag a:visited, #EntryTag a:active{color: #666;} #EntryTag a:hover{color: #f60;} #topics .postDesc{width: 100%; text-align: right; padding-right: 5px; margin-top: 5px;} #AjaxHolder_UpdatePanel1{background: #fff; border-radius: 7px 7px 7px 7px; box-shadow: 1px 1px 2px #a7a8ad; margin: 0 5px 10px 0; padding: 5px;} .feedback_area_title{display: none;} .louzhu{} .feedbackListSubtitle{color: #666; border-top: 1px dashed #eee; padding-top: 10px;} .feedbackListSubtitle a:link, .feedbackListSubtitle a:visited, .feedbackListSubtitle a:active{color: #666; font-weight: normal;} .feedbackListSubtitle a:hover{color: #f60; text-decoration: none;} .feedbackManage{width: 200px; text-align: right; float: right;} .feedbackCon{margin: 30px; margin-top: 10px; position: relative;} .feedbackCon:after{bottom: -46px; color: #ccc; content: "”"; font-family: "黑体"; font-size: 47px; font-weight: bold; position: absolute; right: -42px;} .feedbackCon:before{color: #ccc; content: "“"; font-family: "黑体"; font-size: 47px; font-weight: bold; left: -43px; position: absolute; top: -20px;} #divRefreshComments{text-align: right; margin-bottom: 20px; text-shadow: 1px 1px 0 #fff;} .commentform{background: #fff; border-radius: 7px 7px 7px 7px; box-shadow: 1px 1px 2px #a7a8ad; margin: 0 5px 10px 0; padding: 5px;} #AjaxHolder_PostComment_divCommnentArea table tbody tr{width: 100%; padding: 5px;} .commenttb{width: 320px;} .entrylistTitle, .PostListTitle, .thumbTitle{display: none;} #myposts, .entrylist, .gallery, #profile{background: #fff; border-radius: 7px 7px 7px 7px; box-shadow: 1px 1px 2px #a7a8ad; margin: 0 5px 10px 0; padding: 5px;} .entrylistDescription{color: #666; text-align: right; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; margin-bottom: 10px;} .entrylistItem{min-height: 20px; _height: 20px; margin-bottom: 30px; padding-bottom: 5px; width: 100%;} .entrylistPosttitle{font-size: 110%; font-weight: bold; border-bottom: 1px solid #666; line-height: 1.5em; padding-left: 5px;} .entrylistPosttitle a:hover{text-decoration: none;} .entrylistPostSummary{margin-top: 5px; padding-left: 5px; margin-bottom: 5px;} .entrylistItemPostDesc{text-align: right; color: #666;} .entrylistItemPostDesc a:link, .entrylistItemPostDesc a:visited, .entrylistItemPostDesc a:active{color: #666;} .entrylistItemPostDesc a:hover{color: #f60;} .entrylist .postSeparator{clear: both; width: 100%; font-size: 0; line-height: 0; margin: 0; padding: 0; height: 0; border: none;} .pager{text-align: right; margin-right: 10px;} .PostList{border-bottom: 1px solid #dadfe1; border-top: 1px solid #fff; overflow: hidden; padding: 5px; color: #999;} .pfl_feedback_area_title{text-align: right; line-height: 1.5em; font-weight: bold; border-bottom: 1px solid #666; margin-bottom: 10px;} .pfl_feedbackItem{border-bottom: 1px solid #000; margin-bottom: 20px;} .pfl_feedbacksubtitle{width: 100%; border-bottom: 1px dotted #666; height: 1.5em;} .pfl_feedbackname{float: left;} .pfl_feedbackManage{float: right;} .pfl_feedbackCon{color: #000; padding-top: 5px; padding-bottom: 5px;} .pfl_feedbackAnswer{color: #f40; text-indent: 2em;} .tdSentMessage{text-align: right;} .errorMessage{width: 300px; float: left;} .mySearch{padding-bottom: 2px;} .mySearch div{padding: 5px;} .input_my_zzk{width: 150px;} .divPhoto{border: 1px solid #ccc; padding: 2px; margin-right: 10px;} .thumbDescription{color: #666; text-align: right; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; margin-bottom: 10px;} #footer{text-align: center; min-height: 15px; _height: 15px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px; text-shadow: 1px 1px 0 #fff;} .personInfo{margin-bottom: 20px;} .pages{text-align: right;} .postBody{line-height: 1.5;} .postBody p, .postCon p{text-indent: 2em; margin: 0 auto 1em auto;} .postBody h2{font-size: 150%; margin: 15px auto 2px auto; font-weight: bold;} .postBody h3{font-size: 120%; margin: 15px auto 2px auto; font-weight: bold;} .postBody h4{font-size: 110%; margin: 15px auto 2px auto; font-weight: bold; color: #333;} .postBody h5{font-size: 100%; margin: 15px auto 2px auto; font-weight: bold; color: #333;} .postBody a:link, .postBody a:visited, .postBody a:active{text-decoration: underline;} .postCon a:link, .postCon a:visited, .postCon a:active{text-decoration: underline;} .postBody ul, .postCon ul{margin-left: 2em;} .postBody li, .postCon li{list-style-type: disc; margin-bottom: 1em;} .postBody blockquote{background: url(‘images/comment.gif‘) no-repeat 25px 0; padding: 10px 60px 5px 60px; min-height: 35px; _height: 35px; line-height: 1.6em; color: #333;} #green_channel{width: auto;} #cnblogs_post_body p, #cnblogs_post_body div{line-height: 1.5!important;} #xs_ad,#weibowidget,#free3v{background:#fff; border-top-left-radius: 7px; border-top-right-radius: 7px;}
html:
<div id="xs_ad" style="height:250px;background:#fff;margin-bottom:15px; border-top-left-radius: 7px; border-top-right-radius: 7px;"> <h3 class="catListTitleh3">我的访客</h3> <a href="http://info.flagcounter.com/Af7R"> <img src="http://s06.flagcounter.com/count/Af7R/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" border="0" width="230"> </a> </div> <div id="weibowidget" style="height:600px;background:#fff; border-top-left-radius: 7px; border-top-right-radius: 7px;"> <h3 class="catListTitleh3">我的微博</h3> <p> <object width="230" height="550" data="http://service.weibo.com/staticjs/weiboshow.swf?verifier=dc4c7ad8&uid=2675963823&width=230&height=550&fansRow=2&isTitle=1&isWeibo=1&isFans=1&noborder=0&ptype=1&colors=e1e1e1,fafafa,444444,5093d5" type="application/x-shockwave-flash"> <param name="src" value="http://service.weibo.com/staticjs/weiboshow.swf?verifier=dc4c7ad8&uid=2675963823&width=230&height=500&fansRow=2&isTitle=1&isWeibo=1&isFans=1&noborder=0&ptype=1&colors=e1e1e1,fafafa,444444,5093d5" /> </object> </p> </div> <div id="free3v" style="height:200px;background:#fff;margin-top:15px;margin-bottom:15px;color:#000;"> <a href="http://www.3v.cm/index.asp?id=qiuge227"> <img src="http://images.cnblogs.com/cnblogs_com/qiuge227/565381/o_Unnamed%20QQ%20Screenshot20140501132439.png" width="230" /> </a> 如果对我的博客感兴趣的可以加入2014技术家园的群哦。 <a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=df3ac26a89c0c6ef4c6692b733f2c06c86912b909f1991f0518b1197b2ec0752"><img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="2014技术家园" title="2014技术家园"></a> </div>
效果图:
标签:des style class blog code http
原文地址:http://www.cnblogs.com/qiuge227/p/3790672.html