❤漾⁮の部落格/帶著狗兒一起露營旅行趣❤

10月 07 週一 201314:12
痞客樣式 05 塗鴉少女藍三欄式靠右留言版樣式 05

↓

翔霏製-痞客樣式05預覽圖兩欄式右欄較寬

建議解析度1024X768以上

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

更多背景特效將陸續收集

痞客預覽5-02

版型語法複製↓

#content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*--------------------------↑你可能有興趣文章不需要可自刪↑*/ /*--------------------------reset*/ body{font-family: arial, verdana, Helvetica, sans-serif;-webkit-text-size-adjust:none; cursor:url(http://ru6854.myweb.hinet.net/131.ani), pointer;} *{ 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;} #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*--------------------------單篇人氣顏色調整*/ .author span { color: #747474;} /*--------------------------all setting */ body {font-size:15px;background:url(http://b.share.photo.xuite.net/ru6854/1b66c46/11633660/547738442_x.jpg); color:#747474;line-height:150%;} a {color:#ccc;} a:hover {color:#F6E8E8;cursor : url(http://ru6854.myweb.hinet.net/132.ani), pointer;} #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 #747474;} #authority a:hover{} /*--------------------------container*/ #container{} #container2 {width: 910px;margin:0 auto;background:url(http://b.share.photo.xuite.net/ru6854/1b66cf7/11633660/547734011_x.jpg) left top repeat-y;} #container3{} /*--------------------------header */ #header{height: 430px; overflow:hidden;position:relative;background:url(http://b.share.photo.xuite.net/ru6854/1b66c9f/11633660/547731619_x.jpg) no-repeat;} #login-bar{ position:absolute; right:0;top:335px; color:#747474;} #login-bar a{color:#747474;} #banner{} #banner h1{ position:absolute;left: 330px;top: 70px; height: 20px; width:250px; overflow:hidden;} #banner h1 a{ font-size:20px; color:#747474; font-weight:bold; line-height: 20px; text-shadow:1px 2px 0 #fff;} #banner h2{ position:absolute; left: 330px;top: 130px; font-size:15px; font-size: 15; color:#747474; height: 80px; width:300px; line-height:15px; overflow:hidden;} #banner .skiplink{display:none;} #banner #blog-category{ font-size:11px; font-size: 14px \9; color:#ccc; position:absolute; right:130px; bottom:20px;} #banner #blog-category a{ color:#ccc;} #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/1b66cf7/11633660/547734011_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:#fff; padding: 10px 15px; border:1px solid #2A3A4A;} #spotlight h5{color:#2A3A4A; font-weight:bold;font-size: 15px; margin-bottom: 5px; text-shadow:1px 1px 0 #2A3A4A;} #spotlight-text{color:#fff;} /*---------------------*/ .article{ _height:1%; margin-bottom: 20px; border-bottom:1px dotted #2A3A4A; padding-bottom:20px;} .article-head{_height:1%;} .publish {font-size:13px; font-family:verdana; height: 38px; color:#fff; text-shadow:1px 1px 0 #00ffff; padding-top:10px; padding-left: 30px; background:url(http://b.share.photo.xuite.net/ru6854/1b66ceb/11633660/548419567_x.jpg) no-repeat;} .time{display:none;} .title{_height:1%;padding:5px 10px;} .title a{color: #747474; font-weight: bold; font-weight:bolder; font-family:微軟正黑體;font-size:18px; text-shadow:0px 0px 0 #747474;} .title img{display: none;} .title a img{display: inilne} /*-----------------------article-body*/ .article-body{ margin: 10px 10px; text-align:right; color:#747474;} .article-content{ color:#747474; 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:#2A3A4A; padding: 10px;} .history{} .refer{} .back-to-top{ text-align:right; text-transform:uppercase; text-shadow:1px 1px 0 #747474;} /*--------------------------list*/ .article-area-title, #view-mode{ color:#747474;} .main-list{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin: 10px;background:#2A3A4A; padding: 20px;} .main-list table{width: 100%;} .main-list th{padding:5px; border-bottom:2px solid #747474;} .main-list td{padding:5px;border-bottom:1px solid #747474;} /*--------------------------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/1b66c6b/11633660/548419951_x.jpg) no-repeat;} #comment-box .user-post-title{ background:url(http://b.share.photo.xuite.net/ru6854/1b66c6b/11633660/548419951_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:#2A3A4A; border:1px solid #747474;} .post-info{ color:#747474; 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 #11CFFF;} .post-text{ color:#fff; float: left; width: 500px;} .reply-text{ border-top:1px dashed #747474; padding-top:5px; color:#747474; 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 #747474;margin: 0 1px;color:#747474;}.page a:hover{background:#747474;border:1px solid #00FF00;color:#fff;}.page SPAN{color:#747474;} /*--------------------------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/1b66cc0/11633660/548915396_x.jpg) no-repeat;font-weight: bold; color:#fff; 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:#747474; padding: 2px 5px;color:#2A3A4A;} #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:#2A3A4A; padding:3px;border:1px solid #747474;} #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:#747474; 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: #2A3A4A;border:1px solid #747474;} #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/1b66c0b/11633660/547736335_x.jpg) no-repeat; padding-top:100px; height:40px; text-align: center;} #footer p{} #bottom , #bottom a{ color:#747474;} input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;color: #747474;border: 1px solid #747474;background: #2A3A4A; 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/1b66cd3/11633660/549044951_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/1b66cd3/11633660/549044951_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:#2a3a4a; SCROLLBAR-HIGHLIGHT-COLOR:#10202D; SCROLLBAR-3DLIGHT-COLOR:#10202D; CROLLBAR-ARROW-COLOR:#10202D; SCROLLBAR-DARKSHADOW-COLOR:#2a3a4a;} /*前文章小小圖*/ #category .box-text h6 img{ display:none;} #category .box-text h6 { background-image:url(http://cute.pro.vexp.idv.tw/1029526.gif); background-repeat:no-repeat; background-position:left center;color:#fff; line-height:30px; padding-left:25px;font-size:16px} #category .box-text li a{ background-image:url(http://cute.pro.vexp.idv.tw/20061012165545239.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/20061012165545810.gif); background-repeat:no-repeat} padding-left:22px /*---------不需要可自行刪除即可--------------*/ /*------------文章下方廣告無動態----------------*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*--------------隱藏痞客邦的 MIB 廣告 --------------*/ #links-row-1 > div { z-index:5; } #links-row-1 > div:first-child { margin-top: -999em; position:absolute; z-index:0; }

翔霏製-痞客留言板05預覽圖

留言板語法複製↓

body { font-family: 'trebuchet ms', verdana, sans-serif; background:#8BABC0 url(http://) repeat-x top; color:#333; font-size:12px ; margin:0;}#Container{ background:url(http://b.share.photo.xuite.net/ru6854/1b66c2f/11633660/553897267_x.jpg) repeat-y center; width: 901px; margin: 0 auto; text-align: left;}#pageHeader { background:url(http://b.share.photo.xuite.net/ru6854/1b66cd8/11633660/553893596_x.jpg) no-repeat top center; color:#333; width:901px; height:475px;}/*------------HI*/#navbar { padding:0px 10px; position:relative; top:450px; left:-30px; color:#ffffff; 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: #fff; 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:#fff; clear: both; width:901px; height:85px; background:#fff url(http://b.share.photo.xuite.net/ru6854/1b66c13/11633660/553897751_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: #fff; font-family: Arial, Helvetica, sans-serif; line-height: 23px; font-size: 12px; text-decoration: none;}a:hover { font-family: Arial, Helvetica, sans-serif; color: #fff; 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;}/*--------------------我要留言來訪者文字中數字123*/.styleTxt { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 23px; color: #fff; text-decoration: none;}/*--------------------中框*/.gbBox { background:#2a3a4a; 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://b.share.photo.xuite.net/ru6854/1b66c13/11633660/554328343_x.jpg) center; }.linkURL a { background:url(http://b.share.photo.xuite.net/ru6854/1b66c7e/11633660/554323330_x.jpg) center no-repeat; }.linkIP a { background:url(http://b.share.photo.xuite.net/ru6854/1b66c01/11633660/554327813_x.jpg) center no-repeat; }.linkDelete a { background:url(http://b.share.photo.xuite.net/ru6854/1b66c58/11633660/554336092_x.jpg) 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 #fff;}.field { border-bottom: 1px solid #fff; text-align:left; padding: 2px 5px;}.gbTitle { color: #fff; font-family: Arial, Helvetica, sans-serif; line-height: 23px; font-size: 14px; text-decoration: none; font-weight: bold;}/*-------------版主回覆底框文字名片 */.gbReplyTd { background:#8BABC0;}.gbReply { color:#333; background:#fff;}.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;}/*-----------123底框*/.pageSelector { text-align:center; margin: 0 auto; width:680px; height:33px; background:#2a3a4a; }.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: #fff; font-weight: bold;}.outGB { font-size: 11px; color: #fff;}/*-----------卷軸*/html{SCROLLBAR-FACE-COLOR:#2a3a4a;SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;SCROLLBAR-3DLIGHT-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#ffffff;SCROLLBAR-DARKSHADOW-COLOR:#2a3a4a;}

痞客網誌隱藏語法:

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

除了綠色字之外，其他可直接複製至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 /*單篇文章人氣*/

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

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

(繼續閱讀...)

漾發表在痞客邦留言(0) 人氣(5)

個人分類：留言板框

▲top

10月 07 週一 201312:54
~ღ 翔霏製ღ ~古裝手繪美女文章框

標題

貼入文章有捲軸

(繼續閱讀...)

漾發表在痞客邦留言(3) 人氣(17)

個人分類：留言板框

▲top

10月 06 週日 201318:04
霝兒自製《點我回家小圖卡》＊韓網帥哥圖像6款-P2＊(痞客邦適用)

從前在ㄚ虎有個很方便的小語法
輕輕一點就能送你回家霝兒因此製做了多款圖卡搭配
來到痞客邦卻無用武之地實在可惜
不死心地鑽研就是想讓這堆美麗圖卡死而復生
上網爬文遍尋不著語法分享乾脆自己動手改改看
其實圖卡連結能套用阿邦很多頁面但就是沒辦法連到自己部落頁面
測試多個網址終於讓我找到自認為比較適合的回家途徑
那就是【部落格的後台管理】
版主自點也能輕鬆轉換至部落後台管理
這樣感覺也挺不錯的
雖說頁面上也有後台管理連結
但掛上可愛圖卡總是多了那麼一點FU
好玩咩喜歡的朋友就拿回去掛看看嚕
以下是霝兒自製的點我回家圖卡(附語法)
分享給大家

(繼續閱讀...)

漾發表在痞客邦留言(0) 人氣(6)

個人分類：留言板框

▲top

10月 06 週日 201317:55
霝兒自製《點我回家小圖卡》＊韓網美女圖像6款-P1＊(痞客邦適用)

從前在ㄚ虎有個很方便的小語法
輕輕一點就能送你回家霝兒因此製做了多款圖卡搭配

(繼續閱讀...)

漾發表在痞客邦留言(0) 人氣(14)

個人分類：留言板框

▲top

10月 05 週六 201308:22
翔霏學習版-痞客樣式04 三欄式靠右留言版樣式04

↓

(繼續閱讀...)

漾發表在痞客邦留言(0) 人氣(8)

個人分類：留言板框

▲top

9月 10 週二 201319:51
翔霏學習版-痞客樣式03 兩欄式右欄較寬留言版樣式03

↓

(繼續閱讀...)

漾發表在痞客邦留言(0) 人氣(5)

個人分類：留言板框

▲top

9月 09 週一 201318:16
翔霏學習版-痞客樣式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裡，方便以後更改。：）