♫ みんのブログ ♫

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

建議解析度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/1b66cb4/9591800/420012988_x.jpg); color:#FF7F7C; line-height:150%;} a {color:#FF7F7C;} a:hover {color:#446D8C} #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 #ffff00;} #authority a:hover{} /*--------------------------container*/ #container{} #container2{ width: 910px; margin:0 auto; background:url(http://b.share.photo.xuite.net/ru6854/1b66c84/9591800/420241036_x.jpg) left top repeat-y;} #container3{} /*--------------------------header */ #header{ height: 285px; overflow:hidden; position:relative; background:url(http://b.share.photo.xuite.net/ru6854/1b66c15/9591800/420240925_x.jpg) no-repeat;} #login-bar{ position:absolute; left:0; top:35px; color:#5C3B2C;} #login-bar a{color:#5C3B2C;} /*--------------------------*/ #banner{} #banner h1{ position:absolute; left: 30px; top: 70px; height: 20px; width:250px; overflow:hidden;} #banner h1 a{ font-size:20px; color:#5C3B2C; font-weight:bold; line-height: 20px; text-shadow:1px 1px 0 #C675EC;} #banner h2{ position:absolute; left: 30px; top: 100px; font-size:15px; font-size: 15; color:#5C3B2C; 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:#FF0000; bottom:20px;} #blog-category a{color:#FF0000;} #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:70px;} #navigation #link-blog{width:50px;} #navigation #link-guestbook{width: 100px;} #navigation #link-profile{width: 80px;} /*--------------------------main*/ #main{ background:url(http://b.share.photo.xuite.net/ru6854/1b66c84/9591800/420241036_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:#5C3B2C; padding: 10px 15px; border:1px solid #00FF00;} #spotlight h5{ color:#C675EC; font-weight:bold; font-size: 15px; margin-bottom: 5px; text-shadow:1px 1px 0 #ff0000;} #spotlight-text{ color:#F3EDE1;} .article{ _height:1%; margin-bottom: 20px; border-bottom:1px dotted #5C3B2C; padding-bottom:20px;} .article-head{ _height:1%;} .publish { font-size:11px; font-family:verdana; height: 24px; color:#ffff00; text-shadow:1px 1px 0 #00ffff; padding-top:16px; padding-left: 50px; background:url(http://b.share.photo.xuite.net/ru6854/1b66ca0/9591800/420436904_x.jpg) no-repeat;} .time{display:none;} .title{ _height:1%; padding:5px 10px;} .title a{ color: #5C3B2C; font-weight: bold; font-weight:bolder; font-family:微軟正黑體; font-size:18px; text-shadow:1px 1px 0 #00ff00;} .title img{display: none;} .title a img{display: inilne} /*-----------------------article-body文章內容區 ru6854發表在 */ .article-body{ margin: 10px 10px; text-align:right; color:#FF7F7C;} .article-content{ color:#5C3B2C; 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:#5C3B2C; padding: 10px;} .history{} .refer{} .back-to-top{ text-align:right; text-transform:uppercase; text-shadow:1px 1px 0 #00C400;} /*--------------------------list*/ .article-area-title, #view-mode{ color:#5C3B2C;} .main-list{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background:#5C3B2C; padding: 20px;} .main-list table{ width: 100%;} .main-list th{ padding:5px; border-bottom:2px solid #F3EDE1;} .main-list td{ padding:5px; border-bottom:1px solid #F3EDE1;} /*--------------------------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/1b66c5c/9591800/437193316_x.jpg) no-repeat;} #comment-box .user-post-title{ background:url(http://b.share.photo.xuite.net/ru6854/1b66c5c/9591800/437193316_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:#5C3B2C; border:1px solid #00ff00;} .post-info{ color:#ff0000; font-size:14px; font-family: tahoma; font-weight:bold; margin-bottom: 5px; text-shadow:1px 1px 0 #00ff00; 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 #5C3B2C; margin: 0 1px; color:#5C3B2C;} .page a:hover{ background:#5C3B2C; border:1px solid #00ff00; color:#fff;} .page SPAN{ color:#ff00ff;} /*--------------------------links*/ #links{ margin-top: 120px; 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/1b66cc8/9591800/420599760_x.jpg) no-repeat; padding-left:45px; font-weight: bold; color:#F3EDE1; font-size:20px; font-family:華康行書體; text-shadow:1px 1px 0 #000; height: 30px; line-height: 30px;} .box-text { color:#F3EDE1; 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:#F3EDE1; padding: 2px 5px; color:#5C3B2C} #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:#5C3B2C; padding:3px; border:1px solid #00ff00;} #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:#5C3B2C; 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:#00FF00; border:1px solid #FF0000;} #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/1b66ccc/9591800/420226004_x.jpg) no-repeat; padding-top:40px; height:100px; 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: #5C3B2C; border: 1px solid #00FF00; background: #F3EDE1; 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: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:#FF7F7C; 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 /*單篇文章人氣*/

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

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