霝兒收藏屋

11月 05 週二 201314:30
痞客樣式 10 古代手繪美女紫版三欄式兩欄式可靠右靠左欄

本文引用自ru6854 - 痞客樣式 10 古代手繪美女紫版三欄式兩欄式可靠右靠左欄

(繼續閱讀...)

小霝發表在痞客邦留言(0) 人氣(211)

個人分類：翔霏版面

▲top

10月 31 週四 201315:40
痞客樣式 09 pucca中國娃娃椅子版三欄式兩欄式可靠右靠左欄

本文引用自ru6854 - 痞客樣式 09 pucca中國娃娃椅子版三欄式兩欄式可靠右靠左欄

(繼續閱讀...)

小霝發表在痞客邦留言(0) 人氣(91)

個人分類：翔霏版面

▲top

10月 28 週一 201317:41
痞客樣式 08 自描畫可愛娃娃三欄式兩欄式可靠右靠左欄

本文引用自ru6854 - 痞客樣式 08 自描畫可愛娃娃三欄式兩欄式可靠右靠左欄

(繼續閱讀...)

小霝發表在痞客邦留言(0) 人氣(100)

個人分類：翔霏版面

▲top

10月 14 週一 201315:27
~✿翔霏製✿~-痞客樣式 06 三欄式靠右留言版樣式 06

本文引用自ru6854 - ~✿翔霏製✿~-痞客樣式 06 三欄式靠右留言版樣式 06

(繼續閱讀...)

小霝發表在痞客邦留言(0) 人氣(70)

個人分類：翔霏版面

▲top

10月 11 週五 201314:20
~✿翔霏製✿~-痞客樣式 05 三欄式靠右留言版樣式 05

本文引用自ru6854 - ~✿翔霏製✿~-痞客樣式 05 三欄式靠右留言版樣式 05

(繼續閱讀...)

小霝發表在痞客邦留言(0) 人氣(40)

個人分類：翔霏版面

▲top

10月 06 週日 201308:59
翔霏學習版-痞客樣式04 三欄式靠右留言版樣式04

本文引用自ru6854 - 翔霏學習版-痞客樣式04 三欄式靠右留言版樣式04

(繼續閱讀...)

小霝發表在痞客邦留言(0) 人氣(34)

個人分類：翔霏版面

▲top

10月 02 週三 201317:26
翔霏學習版-痞客樣式03 兩欄式右欄較寬留言版樣式03

本文引用自ru6854 - 翔霏學習版-痞客樣式03 兩欄式右欄較寬留言版樣式03

痞客3-預覽2

↓

翔霏學習版-痞客樣式03預覽圖兩欄式右欄較寬

建議解析度1024X768以上

另有Blog Switc 百款背景網頁特效

更多背景特效將陸續收集

版型語法複製↓

/*--------------------------reset*/ 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;} /*--------------------------all setting*/ body { font-size:15px; background:url(http://b.share.photo.xuite.net/ru6854/1b66ce9/10475295/484477642_x.jpg); color:#9CD7A1; line-height:150%;} a {color:#9CD7A1;} a:hover {color:#04BFBC} #body-div{} /*--------------------------authority*/ #authority{ border-bottom:1px dashed #333; text-align: center; padding:5px 0;} #authority a{ margin:0 5px; text-shadow:1px 1px 0 #9CD7A1;} #authority a:hover{} /*--------------------------container*/ #container{} #container2{ width: 910px; margin:0 auto; background:url(http://b.share.photo.xuite.net/ru6854/1b66ccd/10475295/484394414_x.jpg) left top repeat-y;} #container3{} /*--------------------------header */ #header{ height: 430px; overflow:hidden; position:relative; background:url(http://b.share.photo.xuite.net/ru6854/1b66c6c/10475295/484391757_x.jpg) no-repeat;} #login-bar{ position:absolute; left:0; top:35px; color:#9CD7A1;} #login-bar a{color:#9CD7A1;} #banner{} #banner h1{ position:absolute; left: 30px; top: 70px; height: 20px; width:250px; overflow:hidden;} #banner h1 a{ font-size:20px; color:#9CD7A1; font-weight:bold; line-height: 20px; text-shadow:3px 2px 0 #000;} #banner h2{ position:absolute; left: 30px; top: 100px; font-size:15px; font-size: 15; color:#9CD7A1; height: 45px; width:300px; line-height:15px; overflow:hidden;} #banner .skiplink{ display:none;} blog-category{ position:absolute; top:-20px; left:65px; font-size:11px; color:#9CD7A1; bottom:20px;} #blog-category a{color:#9CD7A1;} #navigation{ position:absolute; left:20px; top: 350px;} #navigation li{ float: left; height: 45px;} #navigation li a{ display:block; width:100%; height:100%; font-size:0; text-indent: -5000px;} #navigation #link-album{width:60px;} #navigation #link-blog{width:60px;} #navigation #link-guestbook{width: 60px;} #navigation #link-profile{width: 60px;} /*--------------------------main中間*/ #main{ background:url(http://b.share.photo.xuite.net/ru6854/1b66ccd/10475295/484394414_x.jpg) no-repeat; overflow: hidden; _overflow: none; _height: 1%; padding: 20px 20px;} /*--------------------------content */ #content{ float: left; width: 625px; overflow: hidden;} /*---------------------spotlight*/ #spotlight{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px 10px 30px 10px; background:#10202D; padding: 10px 15px; border:1px solid #50797B;} #spotlight h5{ color:#10202D; font-weight:bold; font-size: 15px; margin-bottom: 5px; text-shadow:1px 1px 0 #50797B;} #spotlight-text{ color:#fff;} /*---------------------*/ .article{ _height:1%; margin-bottom: 20px; border-bottom:1px dotted #9CD7A1; padding-bottom:20px;} .article-head{ _height:1%;} .publish { font-size:13px; font-family:verdana; height: 24px; color:#fff; text-shadow:1px 1px 0 #00ffff; padding-top:5px; padding-left: 30px; background:url(http://b.share.photo.xuite.net/ru6854/1b66cca/10475295/485017515_x.jpg) no-repeat;} .time{display:none;} .title{ _height:1%; padding:5px 10px;} .title a{ color: #9CD7A1; font-weight: bold; font-weight:bolder; font-family:微軟正黑體; font-size:18px; text-shadow:0px 0px 0 #9CD7A1;} .title img{display: none;} .title a img{display: inilne} /*-----------------------article-body*/ .article-body{ margin: 10px 10px; text-align:right; color:#9CD7A1;} .article-content{ color:#9CD7A1; margin: 10px 0; text-align: left;} .article-content .more{} .bookmark{} .author{} .forward{} /*-----------------------article-footer*/ .article-footer{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background:#10202D; padding: 10px;} .history{} .refer{} .back-to-top{ text-align:right; text-transform:uppercase; text-shadow:1px 1px 0 #9CD7A1;} /*--------------------------list*/ .article-area-title, #view-mode{ color:#9CD7A1;} .main-list{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background:#10202D; padding: 20px;} .main-list table{ width: 100%;} .main-list th{ padding:5px; border-bottom:2px solid #9CD7A1;} .main-list td{ padding:5px; border-bottom:1px solid #9CD7A1;} /*--------------------------post-box*/ #trackback-box{} #comment-box{} .user-post-box{ _height:1%; margin-bottom: 30px;} .user-post-title{ height: 25px; margin-bottom: 20px; font-size:0;text-indent: -5000px; background:url(http://b.share.photo.xuite.net/ru6854/1b66c59/10475295/490625338_x.jpg) no-repeat;} #comment-box .user-post-title{ background:url(http://b.share.photo.xuite.net/ru6854/1b66c59/10475295/490625338_x.jpg) left bottom no-repeat;} .post-comment{display:none;} .single-post{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; _overflow: none; _height: 1%; margin: 10px auto 10px ; padding: 10px; width: 580px; background:#10202D; border:1px solid #9CD7A1;} .post-info{ color:#9CD7A1; font-size:14px; font-family: tahoma; font-weight:bold; margin-bottom: 5px; text-shadow:1px 1px 0 #fff; float: left; width: 500px;} .post-photo{ float: right; width:60px;} .post-photo img{ width:60px; height: 60px; padding:2px; border:1px solid #C675EC;} .post-text{ color:#F3EDE1; float: left; width: 500px;} .reply-text{ border-top:1px dashed #446D8C; padding-top:5px; color:#446D8C; margin-top:5px; float: left; width: 500px;} .reply-text p{} .single-post.secret{} .single-post.secret .post-text{ float: none; width: auto;} #trackback-url{ text-align:right; padding: 10px;} #trackback-url input{} #trackback-box input#trackback-input{width: 300px;} #trackback-text .post-info {} #trackback-box .post-text{ width:auto ; float:none ;} /*--------------------------pages*/ .page{ padding: 20px; text-align: center;} .page a, .page SPAN{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 10px; border:1px solid #9CD7A1; margin: 0 1px; color:#9CD7A1;} .page a:hover{ background:#9CD7A1; border:1px solid #00FF00; color:#fff;} .page SPAN{ color:#9CD7A1;} /*--------------------------links*/ #links{ margin-top: 30px; float: right; width: 220px; overflow: hidden;} #links-row-1{} #links-row-2{} .box{ _height:1%; margin-bottom: 20px;} .box-title{ background:url(http://b.share.photo.xuite.net/ru6854/1b66ce2/10475295/486931395_x.jpg) no-repeat; font-weight: bold; color:#9CD7A1; font-size:20px; font-family:微軟正黑體;TEXT-ALIGN: center; text-shadow:1px 1px 0 #000; height: 40px; line-height: 30px;} .box-text { color:#fff; padding: 10px !important;} .box-more{ margin:5px 0; text-align: right;} .box-more a{ font-size:11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:#9CD7A1; padding: 2px 5px; color:#10202D} #recent-article img{display: none;} #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:#10202D; padding:3px; border:1px solid #9CD7A1;} #calendar table{ width:100%;} #calendar th, #calendar td{ text-align:center; padding:1px;} #calendar td a{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:#9CD7A1; color:#fff; margin:1px; 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:2px;} #visitor li img,#crumb li img{ width: 50px; height:50px; padding:1px; background:#10202D; border:1px solid #9CD7A1;} #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{ margin-bottom:3px;} /*--------------------------footer */ #footer{ clear:both; background:url(http://b.share.photo.xuite.net/ru6854/1b66c94/10475295/484397429_x.jpg) no-repeat; padding-top:25px; height:25px; text-align: center;} #footer p{} #bottom , #bottom a{ color:#F3EDE1;} input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; color: #9CD7A1; border: 1px solid #9CD7A1; background: #10202D; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} select { font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; color: #666; border: 1px solid #ccc; background: #fff; padding: 2px; width:90%;} /*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/ /*將這段語法貼在CSS最下面就可以囉!*/ #visitor ul{left:30px;width:180px;height:195px;background: url(http://b.share.photo.xuite.net/ru6854/1b66c7d/10475295/487907422_x.jpg); margin-left:13px;padding-left:15px;padding-top:105px;} #visitor IMG {} #visitor .box-text li a{ height:40px;width:40px; display:block; MARGIN: 5px; background:#FFF url(http://b.share.photo.xuite.net/ru6854/1b66ca6/10475295/488015751_x.jpg) no-repeat center center; } #visitor .box-text li a:hover {background:none;} #visitor .box-text li a img{visibility:hidden;height:45px;width:45px;} #visitor .box-text li a:hover img{visibility:visible;height:45px;width:45px} #visitor .box-text li { float: left; } #visitor .box-text ul{} #visitor .box-more{clear:both;} /*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/ /*將這段語法貼在CSS最下面就可以囉!*/ #crumb ul{left:30px;width:180px;height:195px;background: url(http://b.share.photo.xuite.net/ru6854/1b66c7d/10475295/487907422_x.jpg); margin-left:13px;padding-left:15px;padding-top:105px;} #visitor IMG {} #crumb .box-text li a{ height:40px;width:40px; display:block; MARGIN: 5px; background:#FFF url(http://b.share.photo.xuite.net/ru6854/1b66ca6/10475295/488015751_x.jpg) no-repeat center center; } #crumb .box-text li a:hover {background:none;} #crumb .box-text li a img{visibility:hidden;height:45px;width:45px;} #crumb .box-text li a:hover img{visibility:visible;height:45px;width:45px} #crumb .box-text li { float: left; } #visitor .box-text ul{} #crumb .box-more {clear:both;} html{SCROLLBAR-FACE-COLOR:#21524F; SCROLLBAR-HIGHLIGHT-COLOR:#10202D; SCROLLBAR-3DLIGHT-COLOR:#10202D; SCROLLBAR-ARROW-COLOR:#10202D; SCROLLBAR-DARKSHADOW-COLOR:#21524F;} #category .box-text h6 img{display:none;} #category .box-text h6 { background-image:url(http://b.share.photo.xuite.net/ru6854/1b66c87/10475295/487352680_x.jpg); background-repeat:no-repeat; background-position:left center;color:#9CD7A1; line-height:30px; padding-left:25px;font-size:16px} #category .box-text li a{ background-image:url(http://b.share.photo.xuite.net/ru6854/1b66cca/10475295/487353515_x.jpg); background-repeat:no-repeat; background-position:1px 1px; padding-left:22px} #category .box-text li a:hover{ background-image:url(http://b.share.photo.xuite.net/ru6854/1b66c90/10475295/487353969_x.jpg); background-repeat:no-repeat} padding-left:22px

翔霏學習版-痞客留言板03預覽圖

留言板語法複製↓

body { font-family: 'trebuchet ms', verdana, sans-serif; background:#214949 url(http://) repeat-x top; color:#000000; font-size:12px ; margin:0; } #Container{ background:url(http://b.share.photo.xuite.net/ru6854/1b66cbe/10475295/488330143_x.jpg) repeat-y center; width: 901px; margin: 0 auto; text-align: left; } #pageHeader { background:url(http://b.share.photo.xuite.net/ru6854/1b66c79/10475295/488329818_x.jpg) no-repeat top center; color:#000000; width:901px; height:472px; } /*--------------HI----------------*/ #navbar { padding:0px 10px; position:relative; top:470px; left:-550px; color:#fff; margin:0 auto; text-align:right;} .navBarLink {color:#fff} .navBarLink a, .navBarLink a:visited, .navBarLink a:active {color:#fff } .navBarLink a:hover {color:#fff} #gbheader {} .adblock { padding-bottom:10px; } .gbTopic { padding: 10px 0px 0px 55px; } .gbTopic a { color: #5FBABA; font-family: Arial, Helvetica, sans-serif; line-height: 23px; font-size: 14px; text-decoration: none; } .gbDescr { color: #fff; font-family: Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; text-decoration: none; float:left; padding: 5px 0px 0px 80px; clear: both; } #gbbody { clear:both; width: 700px; margin: 0 auto; } #gbfooter { } #pageFooter { color:#214949; clear: both; width:901px; height:70px; background:#214949 url(http://b.share.photo.xuite.net/ru6854/1b66ce8/10475295/488330441_x.jpg) no-repeat center top;} #footernav { float:left; margin-top:80px; padding-left:35px; } #copyright { float:right; margin-top:80px; padding-right:35px; color:#aaa; } .crtxt {color: #214949; font-family: Arial, Helvetica, sans-serif; line-height: 23px; font-size: 12px; text-decoration: none; } a:hover { font-family: Arial, Helvetica, sans-serif; color: #214949; text-decoration: none; } a.styleLink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px; color: #fff; text-decoration: underline; } a.styleLinkNow { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 23px; color: blue; } .styleTxt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px; color: #fff; text-decoration: none; } .gbBox { background:#2A5E5E; margin:0 auto 30px auto; width:700px; } .spacerDiv{ clear:both; } .gbBoxLeft { width:150px; border:0px; float:left; } .gbBoxRight { width:550px; float:right; } .gbUserImg { border-right: 0px; } .ImgTd { text-align:center; padding: 10px; height:90px; } .UsernameTd { text-align:center; padding: 7px 0px 3px 0px; height:25px; } .UserlinkTd { padding: 7px 0px 3px 0px; height:25px; text-align:center; } .UserlinkTd table { margin:0 auto; } .UserlinkTd a span{ display:none; } .UserlinkTd a { display:block; width:16px; height:16px; } .linkMail a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/email.gif) center; } .linkURL a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/www.gif) center no-repeat; } .linkIP a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/info.gif) center no-repeat; } .linkDelete a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/delete.png) center no-repeat;} .loggedIn { padding-left:15px; background: url(http://s.pixfs.net/f.pixnet.net/css/gb/images/vuser.gif) left no-repeat; } .InnerBox { border-collapse: collapse; width:520px; margin:10px; } .fieldName { width:80px; text-align:right; padding-right:5px; border-bottom: 1px solid #214949; } .field { border-bottom: 1px solid #214949; text-align:left; padding: 2px 5px; } .gbTitle { color: #008800; font-family: Arial, Helvetica, sans-serif; line-height: 23px; font-size: 14px; text-decoration: none; font-weight: bold; } .gbReplyTd { background:#214949; } .gbReply { color:#000000; background:#214949; } .userPanel {float:right; margin-right:-30px; margin-top:2px; margin-bottom:50px;} .userPanel a {color:#fff} .userComment { clear:both; position:relative; top:-50px; text-align:center; text-align: center; } .pageSelector { text-align:center; margin: 0 auto; width:680px; height:33px; background:#214949; } .pageSelectorTop { position: relative; top:-22px; padding-top:5px; padding-left:20px; } .pageSelectorBtm { margin-top:10px; padding-top:5px; padding-left:20px; } .InnerBox input { border: 1px solid gray; padding: 2px; width:95%; } input.radio { border: 0px; width: 5%; } .PrivateMsg { display:block; padding:20px; background: url(http://s.pixfs.net/f.pixnet.net/css/gb/images/permdeny.gif) no-repeat 38% 50%; border: 1px dashed gray; font-size: 14px; color: #214949; font-weight: bold; } .outGB { font-size: 11px; color: #214949; } html{SCROLLBAR-FACE-COLOR:#214949; SCROLLBAR-HIGHLIGHT-COLOR:#000; SCROLLBAR-3DLIGHT-COLOR:#000; SCROLLBAR-ARROW-COLOR:#000; SCROLLBAR-DARKSHADOW-COLOR:#214949;}

痞客網誌隱藏語法:

/*---------------------------------------------------------------------*/

除了綠色字之外，其他可直接複製至CSS裡，方便以後更改。：）

#login-bar/*招呼語&登入登出*/
#banner .skiplink/*跳到主文*/
#blog-category/*部落格全站分類*/
.day/*文章日期的週*/
.back-to-top/*回到最上頁*/
.post-info img/*迴響者資訊的圖示*/
.reply-text p/*版主回覆資訊*/
.user-ip/*迴響者IP*/
.img.pixnet-user/*迴響者的PIXNET會員圖示*/
#visitor .box-text .box-more/*誰來我家的所有訪客列表*/
#murmur .box-title/*碎碎唸欄位的標題*/
#murmur .box-more/*碎碎唸欄位的所有歷史碎碎唸*/
#counter .box-title/*參觀人氣欄位的標題*/
#category .box-text .box-more/*文章分類欄位的總開合按鈕*/
#footer #bottom/*頁尾超連結*/　(回到首頁&回到主文&免費註冊&服務中心&痞客邦首頁)
.article-footer/*文章附加資訊*/
.title h2 img/*文章標題的圖示*/
#category .box-more/*文章分類欄位的總開合按鈕*/　(同#category .box-text .box-more)
#recent-article img/*近期文章欄位的圖示*/
#category .box-text h6 img/*文章分類欄位的分類目錄圖示*/
.author span /*單篇文章人氣*/

/*---------------------------------------------------------------------*/

★翔霏作品素材皆取自網路加工如造成原創不悅請告知翔霏將立即移除★

↑

(繼續閱讀...)

小霝發表在痞客邦留言(2) 人氣(41)

個人分類：翔霏版面

▲top

9月 30 週一 201311:24
翔霏學習版-痞客樣式02 兩欄式右欄較寬留言版樣式03

本文引用自ru6854 - 翔霏學習版-痞客樣式03 兩欄式右欄較寬留言版樣式03

(繼續閱讀...)

小霝發表在痞客邦留言(0) 人氣(20)

個人分類：翔霏版面

▲top

9月 30 週一 201311:22
翔霏學習版-痞客樣式02 兩欄式右欄留言版樣式02

本文引用自ru6854 - 翔霏學習版-痞客樣式02 兩欄式右欄留言版樣式02

↓

翔霏學習版-痞客樣式02預覽圖兩欄式右欄

建議解析度1024X768以上

另有Blog Switc 百款背景網頁特效

更多背景特效將陸續收集

版型語法複製↓

body,div,dl,dt,dd,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;width:100%;}address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}q:before,q:after {content:'';}pre {font-size:1em;}ol,ul {margin-left:2em;padding:0;}ol li {list-style:decimal outside;}ul li {list-style:disc outside;}.article-content {width:650px;overflow:hidden;line-height:200%;padding:0 0 20px;}.article-content p {margin-bottom:1em;}.article-head,.article-head li,.recommended-posts ul,.recommended-posts li,.article-footer ul,.article-footer li,.user-post-text ul,.user-post-text li,.box-text ul,.box-text li {list-style:none;margin:0;padding:0;}#toolbar-box ul,#toolbar-box li {list-style:none;margin:0;}body {color:#B7770D;font-size:13px;font-family:Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;line-height:154%;background:url(http://b.share.photo.xuite.net/ru6854/1b66cb4/9591800/420012988_x.jpg);margin:0;}a {color:#FF7F7C;text-decoration:none;}a:hover{color:#C675EC;position:relative;top:2px;background:url(http://) repeat-x bottom;}input,textarea {vertical-align:middle;font-family:Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size:1em;color:#ccc;border:1px solid #6C4534;background:#6C4534;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:2px 5px;}select {font-family:Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size:1em;color:#F3EDE1;border:1px solid #fff;background:#604B4A;padding:2px;}#authority {width:950px;text-align:center;font-size:12px;background:#F3EDE1;-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;-moz-box-shadow:1px 1px 2px #555;-webkit-box-shadow:1px 1px 2px #555;box-shadow:1px 1px 2px #555;margin:0 auto;padding:8px 0;}#authority a {color:#F3EDE1;background:#604B4A;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:0 2px;padding:2px 5px;}#container3 {overflow:hidden;position:relative;width:950px;background:#F3EDE1;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-moz-box-shadow:1px 1px 2px #555;-webkit-box-shadow:1px 1px 2px #555;box-shadow:1px 1px 2px #555;margin:15px auto 30px;padding:25px 0 10px;}#header {position:relative;height:300px;padding:50px 0 0;}#login-bar {color:#FF0000;position:absolute;top:-20px;right:1px;text-align:right;width:928px;font-size:11px;border-bottom:1px dotted #FF0000;padding:0 10px;}#login-bar a:hover {color:#6C4534;}#banner {height:300px;background:url(http://b.share.photo.xuite.net/ru6854/1b66cff/9591800/419434759_x.jpg);}#banner h1 {position:absolute;left:30px;top:130px;height:25px;width:250px;overflow:hidden;}#banner h1 a {font-size:20px;color:#6C4534;font-weight:bold;line-height:20px;text-shadow:1px 1px 0 #fff;}#banner h2 {position:absolute;left:30px;top:160px;font-size:20;color:#6C4534;height:50px;width:300px;line-height:15px;overflow:hidden;}.skiplink {position:absolute;top:-20px;left:10px;font-size:11px;}#blog-category {position:absolute;top:-20px;left:65px;font-size:11px;color:#FF0000;}#navigation {position:absolute;top:335px;right:605px;width:270px;height:35px;background:#EADCC3 url(http://b.share.photo.xuite.net/ru6854/1b66caa/9591800/435694514_x.jpg);-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;margin:0;padding:0 0 0 10px;}#navigation li {float:left;list-style:none;margin:0;}#navigation li a {display:block;width:100%;height:35px;font-size:0;text-indent:-5000px;}#navigation li#link-album {width:60px;}#navigation li#link-blog {width:50px;}#navigation li#link-guestbook {width:85px;}#navigation li#link-profile {width:65px;}#main {_height:1%;overflow:hidden;_overflow:none;padding:25px;}#content {float:left;width:670px;}#spotlight {margin:0 auto 20px;}#spotlight h5 {color:#fff;font-size:15px;border-bottom:1px dashed #555;padding:5px;}#spotlight-text {padding:5px;}.article {clear:both;_height:1%;position:relative;margin:0 auto 20px;}.article-head {overflow:hidden;height:32px;line-height:32px;background:url(http://b.share.photo.xuite.net/ru6854/1b66cf4/9591800/435522556_x.jpg);padding:0 0 3px 10px;}.publish {float:left;width:115px;text-align:right;font-size:11px;color:#9BB938;}.date {font-size:13px;}.title {float:right;width:535px;font-size:22px;font-weight:bolder;font-family:華康行書體;}.article-body {padding:10px 10px 0;}.bookmark {font-size:15px;color:#666;margin:5px auto;}#content .recommended-posts1 {margin:1em 0 1em 1.5em;}#content .recommended-posts3 {margin:1em 0 1em 2em;}#content .recommended-posts1 h5 span,#content .recommended-posts3 h5 span {font-size:1.1em;font-weight:normal;margin-top:10px;}#content .recommended-posts1 .recommended-post-image {border:1px solid #fff;}#content .recommended-posts1 ul {top:35px;}#content .recommended-posts3 ul {border:none;border-left:1px solid #008800;}#content .recommended-posts3 ul li {border:0;border-right:1px solid #008800;}#content .recommended-posts1 ul li a,#content .recommended-posts3 ul li a {color:#999;text-decoration:none;}#content .recommended-posts3 ul li a:hover {color:#fff;background:#222;}#content .recommended-posts1 ul li a.selected {color:#fff;background:none;}#content .recommended-posts3 ul li a img {border-color:#008800;}#content .recommended-posts3 ul li a:hover img {background:#000;}.article-footer {font-size:13px;color:#ff0000;border-top:1px dashed #666;margin:10px 0 0;padding:5px 10px;}.refer,.history {float:left;width:50%;}.back-to-top {clear:both;text-align:right;}.back-to-top a {color:#666;text-decoration:underline;}.user-post-title {height:25px;line-height:25px;background:url(http://b.share.photo.xuite.net/ru6854/1b66c5c/9591800/437193316_x.jpg) no-repeat 15px 0;}.user-post-title img {margin:7px 0 0;}#comment-title {background-position:15px -25px;}#trackback-url {margin:10px auto;}#trackback-url input {margin-right:3px;}.post-comment {text-align:right;}.post-comment a {border-top:1px solid #333;border-left:1px solid #222;background:#604B4A;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:5px 10px;}.post-comment a:hover {color:#fff;border:1px solid #F7BC5B;background:#F7BC5B;text-decoration:none;}ul.single-post {position:relative;min-height:90px;_height:90px;line-height:20px;background:#48291A;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:20px auto;padding:10px 10px 10px 110px;}#trackback-text ul.single-post {min-height:auto;_height:auto;padding:10px;}ul.secret {min-height:20px;_height:20px;padding:10px;}li.post-photo {position:absolute;top:10px;left:10px;}li.post-photo img {width:80px;height:80px;border:1px solid #C675EC;border-top:1px solid #00FFFF;border-left:1px solid #00FFFF;background:#ff0000;padding:4px;}li.post-info {height:20px;overflow:hidden;font-size:13px;color:#ff0000;padding-right:30px;}.floor {position:absolute;top:10px;right:10px;width:auto;display:block;font-size:1.4em;color:#E90080;}li.post-text {border-bottom:1px solid #11CFFF;padding:5px;}li.post-text p,li.post-text a {color:#C675EC;font-weight:bold;}li.reply-text {color:#fff;border-top:1px solid #FF0000;padding:5px;}li.reply-text textarea {display:block;margin:0 0 3px;}li.reply-text input {color:#fff!important;}li.reply-text p {text-align:right;font-size:11px;color:#B7770D;}li.reply-text p a {color:#9CEBAE;text-decoration:underline;}.article-area-title,#view-mode {float:left;width:68%;height:20px;overflow:hidden;font-size:12px;color:#00c4c4;border-bottom:1px solid #008800;margin:0 0 15px;padding:0 1% 5px;}#view-mode {width:28%;text-align:right;font-size:12px;}#view-mode a {background:#6C4534;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:0 2px;padding:1px 4px;}.main-list th,.main-list td {background:#C675EC;padding:7px 10px;}.main-list td {border-bottom:1px dashed #C675EC;background:none;}td.list-date {width:15%;font-size:11px;}td.list-visit,td.list-comment {width:10%;font-size:11px;color:#C675EC;}.page {font-size:15px;text-align:center;margin:20px auto;padding:5px 0;}.page a,.page span {color:#F7BC5B;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:0 3px 0 0;padding:1px 5px;}.page a:hover {background:#6C4534;}.page span {color:#fff;background:#6C4534;}#links {float:right;width:220px;overflow:hidden;}.box {margin:0 auto 10px;}.box-title {height:38px;line-height:32px;overflow:hidden;font-size:16px;color:#95B93D;background:url(http://b.share.photo.xuite.net/ru6854/1b66c3c/9591800/438517316_x.jpg);padding:0 10px 3px 30px;}.box-text {color:#6C4534;font-size:15px;padding:10px;}.box-text a {color:#6C4534;}.box-text a:hover {color:#00FFFF;}.inner-box ul {margin:0 0 0 1.3em;}.box-more {text-align:center;margin:5px auto;}.box-more a {font-size:12px;color:#F3EDE1;background:#6C4534;border:1px solid #B7770D;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:1px 4px;}.box-more a:hover {color:#6C4534;text-decoration:none;background:#F3EDE1;border:1px solid #C675EC;}#friendbox ul.friendlist li img {width:36px;height:36px;background:#C2CE99;}#user-info .box-text {padding:10px;}#user-info dl {margin:10px 0 0;padding:10px 0 0;}#user-info dl dd {margin:0;}#search li {display:inline;}#search input#search-target {width:110px;}#latest-comment li span {color:#482C1F;font-size:.9em;border-right:1px solid #482C1F;margin:0 5px 0 0;padding:0 5px 0 0;}#latest-comment li a {display:block;height:20px;overflow:hidden;}body #newsfeed ul li,body #followed-murmurs ul li {font-family:Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;border-bottom:1px dashed #000;}body #newsfeed .newsfeed-photo img,body #followed-murmurs .murmurs-photo img {height:30px;width:30px;border:1px solid;background:#E90080;padding:2px;}body #newsfeed ul li .newsfeed-content .newsfeed-author a,body #followed-murmurs .murmurs-content a.murmurs-author {color:#00C400;font-weight:normal;}#visitor ul,#crumb ul {_height:1%;overflow:hidden;_overflow:none;}#visitor ul li,#crumb ul li {float:left;margin:0 5px 5px 0;}#visitor ul li a img,#crumb ul li a img {width:36px;height:36px;background:#FF00FF;border:1px solid;vertical-align:top;padding:1px;}#calendar th,#calendar td {text-align:center;font-size:11px;line-height:24px;border:1px solid #6C4534;}#calendar th a {display:block;text-decoration:underline;}#calendar td a {display:block;color:#F3EDE1;background:#6C4534;}#footer {text-align:center;font-size:11px;color:#F3EDE1;background:#6C4534;-webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-bottomleft:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;margin:0 10px;padding:5px;}#footer a {color:#C2CE99;}#comment-form td,#comment-form th {vertical-align:top;padding:2px;}#comment-form th {width:100px;text-align:right;}#comment-form input.radio {width:auto;background:none;border:none;}input#send-comment {width:10%;}fieldset,img,abbr,acronym {border:0;}caption,th,body #followed-murmurs .murmurs-content {text-align:left;}.article-content ul,.article-content ol,.author,.main-list {clear:both;}a:hover,.article-content a {text-decoration:underline;}#login-bar a,.skiplink a,#blog-category a {color:#FF0000;}.time,.user-post-title span,.weekday {display:none;}.title img,.forward img,li.post-text img,#recent-article li img {vertical-align:middle;}.author,.forward,#friendbox .friends-all a,body #newsfeed a.show-all-newsfeed,body #followed-murmurs a.show-all-murmurs {font-size:11px;color:#FF0000;}.author a,.forward a,.article-footer a {color:#FF0000;}#trackback-url input#trackback-input,input#blogcommenttext_name {width:50%;}.list-visit,.list-comment,#search .box-text {text-align:center;}body #newsfeed ul li .newsfeed-photo a,body #followed-murmurs ul li .murmurs-photo a,#friendbox ul.friendlist li a,#visitor ul li a,#crumb ul li a {color:#11CFFF;}#comment-form input,#comment-form textarea {width:98%;} /*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/ /*將這段語法貼在CSS最下面就可以囉!*/ #visitor ul{left:20px;width:180px;height:195px;background: url(http://b.share.photo.xuite.net/ru6854/1b66cb2/9591800/438349754_x.jpg); margin-left:13px;padding-left:15px;padding-top:105px;} #visitor IMG {} #visitor .box-text li a{ height:45px;width:45px; display:block; MARGIN: 5px; background:#FFF url(http://b.share.photo.xuite.net/ru6854/1b66cef/9591800/438351351_x.jpg) no-repeat center center; } #visitor .box-text li a:hover {background:none;} #visitor .box-text li a img{visibility:hidden;height:45px;width:45px;} #visitor .box-text li a:hover img{visibility:visible;height:45px;width:45px} #visitor .box-text li { float: left; } #visitor .box-text ul{} #visitor .box-more{clear:both;} /*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/ /*將這段語法貼在CSS最下面就可以囉!*/ #crumb ul{left:20px;width:180px;height:195px;background: url(http://b.share.photo.xuite.net/ru6854/1b66cb2/9591800/438349754_x.jpg); margin-left:13px;padding-left:15px;padding-top:105px;} #visitor IMG {} #crumb .box-text li a{ height:45px;width:45px; display:block; MARGIN: 5px; background:#FFF url(http://b.share.photo.xuite.net/ru6854/1b66cef/9591800/438351351_x.jpg) no-repeat center center; } #crumb .box-text li a:hover {background:none;} #crumb .box-text li a img{visibility:hidden;height:45px;width:45px;} #crumb .box-text li a:hover img{visibility:visible;height:45px;width:45px} #crumb .box-text li { float: left; } #visitor .box-text ul{} #crumb .box-more {clear:both;}html{SCROLLBAR-FACE-COLOR:#6C4534;SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;SCROLLBAR-ARROW-COLOR:#FFFFFF;SCROLLBAR-DARKSHADOW-COLOR:#6C4534;}#category .box-text h6 img{display:none;}#category .box-text h6 { background-image:url(http://b.share.photo.xuite.net/ru6854/1b66c4f/9591800/437618519_x.jpg); background-repeat:no-repeat; background-position:left center;color:#6C4534; line-height:30px; padding-left:25px;font-size:16px}#category .box-text li a{ background-image:url(http://b.share.photo.xuite.net/ru6854/1b66c9b/9591800/437619107_x.jpg); background-repeat:no-repeat; background-position:1px 1px; padding-left:22px}#category .box-text li a:hover{ background-image:url(http://b.share.photo.xuite.net/ru6854/1b66cec/9591800/437628148_x.jpg); background-repeat:no-repeat} padding-left:22px

翔霏學習版-痞客留言板02預覽圖

留言板預覽2-01

留言板語法複製↓

body { font-family: 'trebuchet ms', verdana, sans-serif; background:#F3EDE1 url(http://b.share.photo.xuite.net/ru6854/1b66c9a/9591800/438082722_x.jpg) repeat-x top; color:#000000; font-size:12px ; margin:0;}#Container{ background:url(http://b.share.photo.xuite.net/ru6854/1b66c28/9591800/437983536_x.jpg) repeat-y center; width: 901px; margin: 0 auto; text-align: left;}#pageHeader { background:url(http://b.share.photo.xuite.net/ru6854/1b66c9a/9591800/437982370_x.jpg) no-repeat top center; color:#000000; width:901px; height:515px;}#navbar { padding:0px 10px; position:relative; top:445px; left:-30px; color:#FF7F7C; margin:0 auto; text-align:right;}.navBarLink {color:#FF7F7C}.navBarLink a, .navBarLink a:visited, .navBarLink a:active {color:#FF7F7C }.navBarLink a:hover {color:#FF7F7C}#gbheader {}.adblock { padding-bottom:10px;}.gbTopic { padding: 10px 0px 0px 55px;}.gbTopic a { color: #FF7F7C; font-family: Arial, Helvetica, sans-serif; line-height: 23px; font-size: 14px; text-decoration: none;}.gbDescr { color: #FF7F7C; font-family: Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; text-decoration: none; float:left; padding: 5px 0px 0px 80px; clear: both;}#gbbody { clear:both; width: 700px; margin: 0 auto;}#gbfooter {}#pageFooter { color:#F3EDE1; clear: both; width:901px; height:70px; background:#F3EDE1 url(http://b.share.photo.xuite.net/ru6854/1b66cc6/9591800/437983694_x.jpg) no-repeat center top;}#footernav { float:left; margin-top:80px; padding-left:35px;}#copyright { float:right; margin-top:80px; padding-right:35px; color:#aaa;}.crtxt {color: #F3EDE1; font-family: Arial, Helvetica, sans-serif; line-height: 23px; font-size: 12px; text-decoration: none;}a:hover { font-family: Arial, Helvetica, sans-serif; color: #F3EDE1; text-decoration: none;}a.styleLink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px; color: #5C3B2C; text-decoration: underline;}a.styleLinkNow { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 23px; color: blue;}.styleTxt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px; color: #C675EC; text-decoration: none;}.gbBox { background:#E7E0D2; margin:0 auto 30px auto; width:700px;}.spacerDiv{ clear:both;}.gbBoxLeft { width:150px; border:0px; float:left;}.gbBoxRight { width:550px; float:right;}.gbUserImg { border-right: 0px;}.ImgTd { text-align:center; padding: 10px; height:90px;}.UsernameTd { text-align:center; padding: 7px 0px 3px 0px; height:25px;}.UserlinkTd { padding: 7px 0px 3px 0px; height:25px; text-align:center;}.UserlinkTd table { margin:0 auto;}.UserlinkTd a span{ display:none;}.UserlinkTd a { display:block; width:16px; height:16px;}.linkMail a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/email.gif) center; }.linkURL a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/www.gif) center no-repeat; }.linkIP a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/info.gif) center no-repeat; }.linkDelete a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/delete.png) center no-repeat;}.loggedIn { padding-left:15px; background: url(http://s.pixfs.net/f.pixnet.net/css/gb/images/vuser.gif) left no-repeat;}.InnerBox { border-collapse: collapse; width:520px; margin:10px;}.fieldName { width:80px; text-align:right; padding-right:5px; border-bottom: 1px solid #F3EDE1;}.field { border-bottom: 1px solid #F3EDE1; text-align:left; padding: 2px 5px;}.gbTitle { color: #5C3B2C; font-family: Arial, Helvetica, sans-serif; line-height: 23px; font-size: 14px; text-decoration: none; font-weight: bold;}.gbReplyTd { background:#F3EDE1;}.gbReply { color:#000000; background:#F3EDE1;}.userPanel {float:right; margin-right:-30px; margin-top:2px; margin-bottom:80px;}.userPanel a {color:#F3EDE1}.userComment { clear:both; position:relative; top:-50px; text-align:center; text-align: center;}.pageSelector { text-align:center; margin: 0 auto; width:680px; height:33px; background:#F3EDE1; }.pageSelectorTop { position: relative; top:-22px; padding-top:5px; padding-left:20px;}.pageSelectorBtm { margin-top:10px; padding-top:5px; padding-left:20px;}.InnerBox input { border: 1px solid gray; padding: 2px; width:95%;}input.radio { border: 0px; width: 5%;}.PrivateMsg { display:block; padding:20px; background: url(http://s.pixfs.net/f.pixnet.net/css/gb/images/permdeny.gif) no-repeat 38% 50%; border: 1px dashed gray; font-size: 14px; color: #F3EDE1; font-weight: bold;}.outGB { font-size: 11px; color: #F3EDE1;}html{SCROLLBAR-FACE-COLOR:#6C4534;SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;SCROLLBAR-ARROW-COLOR:#FFFFFF;SCROLLBAR-DARKSHADOW-COLOR:#6C4534;}

痞客網誌隱藏語法:

/*---------------------------------------------------------------------*/

除了綠色字之外，其他可直接複製至CSS裡，方便以後更改。：）

/*---------------------------------------------------------------------*/

★翔霏作品素材皆取自網路加工如造成原創不悅請告知翔霏將立即移除★

↑

(繼續閱讀...)

小霝發表在痞客邦留言(0) 人氣(27)

個人分類：翔霏版面

▲top

9月 25 週三 201321:14
翔霏學習版-痞客樣式01 留言版樣式01

本文引用自ru6854 - 翔霏學習版-痞客樣式01 留言版樣式01

翔霏學習版-痞客樣式01預覽圖兩欄式右欄

建議解析度1024X768以上

另有Blog Switc 百款背景網頁特效

更多背景特效將陸續收集

版型語法複製↓

body { font-family:arial, verdana, Helvetica, sans-serif; -webkit-text-size-adjust:none; font-size:12px; background:url(http://i.imgur.com/Hl10cpz.jpg); color:#333; line-height:150%; background-image:url(http://i.imgur.com/Hl10cpz.jpg); background-position:undefined; } * { margin:0; padding:0; } table { border-collapse:collapse; border-spacing: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:''; } pre { font-size:1em; } .article-content { _height:1%; overflow:hidden; _overflow:none; color:#107070; text-align:left; margin:10px 0; } .article-content p { margin-bottom:1em; } a { text-decoration:none; color:#107070; } br { letter-spacing:normal; } a:hover { color:#00C4C4; } #authority { border-bottom:1px dashed #107070; text-align:center; padding:5px 0; } #authority a { text-shadow:1px 1px 0 #fff; margin:0 5px; } #container2 { width:910px; background:url(http://i.imgur.com/KuSfNzU.jpg) left top repeat-y; margin:0 auto; } #header { height:365px; overflow:hidden; position:relative; background:url(http://i.imgur.com/JbFrJ0U.jpg) no-repeat; background-image:url(http://i.imgur.com/JbFrJ0U.jpg); background-position:undefined; background-repeat:no-repeat; } #login-bar { position:absolute; left:0; top:35px; color:#107070; } #login-bar a { color:#107070; } #banner h1 { position:absolute; left:30px; top:90px; height:20px; width:250px; overflow:hidden; } #banner h1 a { font-size:15px; color:#00cc00; font-weight:bold; line-height:20px; text-shadow:1px 1px 0 #fff; } #banner h2 { position:absolute; left:30px; top:130px; font-size:9px \9; color:#00cc00; height:30px; width:300px; line-height:15px; overflow:hidden; } #blog-category { position:absolute; top:80px; left:500px; font-size:15px; color:#107070; } } #blog-category a { color:#107070; } #navigation { position:absolute; left:20px; top:210px; } #navigation li { float:left; height:25px; } #navigation li a { display:block; width:100%; height:100%; font-size:0; text-indent:-5000px; } #navigation #link-album { width:65px; } #navigation #link-blog { width:93px; } #navigation #link-guestbook { width:93px; } #navigation #link-profile { width:65px; } #main { background:url(http://i.imgur.com/KuSfNzU.jpg) no-repeat; overflow:hidden; _overflow:none; _height:1%; padding:20px; } #content { float:left; width:625px; overflow:hidden; } #spotlight { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#107070; border:1px solid #3AA5A5; margin:0 10px 30px; padding:10px 15px; } #spotlight h5 { color:#fc0; font-weight:bold; font-size:15px; margin-bottom:5px; text-shadow:1px 1px 0 #107070; } #spotlight-text { color:#107070; } .article { _height:1%; margin-bottom:20px; border-bottom:1px dotted #FF7F7C; padding-bottom:20px; } .article-head { _height:1%; } .publish { font-size:11px; font-family:verdana; height:24px; text-shadow:1px 1px 0 #FF7F7C; padding-top:14px; padding-left:50px; background:url(http://i.imgur.com/6g7DykJ.jpg) no-repeat; color:#fff; } .title { _height:1%; padding:5px 10px; } .title a { color:#107070; font-weight:bold; font-size:20px; text-shadow:1px 1px 0 #fff; } .title a img { display:inilne; } .article-body { text-align:right; color:#107070; margin:10px; } .article-footer { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#97E2DC; margin:10px; padding:10px; } .back-to-top { text-align:right; text-transform:uppercase; text-shadow:1px 1px 0 #eee; } .article-area-title,#view-mode { color:#97E2DC; } .main-list { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#C9F3F0; margin:10px; padding:20px; } .main-list th { border-bottom:2px solid #00FFFF; padding:5px; } .main-list td { border-bottom:1px solid #2ADFDF; padding:5px; } .user-post-box { _height:1%; margin-bottom:30px; } .user-post-title { height:50px; margin-bottom:20px; font-size:0; text-indent:-5000px; background:url(http://i.imgur.com/Hu0nLsP.jpg) no-repeat; } #comment-box .user-post-title { background:url(http://i.imgur.com/Hu0nLsP.jpg) left bottom no-repeat; } .single-post { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden; _overflow:none; _height:1%; width:580px; background:#97E2DC; border:1px solid #BCF6F1; margin:10px auto; padding:10px; } .post-info { color:#107070; font-size:12px; font-family:tahoma; font-weight:bold; margin-bottom:5px; text-shadow:1px 1px 0 #fff; float:left; width:500px; } .post-photo { float:right; width:60px; } .post-photo img { width:50px; height:50px; border:1px solid #ccc; padding:2px; } .post-text { color:#C40000; float:left; width:500px; } .reply-text { border-top:1px dashed #FF7F7C; padding-top:5px; color:#C675EC; margin-top:5px; float:left; width:500px; } .single-post.secret .post-text { float:none; width:auto; } #trackback-url { text-align:right; padding:10px; } #trackback-box input#trackback-input { width:300px; } #trackback-box .post-text { width:auto; float:none; } .page { text-align:center; padding:20px; } .page a,.page SPAN { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #9CEBAE; color:#9CEBAE; margin:0 1px; padding:3px 10px; } .page a:hover { background:#00C4C4; border:1px solid #00C4C4; color:#fff; } .page SPAN { color:#666; } #links { margin-top:120px; float:right; width:220px; overflow:hidden; } .box { _height:1%; margin-bottom:20px; } .box-title { background:url(http://i.imgur.com/elBzwEF.jpg) no-repeat; padding-left:45px; font-weight:bold; color:#0F4A4A; font-size:20px; font-family:華康行書體; text-shadow:1px 1px 0 #FFFF00; height:30px; line-height:30px; } .box-text { color:#888; font-size:15px; line-height:20px; padding:10px!important; } .box-more { text-align:right; margin:5px 0; } .box-more a { font-size:11px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#9CEBAE; color:#fff; padding:2px 5px; } #user-info dl dd { margin:0; } #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:#fff; border:1px solid #ccc; padding:3px; } #calendar th,#calendar td { text-align:center; padding:1px; } #calendar td a { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#97E2DC; color:#107070; display:block; margin:1px; } #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:2px; } #visitor li img,#crumb li img { width:40px; height:40px; background:#fff; border:1px solid #000; padding:1px; } #search li { float:left; margin-right:3px; } #latest-trackback a,#latest-comment a,#subscription a { display:block; width:99%; } #footer { clear:both; background:url(http://i.imgur.com/mGvxKT1.jpg) no-repeat; padding-top:50px; height:100px; text-align:center; } #bottom,#bottom a { color:#107070; } input,textarea { vertical-align:middle; font-family:Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size:1em; color:#666; border:1px solid #ccc; background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:2px 5px; } select { font-family:Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size:1em; color:#666; border:1px solid #ccc; background:#fff; width:90%; padding:2px; } #header h1 a { color:#0cc; font-size:14pt; } #header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active { color:#0cc; } #header h1 { font-size:14pt; } #header h2 { color:#0cc; font-size:12pt; } fieldset,img,abbr,acronym { border:0; } #banner .skiplink,.time,.title img,.post-comment,#recent-article img { display:none; } .main-list table,#calendar table { width:100%; } #latest-trackback li,#latest-comment li,#subscription li,#announce li,#recent-article li,#hot-article li,#category li,#latest-comment li,#latest-trackback li,#subscription li { margin-bottom:3px; } #container #links-row-1 div.hslice[id*="-mib-"], #container #links-row-1 div.hslice[id*="-Mib-"], #container #links-row-1 div.hslice[id*="-mIb-"], #container #links-row-1 div.hslice[id*="-miB-"]{ display:none !important; } /*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/ /*將這段語法貼在CSS最下面就可以囉!*/ #visitor ul{left:20px;width:180px;height:195px;background: url(http://i.imgur.com/E7726Id.gif); margin-left:13px;padding-left:15px;padding-top:105px;} #visitor IMG {} #visitor .box-text li a{ height:45px;width:45px; display:block; MARGIN: 5px; background:#FFF url(http://i.imgur.com/coC2CsX.gif) no-repeat center center; } #visitor .box-text li a:hover {background:none;} #visitor .box-text li a img{visibility:hidden;height:45px;width:45px;} #visitor .box-text li a:hover img{visibility:visible;height:45px;width:45px} #visitor .box-text li { float: left; } #visitor .box-text ul{} #visitor .box-more{clear:both;} a, a:link, a:visited{color:#107070;text-decoration:none;} a:hover{color:#C675EC;position:relative;top:2px;background:url(http://) repeat-x bottom;} html{SCROLLBAR-FACE-COLOR:#97E2DC; SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF; SCROLLBAR-3DLIGHT-COLOR:#FFFFFF; SCROLLBAR-ARROW-COLOR:#FFFFFF; SCROLLBAR-DARKSHADOW-COLOR:#97E2DC;} #category .box-text h6 img{display:none;} #category .box-text h6 { background-image:url(http://cute.pro.vexp.idv.tw/blogimg07042.gif); background-repeat:no-repeat; background-position:left center;color:#107070; line-height:30px; padding-left:25px;font-size:16px} #category .box-text li a{ background-image:url(http://cute.pro.vexp.idv.tw/cros1-icon-f06_sZQv.gif); background-repeat:no-repeat; background-position:1px 1px; padding-left:22px} #category .box-text li a:hover{ background-image:url(http://cute.pro.vexp.idv.tw/blogimg07042.gif); background-repeat:no-repeat} padding-left:22px

翔霏學習版-痞客留言板01預覽圖

留言板預覽1-01

留言板語法複製↓

body { font-family: 'trebuchet ms', verdana, sans-serif; background:#81D2CC url(http://i.imgur.com/LRc89jZ.jpg) repeat-x top; color:#000000; font-size:12px ; margin:0; } #Container{ background:url(http://i.imgur.com/HXsT89x.jpg) repeat-y center; width: 901px; margin: 0 auto; text-align: left; } #pageHeader { background:url(http://i.imgur.com/xLkxcCa.jpg) no-repeat top center; color:#000000; width:901px; height:500px; } #navbar { padding:0px 10px; position:relative; top:445px; left:-30px; color:#0C7A6F; margin:0 auto; text-align:right;} .navBarLink {color:#0C7A6F} .navBarLink a, .navBarLink a:visited, .navBarLink a:active {color:#0C7A6F } .navBarLink a:hover {color:#0C7A6F} #gbheader {} .adblock { padding-bottom:10px; } .gbTopic { padding: 10px 0px 0px 55px; } .gbTopic a { color: #6c2b07; font-family: Arial, Helvetica, sans-serif; line-height: 23px; font-size: 14px; text-decoration: none; } .gbDescr { color: #C40000; font-family: Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; text-decoration: none; float:left; padding: 5px 0px 0px 80px; clear: both; } #gbbody { clear:both; width: 700px; margin: 0 auto; } #gbfooter { } #pageFooter { color:#187773; clear: both; width:901px; height:90px; background:#81D2CC url(http://i.imgur.com/a0HVX9E.jpg) no-repeat center top;} #footernav { float:left; margin-top:80px; padding-left:35px; } #copyright { float:right; margin-top:80px; padding-right:35px; color:#aaa; } .crtxt {color: #187773; font-family: Arial, Helvetica, sans-serif; line-height: 23px; font-size: 12px; text-decoration: none; } a:hover { font-family: Arial, Helvetica, sans-serif; color: #187773; text-decoration: none; } a.styleLink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px; color: #0C7A6F; text-decoration: underline; } a.styleLinkNow { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 23px; color: blue; } .styleTxt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px; color: #0C7A6F; text-decoration: none; } .gbBox { background:#C0EAE6; margin:0 auto 30px auto; width:700px; } .spacerDiv{ clear:both; } .gbBoxLeft { width:150px; border:0px; float:left; } .gbBoxRight { width:550px; float:right; } .gbUserImg { border-right: 0px; } .ImgTd { text-align:center; padding: 10px; height:90px; } .UsernameTd { text-align:center; padding: 7px 0px 3px 0px; height:25px; } .UserlinkTd { padding: 7px 0px 3px 0px; height:25px; text-align:center; } .UserlinkTd table { margin:0 auto; } .UserlinkTd a span{ display:none; } .UserlinkTd a { display:block; width:16px; height:16px; } .linkMail a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/email.gif) center; } .linkURL a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/www.gif) center no-repeat; } .linkIP a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/info.gif) center no-repeat; } .linkDelete a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/delete.png) center no-repeat;} .loggedIn { padding-left:15px; background: url(http://s.pixfs.net/f.pixnet.net/css/gb/images/vuser.gif) left no-repeat; } .InnerBox { border-collapse: collapse; width:520px; margin:10px; } .fieldName { width:80px; text-align:right; padding-right:5px; border-bottom: 1px solid #81D2CC; } .field { border-bottom: 1px solid #81D2CC; text-align:left; padding: 2px 5px; } .gbTitle { color: #0C7A6F; font-family: Arial, Helvetica, sans-serif; line-height: 23px; font-size: 14px; text-decoration: none; font-weight: bold; } .gbReplyTd { background:#CEFEFE; } .gbReply { color:#446D8C; background:#CEFEFE; } .userPanel {float:right; margin-right:-30px; margin-top:2px; margin-bottom:80px;} .userPanel a {color:#187773} .userComment { clear:both; position:relative; top:-50px; text-align:center; text-align: center; } .pageSelector { text-align:center; margin: 0 auto; width:680px; height:33px; background:#C0EAE6; } .pageSelectorTop { position: relative; top:-22px; padding-top:5px; padding-left:20px; } .pageSelectorBtm { margin-top:10px; padding-top:5px; padding-left:20px; } .InnerBox input { border: 1px solid gray; padding: 2px; width:95%; } input.radio { border: 0px; width: 5%; } .PrivateMsg { display:block; padding:20px; background: url(http://s.pixfs.net/f.pixnet.net/css/gb/images/permdeny.gif) no-repeat 38% 50%; border: 1px dashed gray; font-size: 14px; color: #187773; font-weight: bold; } .outGB { font-size: 11px; color: #187773; } html{SCROLLBAR-FACE-COLOR:#97E2DC; SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF; SCROLLBAR-3DLIGHT-COLOR:#FFFFFF; SCROLLBAR-ARROW-COLOR:#FFFFFF; SCROLLBAR-DARKSHADOW-COLOR:#97E2DC;}

★翔霏作品素材皆取自網路加工如造成原創不悅請告知翔霏將立即移除

(繼續閱讀...)

小霝發表在痞客邦留言(0) 人氣(41)

個人分類：翔霏版面

▲top

歡迎光臨霝兒收藏屋
這個小格擺放的全都是霝兒四處收集來的
資訊、圖卡、文章、圖框、網頁素材等...
是霝兒的寶藏倉庫
(留言煩請移駕主格)

痞客樣式 10 古代手繪美女紫版三欄式兩欄式可靠右靠左欄

痞客樣式 09 pucca中國娃娃椅子版三欄式兩欄式可靠右靠左欄

痞客樣式 08 自描畫可愛娃娃三欄式兩欄式可靠右靠左欄

~✿翔霏製✿~-痞客樣式 06 三欄式靠右留言版樣式 06

~✿翔霏製✿~-痞客樣式 05 三欄式靠右留言版樣式 05

翔霏學習版-痞客樣式04 三欄式靠右留言版樣式04

翔霏學習版-痞客樣式03 兩欄式右欄較寬留言版樣式03

翔霏學習版-痞客樣式02 兩欄式右欄較寬留言版樣式03

翔霏學習版-痞客樣式02 兩欄式右欄留言版樣式02

翔霏學習版-痞客樣式01 留言版樣式01

個人資訊

送你回格

文章分類

網頁素材 (12)

美圖素材 (3)

達人教學 (5)

Flash素材 (6)

美麗版型 (3)

圖框創作 (3)

資訊分享 (3)

食譜分享 (3)

點我回家小卡 (1)

好文分享 (2)

快捷霝

背景樂

霝兒主格

選單

哈霝搖

最新文章

動態訂閱

誰來我家

參觀人氣

歡迎光臨霝兒收藏屋 這個小格擺放的全都是霝兒四處收集來的 資訊、圖卡、文章、圖框、網頁素材等... 是霝兒的寶藏倉庫 (留言煩請移駕主格)

個人資訊

送你回格

文章分類

網頁素材 (12)

美圖素材 (3)

達人教學 (5)

Flash素材 (6)

美麗版型 (3)

圖框創作 (3)

資訊分享 (3)

食譜分享 (3)

點我回家小卡 (1)

好文分享 (2)

快捷霝

背景樂

霝兒主格

選單

哈霝搖

最新文章

動態訂閱

誰來我家

參觀人氣

歡迎光臨霝兒收藏屋
這個小格擺放的全都是霝兒四處收集來的
資訊、圖卡、文章、圖框、網頁素材等...
是霝兒的寶藏倉庫
(留言煩請移駕主格)