霝兒收藏屋

翔霏學習版-痞客樣式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預覽圖

留言板語法複製↓ 

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裡，方便以後更改。：）

#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 /*單篇文章人氣*/

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

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