[pixnet留言樣式分享]日系質感風滿版蕾絲蝴蝶結－寶貝培培的部落格

各位北鼻門

現在是晚餐時間

剛吃完晚餐所以精力充沛

就來分享一下樣式吧!

我喜歡日系樣式

今天分享的這款顏色比較單調

黑白色系走鋼琴鍵的風格(哈~哈~)

不過我覺得很有質感

適合有氣質的妞兒們套用唷!

樣式語法如下:

CSS
全選反白複製即可 (空行請勿自行刪除~否則無法顯示樣式)
/************************************* 作者:陽光甜姐兒 http://b39650118.pixnet.net/blog http://www.wretch.cc/album/a1212amy 套用請留言，修改請留言給我別當小偷喔，卸卸你的尊重呀 **************************************/ html { SCROLLBAR-ARROW-COLOR:white; SCROLLBAR-FACE-COLOR:black; SCROLLBAR-DARKSHADOW-COLOR:black; SCROLLBAR-HIGHLIGHT-COLOR:white; SCROLLBAR-SHADOW-COLOR:black; SCROLLBAR-3DLIGHT-COLOR:black; } body { BACKGROUND:url(http://pic.pimg.tw/b39650118/4dfa266fafd940ecbf85c93505649fc0.gif) black center repeat; MARGIN:0px auto; font-family:verdana,arial,sans-serif; COLOR: black; font-size:12px; cursor:url(http://sky.geocities.jp/lilianstore2007/donut4.ani); } a { color:black; text-decoration:none; } a:hover { color:#171717; text-decoration:none; cursor:url(http://sky.geocities.jp/lilianstore2007/donut3.ani); } #Container{ background:url(http://pic.pimg.tw/b39650118/20a26556e64307a5ec04c9f7de02b386.png) repeat-y center; border:0px solid #676767; width:720px; margin:auto; margin-top:0px; } /*橫幅*/ #gbheader{ background:transparent url(http://pic.pimg.tw/b39650118/5b4ba2f3a111ccd2dfbf1515eea36c64.png) no-repeat 50%; color:#FFFFFF; height:210px; text-align:right; width:720px; padding-top:0px; padding-right:0px; } /*留言版標題連結*/ #gbheader a{ color:black; font-family: Geneva, Arial, Helvetica, sans-serif ; font-size:16px; text-align:right; padding-right:100px; top:200px; } #gbheader a:hover{color:gray;} .commentCount {font-size:14px;letter-spacing:1px; font-family: Georgia, "Times New Roman", Times, serif ;} /*留言版描述*/ .gbDescr{ width:95%; color:#999; position:relative; top:300px; line-height:120%; font-size:12px; height:45px; overflow:hidden; text-align:left; padding-left:150px; } #navbar{ background:none; position:absolute; top:5px; } .userPanel{position:absolute;top:240px;margin-left:180px;} .userPanel a{margin-left:2px;color:black;} .userPanel a:hover{color:#fff} .userComment{margin-top:20px;} .userComment a{color:#000;font-size:12px;} .pageSelector{ color:#ddd; font-size:0px; text-align:right; padding:0px; height:50px; } .pageSelector a{ font-size:10px; font-family:verdana; border:1px solid #fff; background:#333; color:#eee; padding:2px; } .pageSelector a:hover{background:#fff;color:#000} #gbbody{ margin:40px; width:500px; margin-top:50px; padding-left:60px; } .gbBox{ color:#666; font-size:12px; line-height:180%; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; background:#F7F7F7; margin:10px; padding:10px; } .gbBoxLeft{ width:458px; padding:0px; position:relative; background:#fff; } .ImgTd{text-align:left;padding:10px;} .ImgTd img{width:50px;height:50px;} .UsernameTd{position:absolute;top:10px;left:80px;color:#333; } .UsernameTd a{color:#333;font-size:12px;} .UsernameTd a:hover{border-bottom:#ddd 1px dotted;color:#333} .UserlinkTd{position:absolute;top:40px;left:80px;} .linkDelete a{font-size:11px;} /*連結圖示*/ .linkMail a,.linkURL a,.linkIP a{ color:#E4E4E4; font-size:0px; display:block; width:10px;height:10px; line-height:100%; background:#E4E4E4; } .linkMail a:hover,.linkURL a:hover,.linkIP a:hover{ font-size:0px;border:none;background:#333;} .gbBoxRight{background:#FFF;width:458px;} .InnerBox{line-height:18px;} .gbTitle{border-bottom:1px solid #ccc} .gbTitle img{} .gbDate{color:#666;font-size:12px;padding-left:5px; border-bottom:1px solid #ccc} .gbContent{ color:#666;font-size:12px;padding:5px; font-family:verdana; border-bottom:1px solid #ccc; width:300px;overflow:hidden } .gbReply{ color:#666;font-size:12px; line-height:18px; padding:10px; border-bottom:1px solid #ccc; background:#FFF url(http://pic.pimg.tw/cloud621/1189113329.jpg) no-repeat scroll top left; padding-top:20px; } .gbReply img{padding-bottom:10px;} .gbReply textarea{ color:#333; font-size:12px; line-height:18px; font-family:verdana; height:100px; background:#E4E4E4; border:#fff 0px solid; padding:5px; } .gbReply input{ color:#ffffff; font-size:12px; font-family:verdana; background:#333; border:#fff 0px solid; margin-top:10px; padding:2px; } .gbBox .PrivateMsg{ background:#FFF; display:block; width:438px; height:10px; padding:10px; background:#fff url(http://pic.pimg.tw/cloud621/1189115654.jpg) no-repeat scroll left center; font-size:0px; color:#fff; letter-spacing:-5000px; } #signForm{padding:0px;margin:0px;width:500px;} #signForm td{font-size:12px;} #signForm .fieldName{ color:#666; font-size:12px; text-align:left; display:inline !important; line-height:200%; } #signForm .field{text-align:left;width:280px;} #whisperDisable{color:#000;font-size:12px;font-family:verdana;} #signForm input{ color:#333;font-size:11px; font-family:verdana; background:#fdfdff; border:none; margin:5px; padding:3px; } #signForm textarea{ color:#666;font-size:12px; line-height:18px; font-family:verdana; height:100px; background:#fdfdff; border:#eee 1px solid; padding:10px; } .captchapict{margin:10px;float:left;} #AvatarImg{width:80px;height:80px;display:block;} #pageFooter{ background:url() no-repeat scroll 100% 100%; bottom:0pt; height:20px; left:10px; width:100%; z-index:8; text-align:left; font-size:12px; width:540px; } /*****隱藏*************************/ .rssIcon,.lastPage,.lastTen,.nextTen, .nextPage,.link-separator,.fieldName,#footernav,#copyright{display:none;} a{cursor:url(http://wabis.biz/up0014/200905200429087546624462.ani);} body{cursor:url(http://wabis.biz/up0014/200905200429323537736391.ani);}