〆撕鈊裂肺的小窩

自製兩欄式版型(2014/02/09)

解析度為1024X768  

側欄欄位靠右

適用:ie google

複製底下語法貼上即可!

/*----------------------------------------------------------- pixnet版型css - 簡單 girl 黑(側欄在右) 作者:visa30(撕心裂肺) 部落格:http://visa30.pixnet.net/blog -----------------------------------------------------------*/ body{font-family: arial, verdana, Helvetica, sans-serif;-webkit-text-size-adjust:none;} *{ margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} pre{font-size: 1em ;} .article-content{ _height: 1% ; overflow: hidden ; _overflow: none;} .article-content p{margin-bottom: 1em;} a { text-decoration: none;} br{letter-spacing: normal;} body { background:#FFF; font-size:12px; color:#ccc; line-height: 1.5;} a {color:#000;} a:hover {color:#909090;} #body-div{} #authority{ position:absolute; left: 0; top: 270px;left:480px; z-index:9000; } #authority a{ display:block; float: left; height: 20px; line-height: 20px; font-size: 12px; padding: 1px 5px 1px 25px; color:#000; } #authority a#newpost { background:url(http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_59174.gif) 5px center no-repeat ; margin-right:5px; } #authority a#backstage { background:url(http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_59174.gif) 5px center no-repeat ; } #authority a:hover{ color:#909090; } #container{ width: 100%; background: url(http://i.imgur.com/i9ktHMd.gif) left top repeat;} #container2{ width: 980px; margin:0 auto;} #header{ position:relative; width:100%; height: 335px; padding-top:0px;position:relative; top:-20px; background:url(http://i.imgur.com/zXzyfLl.gif) no-repeat; } #login-bar{ position:absolute; right:0; top: 40px;left:10px; color:#000;} #login-bar a{color:#000;} #login-bar a:hover{ color:#909090; } #banner{ padding: 20px;} #banner h1 a{display: none;} position:absolute; left:520px; top:15px; color:#fbb; line-height: 1.3; text-shadow:1px 1px 0 #f35a7e; #banner h2{ margin:5px 0; color:#fcc;} #banner{display: none;} #banner h1 a{ display: none; } #banner h2{ display: none; } #banner .skiplink{display: none;} #banner #blog-category{ display: none; } #banner #blog-category a{display: none; } #navigation{ position:absolute; right:1px; top:285px; left:20px; } #navigation li{ float:left; background:url() left top no-repeat; height: 35px; padding:0px 10px; line-height: 30px; *line-height: 35px; } #navigation a{ font-size:16px; color:#000; padding-left: 25px; } #navigation a:hover{ color:#909090; } #navigation li#link-album a{background:url(http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_59174.gif) 3px 3px no-repeat;} #navigation li#link-blog a{background:url(http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_59174.gif) 3px 2px no-repeat;} #navigation li#link-guestbook a{background:url(http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_59174.gif) 3px 3px no-repeat;} #navigation li#link-profile a{background:url(http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_59174.gif) 3px 3px no-repeat;} #main{ width:980px ;position:relative; top:-20px; overflow:hidden; background:url(http://i.imgur.com/5mHBzyU.jpg) top left repeat-y;} #content{ float: left; width: 650px; overflow: hidden;position:relative; top:20px;left:10px;} #spotlight{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0 0 20px 0; background:#fff; border:1px solid #000; padding: 10px;} #spotlight h5{ color:#000; font:bold 15px arial;} #spotlight-text{ color:#000;} .article{margin-bottom:20px;} .article-head{} .publish {position:relative; top:70px;left:520px;color:#FF0000;} .title{ background:url(http://i.imgur.com/OsIgmll.gif) no-repeat; height:110px; overflow:hidden; padding-left :80px;} .title a{position:relative; top:40px;left:10px; font:bold 15px arial; color:#909090; text-shadow:1px 1px 0 #000; line-height:24px; float:left; padding:8px 0 0 5px; } .title img{} .article-body{ text-align:right; margin: 15px 0; color:#000} .article-content{ text-align:left; color:#000; margin: 10px 0; line-height: 1.6;} .article-content .more{} .bookmark{} .author{} .forward{} .article-footer{ background:#FFF; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#999;} .article-footer a{color:#000} .history{margin-top:5px;} .back-to-top{ clear:both; text-align:right;} .back-to-top a{ text-transform:uppercase; font:11px CEntury Gothic; padding: 1px 5px; color:#aaa; background:#222; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #blog-main .refer{display:none;} #blog-main .article-footer{background:none;} .article-area-title{} #view-mode{} .main-list{ margin-top:20px; background:#222; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px;} .main-list table{ width:100%;} .main-list th{ padding: 5px; background:url(http://pic.pimg.tw/pixnetvisual/eb8da4d2b8d39f607a760b921e9a1400.jpg) bottom repeat-x; border:1px solid #333;} .main-list td{ border:1px solid #333; padding: 5px;} #trackback-box{} #comment-box{} .user-post-box{ margin:20px 0} .user-post-title{ background:url(http://pic.pimg.tw/pixnetvisual/4293d3c2149c278670452dfee9a859af.jpg) no-repeat; height: 25px; margin-bottom:10px; font-size:0;text-indent: -5000px;} #comment-title{ background:url(http://pic.pimg.tw/pixnetvisual/4293d3c2149c278670452dfee9a859af.jpg) no-repeat bottom left;} .user-post-text{ padding: 10px 0;} .post-comment{display:none;} .post-comment a{} .single-post{ background:url(http://pic.pimg.tw/pixnetvisual/4dd3792c10e30d3373354c5ad4d7160d.jpg) left bottom repeat-x; padding:10px; overflow: hidden; _overflow: none; _height: 1%;} .post-info{ float: right; width:490px; color:#ff96ab;} .post-photo{ float: left; width: 90px;} .post-photo img{ width: 70px; height: 70px; padding:5px 5px 15px 5px; border:1px solid #222; border-right:1px solid #000; border-bottom:1px solid #000; background:#aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .floor{ color:#f36; display:block; font:bold 22px CEntury Gothic; text-shadow:1px 1px 0 #222;} .post-text{ float: right; width:490px;} .reply-text{ float: right; width:470px; padding:10px; margin-top:5px; background:#444; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .reply-text p{} .reply-text textarea{ margin-bottom: 5px;} .single-post.secret{} .single-post.secret .post-text{ float: none; width: auto;} #trackback-url{ margin:20px 0;} #trackback-url input{ background:#000; border:1px solid #444; font:12px arail;} #trackback-box input#trackback-input{ margin-right:5px; width: 400px; padding:3px;} #trackback-text .post-info, #trackback-box .post-text{ width:auto ; float:none ;} .page{ margin: 10px ; text-align: center;} .page a, .page SPAN{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff; text-shadow:1px 1px 0 #000; background:url(http://i.imgur.com/XYFcwk7.jpg) top; padding: 2px 4px; margin: 0 2px;} #links{width:260px ;float:right ;position: relative;right:10px;margin-top:-30px;} #links-row-1{ } #links-row-2{} .box{ background:url(http://i.imgur.com/7tSrs1V.gif) left top repeat-y; margin-bottom:60px; _height:1%;} .box-title{ background:url(http://i.imgur.com/kW6A0aM.gif) no-repeat; height:40px;position:relative; top:-30px; padding-left: 50px; font:bold 13px arial; text-shadow:1px 1px 0 #000; line-height: 40px; color:#909090;} .box-text { padding: 10px 15px 15px!important; color:#999; background:url(http://i.imgur.com/rtdqX4k.gif) left bottom no-repeat;position:relative; top:30px;left:0px;} .box-text a{color:#000;} .box-text a:hover{color:#909090;} .box-more{ margin:5px; text-align:right;} .box-more a{ font-size:11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:#333; padding: 2px 5px; color:#000} .box-more a:hover{ color:#909090; background:#000;} #recent-article img{} #user-info dl dd { margin:0 0 0px;} #user-info .user-img { margin-bottom:5px; width: 95px;} #user-info .user-img img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#ccc; padding:3px; border:1px solid #666;} #calendar table{ width:100%;} #calendar th, #calendar td{ text-align:center; padding:1px;} #calendar td a{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:url(http://i.imgur.com/XYFcwk7.jpg) top; color:#000; display:block;} #search ul, #visitor ul,#crumb ul{ overflow: hidden;_overflow: none;_height: 1%; margin-bottom:5px;} #visitor li,#crumb li{ float:left; line-height:0; margin:3px;} body #newsfeed .newsfeed-photo img, #friendbox ul.friendlist li img, #visitor li img,#crumb li img{ padding:1px !important; width: 40px; height:40px; background:#000; border:1px solid #444;} #search input{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #444; color:#aaa; background:#000;} #search li{ float: left; margin-right:3px;} #latest-trackback li, #latest-comment li, #subscription li{ margin-bottom:3px;} #latest-trackback a, #latest-comment a, #subscription a{ display:block; width:99%;} #announce li, #recent-article li, #hot-article li, #category li, #latest-comment li, #latest-trackback li, #subscription li{} select { font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; color: #FFF; border: 1px solid #ccc; background: #fff; padding: 2px; width:90%;} html{background:url() repeat-y;background-position:50% 0;cursor:url();SCROLLBAR-FACE-COLOR:#000000; SCROLLBAR-3DLIGHT-COLOR:#FFFFFF; SCROLLBAR-ARROW-COLOR:#FFFFFF; SCROLLBAR-TRACK-COLOR:#ffffff; SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF} body{cursor:URL(https://dl.dropboxusercontent.com/u/132512035/ani/red%20neon%20point.ani);} a:hover{cursor:URL(https://dl.dropboxusercontent.com/u/132512035/ani/Busy.ani);} ::-webkit-scrollbar{border:2px ridge #909090;background:#fff url();} ::-webkit-scrollbar-thumb{border:2px ridge #909090;background:#000;} ::-webkit-scrollbar-button:vertical{border:6px ridge #909090;background:#000;} #footer{ clear:both; background: url(http://i.imgur.com/9zrjP97.gif) no-repeat center ; height:130px; text-align:center ; color:#010;position:relative; top:20px;left:-10px;} #footer a{color:#000;} #footer p{padding:35px 0 5px 0} #footer #bottom{}

本著作 係採用創用 CC姓名標示-

非商業性-禁止改作 2.5 台灣 授權條款授權.

請正確引用:尊重創作人!