首页 > 代码库 > 第二版博客首页安装代码
第二版博客首页安装代码
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://www.mamicode.com/"http://info.flagcounter.com/Af7R"> <img src=http://www.mamicode.com/"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://www.mamicode.com/"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://www.mamicode.com/"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.mamicode.com/"http://www.3v.cm/index.asp?id=qiuge227"> <img src=http://www.mamicode.com/"http://images.cnblogs.com/cnblogs_com/qiuge227/565381/o_Unnamed%20QQ%20Screenshot20140501132439.png" width="230" /> </a>如果对我的博客感兴趣的可以加入2014技术家园的群哦。<a target="_blank" href=http://www.mamicode.com/"http://shang.qq.com/wpa/qunwpa?idkey=df3ac26a89c0c6ef4c6692b733f2c06c86912b909f1991f0518b1197b2ec0752"><img border="0" src=http://www.mamicode.com/"http://pub.idqqimg.com/wpa/images/group.png" alt="2014技术家园" title="2014技术家园"></a></div>
效果图:
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。