關閉廣告
FINE LOOK in PIXNET
跳到主文
痞客邦樣式部落格
部落格全站分類:
視覺設計
相簿
部落格
留言
名片
Mar
03
Wed
2010
16:48
[部落格]痞客模版基本樣式 :: 深褐(右側欄,主視覺寬)
close
痞客模版基本樣式 :: 深褐(右側欄,主視覺寬)
主視覺圖片預設為 850 X 400
欲加入圖片,
請在CSS中找到
#header{background: url() left top no-repeat;}
在 ( ) 中加上圖片網址即可。
★★★ 語法下載: (按滑鼠右鍵, 或 Ctrl+C 複製語法)
/*主視覺請在此更換*/ #header{background: url() left top no-repeat;} /*--------------------------reset*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,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; } /*a:focus { -moz-outline-style: none; }*/ br{letter-spacing: normal;} /*--------------------------all setting*/ body { background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a5413b8d1157.jpg) left bottom repeat-x #474332; font-size:12px; font-family: arial; color:#eee; } a {color:#fa0} a:hover {} /*--------------------------authority*/ #authority{ background:#353120; line-height: 25px; text-align: center;} #authority a{ padding:0px 5px; color:#bbb28d;} /*--------------------------container*/ #container2{ width: 850px; margin:30px auto; } /*--------------------------header*/ #header{ height: 400px; position: relative;} #login-bar{ color:#a0a0a0; font-size:11px; position: absolute; top: 410px; left:0;} #login-bar a{ color:#a0a0a0} #login-bar .separator{ color:#302d1f; padding:0px 2px;} #banner{ padding: 30px; width: 400px; } #banner h1 {} #banner h1 a{ font: 20px Simhei; color:#fff; letter-spacing:-1px;} #banner h2{ margin-top: 5px; color:#fff;} #banner .skiplink, #banner #blog-category{display:none;} /*--------------------------navigation*/ #navigation{ position: absolute; top: -25px; right: 0px;} #navigation li{ float: left; height: 20px; display: inline; margin-right: 5px; } #navigation a{ display: block; height:100%; padding: 0px 5px; color:#eee; font-size:12px;} #navigation a:hover{ background:#373321;} /*--------------------------main*/ #main{ overflow: hidden; _overflow: none; _height: 1%; padding-top: 20px; } /*--------------------------content*/ #content{ overflow: hidden; width: 590px; float: left; } #spotlight{ margin:20px 0; border-bottom:1px solid #3c3828; padding-bottom: 10px;} #spotlight h5{ color:#fa0; font: 13px arial; margin:5px 0;} #spotlight-text{ line-height:160%;} #article-area{} #article-area .article-area-title{} #view-mode{} #display{} #display SPAN {} #article-box{} .article{ margin-bottom: 20px; margin-top: 10px; background:#514d3c;} .article-head{ height: 41px; padding-top: 5px; background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a5413bab35b7.jpg) no-repeat;} .publish { color:#686248; text-transform:uppercase; font:10px Century gothic; margin-left: 30px;} .title{ margin-left: 20px;} .title img{display:none;} .title a{ font: bold 15px arial; color:#423b28; display:block;} .title a:hover{ color:#447423; } .article-body{ padding: 20px; line-height:160%;} .article-body a{ color:#b7ae88;} .article-body a:hover{ padding-bottom:2px; border-bottom:1px dotted #b7ae88;} .article-content{ color:#ccc; font-size:13px; letter-spacing: 0.05em; line-height:180%; } .bookmark, .author, .forward{ text-align: right; color:#6e7d40; } .bookmark a, .author a, .forward a{ color:#6e7d40;} .article-footer{ color:#b7ae88; background:#57523f; padding: 10px; text-align:right; line-height:160%;} .article-footer a{ color:#7d7861; padding-left: 2px; } .history{display:none;} .refer{} .back-to-top{} #blog-main .back-to-top{display:none;} /*--------------------------list*/ .main-list table{ width: 100%; margin:20px auto;} .main-list h3 {} .main-list th{ background:#57523f; line-height: 25px; padding: 3px 0 3px 10px; background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a5413bab35b7.jpg) 50% 50% ; color:#716636;} .list-num{display:none;} .list-date {width: 100px;} .list-title{} .main-list td{ border-bottom:1px solid #57523f; line-height: 25px; padding: 3px 0 3px 10px; } #content .main-list a{color:#ccc;} #content .main-list a:hover{color:#fa0;} /*--------------------------post-box*/ .user-post-box{ background:#56513e; margin: 10px 0; padding-bottom: 10px; } .user-post-title{ background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a5413bab35b7.jpg) left top; height: 30px; line-height:30px; padding-left: 15px; border-bottom:1px solid #444; color:#963; } .user-post-text{ padding: 15px; } .post-comment{ background:#6f6a53; height: 30px; line-height: 30px; text-align: right;} #content .post-comment a{color:#ccc; display: block; padding-right: 10px;} .single-post{ overflow: hidden; _overflow: none; _height: 1%; border-bottom:1px dashed #9c926e; padding-bottom: 10px; margin: 10px auto; width: 550px; line-height:150%; } .post-info{ float: right; width: 490px; color:#96a665; margin-bottom:3px;} .post-info a{color:#96a665;} .post-photo{ float: left; width: 55px;} .post-photo img{ width: 50px; height:50px; border:1px solid #333;} .post-text{ float: right; width: 490px;} .reply-text{ float: right; width: 480px; margin-top: 10px; border-left: 5px solid #b0a780; padding-left: 5px; color:#b0a780;} .reply-text a{ color:#b0a780;} .reply-text p{} .single-post.secret{} .single-post.secret .post-text{ float: none; width: auto; } #trackback-box {} #trackback-box h3 {} #trackback-box SPAN {} #trackback-box #trackback-url{ background:#6f6a53; padding: 5px; text-align: right;} #trackback-box input#trackback-input{} #trackback-text {} #trackback-text .single-post {} #trackback-text .single-post a{color:#b0a780;} #trackback-text .post-info { float: none;} #trackback-box .post-text{ width:auto ; float:none ; } /*--------------------------comment-form */ #comment-form { background: #474331; padding: 5px; width: 540px; margin: 10px auto; } #comment-form p { color: #c8c2a9; text-align: right; margin: 0px 10px 5px; } #comment-form table { width: 100%; border: none; } #comment-form table tr.comment-form-title { display: none; } #comment-form table td { color: #ccc; vertical-align: top; border: none; padding: 2px 5px; } #comment-form table th { color: #c8c2a9; vertical-align: top; width: 70px; border: none; text-align: right; padding: 2px 5px; } #comment-form table th font { display: none; } #comment-form input { height: 17px; font-family: Arial; font-size: 11px; color: #fff; border: none; border-bottom: 1px solid #c8c2a9; background: none; } #comment-form input.radio { border: none; width: auto; background: none;margin:0; padding:0; } #comment-form input#blogcommenttext_name{ width: 85%; } #comment-form input#send-comment{ border:0; width: 80px; background:#c8c2a9; color:#333; } #comment-form textarea { width: 99%; height: 90px; font-family: Arial; font-size: 11px; line-height: 18px; color: #000; border: 1px solid #ccc; background: #fff; } /*--------------------------pages*/ .page{ margin: 10px 0 20px 30px; font-size: 11px; } .page span, .page a{ padding: 0px 3px; line-height: 15px; margin: 0 2px; color:#eee; } .page a:hover{ background:#963; color:#fff; } /*--------------------------links*/ #links{ overflow: hidden; width: 240px; float: right; } #links-row-1{} #links-row-2{} .box{ background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a5413b927698.jpg) left bottom no-repeat; margin-bottom: 20px; padding-bottom: 20px;} .box-title{ border-left:3px solid #cab350; padding: 3px 5px 3px 10px; font:bold 15px arial; color:#fff;} .box-text { border-left:3px solid #666047; padding: 5px 5px 0px 10px; line-height:160%; color:#cab350;} .box-text a{color:#a6a086;} .box-text a:hover{color:#eee;} .box-more{ text-align: right; margin-top: 5px; } .box-more a{ color:#aaa; background:#383423; padding: 2px 5px; font-size:11px; } .box-more a:hover{ background:#64604c; } #headshot{} #headshot ul{ overflow: hidden; _overflow: none; _height: 1%; } #headshot li{} #headshot li#headshot-img{} #headshot li#friend-apply{} #headshot li#send-message{} #recent-article{} #recent-article img{} #latest-comment {} #latest-comment a{} #latest-comment span{} #calendar table{ width: 75%; margin: 10px; } #calendar table th{ text-align: center; } #calendar table td{ font-size:10px; text-align: center; border:1px solid #474332; background:#5e5943; color:#ccc; line-height: 20px; } #calendar table td a{ background:#c1b996; display: block; color:#333; } #category li{margin-left: 15px;} #murmur{} .murmur-time{} .murmur-text{} #visitor ul, #crumb ul{overflow: hidden; _overflow: none; _height: 1%;} #visitor li, #crumb li{ float:left; line-height:0; margin: 0px 2px 2px 0px; display:inline; } #visitor li img, #crumb li img{ width: 50px; height: 50px; } #broadcast ul{ overflow: hidden; _overflow: none; _height: 1%; margin-bottom: 3px; } #broadcast .broadcast-photo{ float: left; width:50px; display: inline; line-height:0px; } #broadcast .broadcast-photo img{ width: 40px; height: 40px; } #broadcast .broadcast-time, #broadcast .broadcast-text{ float: right; width: 170px; line-height: 20px; } #broadcast .broadcast-time span{display:none;} #broadcast .broadcast-time a{ background:#6e7d40; color:#fff; padding: 1px 5px; font: 11px arial; letter-spacing: 0.05em; } #broadcast .broadcast-time a:hover{ background: #069; } #announce li, #recent-article li, #latest-comment li, #subscription li, #latest-trackback li, #mylink li{margin-bottom: 2px; } #latest-comment a, #subscription a, #latest-trackback a{ display: block; width: 99%; } #mylink h6{ font: bold 13px arial; margin: 5px 0; color:#8ea251; } .folder{} .folder .box-title{} .folder .box-text{} #powered{} /*--------------------------footer*/ #footer{ clear:both; height: 40px; padding-top: 20px; text-align: center; } #footer p{} #bottom a{color:#858069;}
全站熱搜
創作者介紹
themes
FINE LOOK in PIXNET
themes 發表在
痞客邦
留言
(14)
人氣(
)
E-mail轉寄
留言列表
發表留言
RSS訂閱
熱門文章
文章精選
文章精選
2010 十二月 (1)
2010 十一月 (1)
2010 十月 (1)
2010 九月 (1)
2010 八月 (3)
2010 七月 (1)
2010 六月 (1)
2010 五月 (4)
2010 四月 (12)
2010 三月 (10)
所有文章列表
月曆
«
四月 2024
»
日
一
二
三
四
五
六
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
誰來我家
參觀人氣
本日人氣:
累積人氣:
最新留言
關閉視窗
留言列表