公告版位
歡迎光臨小君的友情世界!小君最近有事!無法上痞客邦與好友哈啦~暫時告別痞客邦一段時間!後會有期~珍重再見請不要忘了小君喔~~歡迎光臨小君的友情世界,最溫暖的不是春天,而是朋友的笑; 最愜意的不是陽光,而是朋友的祝福; 最浪漫的不是桃花滿天飛舞的季節, 而是我們彼此的牽掛和溫馨的問候! 祝福好友安康吉祥幸福!謝謝大家的支持和鼓勵本格文章侵權請告知會立即刪除,謝謝大家的支持!

 

>>> 樣式簡介 <<<

(っ´▽`)っ 這是一款以過年的喜氣為靈感 (っ´▽`)っ
精心製作出的三欄式佈景主題

(っ´▽`)っ 欄位寬度:標題320px 公告板位630px 文章600px (っ´▽`)っ
側欄210px 解析度800x600(以上)

(っ´▽`)っ 祝各位馬年吉祥、一馬當先、五福臨門 (っ´▽`)っ
萬事如意、荷包滿滿

>>> css原始碼(請複製後,在部落格後台貼上) <<<

/*--reset--*/
*{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:justify}
ol,ul{list-style:none}
q:before,q:after{content:''}
abbr,acronym{border:0}
pre{font-size:1em}
a{text-decoration:none}
br{letter-spacing:normal}
body *{_height:1%;overflow:hidden;_overflow:none;text-decoration:none !important}

/*--body--*/
::selection{background:#000;color:#fffff6}
::-moz-selection{background:#000;color:#fffff6}
a::selection{color:#6f0}
a::-moz-selection{color:#6f0}
body{min-width:770px;font-size:12px;line-height:20px;font-family:"Comic Sans MS",微軟正黑體,arial,新細明體,san-serif;color:#000;position:relative;
background:#000}
body a{font-style:italic;color:#66f;text-decoration:none}
body a:hover{font-style:normal;color:#f90}


/*--authority--*/
#authority{position:absolute;top:50px;left:0}
#authority a{display:block;width:105px;float:left;text-align:center;font-size:15px;line-height:40px;color:#88c}
#authority a:hover{color:#fb3}

/*--container--*/
#container{padding:50px 210px 0 210px}
#container2{background:#eee}

/*--header--*/
#header{position:fixed;top:0;left:0;width:100%;background:#855;z-index:1}
#login-bar{display:none}
#banner{width:320px;margin:0 auto}
#banner h1{float:left;font-size:18px;line-height:50px;padding-right:4px}
#banner h1 a{color:#aaf}
#banner h1 a:hover{color:#fb3}
#banner h2{float:right;font-size:12px;line-height:50px;color:#fffff6}
.skiplink,#blog-category{display:none}

/*--navigation--*/
#navigation a{display:block;width:32px;height:32px;color:transparent}
#navigation #link-blog{position:fixed;top:9px;right:128px;z-index:2}
#navigation #link-blog a{background:url(http://pic.pimg.tw/thisblogexist/1390619744-1076448846.png)top left no-repeat}
#navigation #link-blog:hover a{background:url(http://pic.pimg.tw/thisblogexist/1390619745-3577845585.png)top left no-repeat}
#navigation #link-album{position:fixed;top:9px;right:88px;z-index:2}
#navigation #link-album a{background:url(http://pic.pimg.tw/thisblogexist/1390652624-1441919866.png)top left no-repeat}
#navigation #link-album:hover a{background:url(http://pic.pimg.tw/thisblogexist/1390652624-3897002235.png)top left no-repeat}
#navigation #link-guestbook{position:fixed;top:9px;right:48px;z-index:2}
#navigation #link-guestbook a{background:url(http://pic.pimg.tw/thisblogexist/1390619743-1806437079.png)top left no-repeat}
#navigation #link-guestbook:hover a{background:url(http://pic.pimg.tw/thisblogexist/1390619744-865978851.png)top left no-repeat}
#navigation #link-profile{position:fixed;top:9px;right:8px;z-index:2}
#navigation #link-profile a{background:url(http://pic.pimg.tw/thisblogexist/1390619746-210344097.png)top left no-repeat}
#navigation #link-profile:hover a{background:url(http://pic.pimg.tw/thisblogexist/1390619748-2296154133.png)top left no-repeat}

/*--main--*/
#main{max-width:750px;margin:0 auto;border:15px double #eee;border-top:0;background:#ddc}
#content{padding:0 5px}

/*--spotlight--*/
#spotlight{margin:0 auto;padding-top:20px}
#spotlight h5{text-align:center;font-size:18px;line-height:40px;color:#855}
#spotlight-text{max-width:630px;margin:0 auto;background:#855;border-radius:10px;padding:50px 15px;color:#fffff6;font-size:15px;line-height:1.8em}

/*--article-area--*/
#article-area{}

/*--article--*/
.article{max-width:660px;margin:50px auto 0 auto}
.article-head{padding:0 1.25em 1.25em 1.25em;border-bottom:1px dashed #000}
.publish{float:right}
.publish .day,.publish .time{display:none}
.title{float:left}
.title a{font-size:18px;padding-right:6px}
.article-body{clear:both;font-size:15px}
.article-content{margin-top:1em;padding:0 2em;line-height:1.8em;color:#000;letter-spacing:.1em;border-radius:15px;background:#fffff6}
.article-content p{margin:1em 0}
.article-content-inner .more{border:0;border-radius:0;padding:0;margin:0}
.article-content-inner .more a{text-align:center;font-size:18px;font-weight:bold;line-height:2.5em;width:190px;border:5px dotted #66f;border-radius:30px;display:block;margin:0 auto}
.article-content-inner .more a:hover{border:5px solid #f90;}
.article-content-inner>div{border:1px solid #090;border-radius:1em;padding:0 30px;margin:1em 0}
.article-content-inner>div>div{border:1px solid #0c0;border-radius:1em;padding:0 30px;margin:1em 0}
.article-content-inner .article-keyword{font-size:12px;line-height:1.8em;margin:20px 0;border:0;border-radius:0;padding:0;margin:0}
.article-content-inner .fb_iframe_widget{border:0;border-radius:0;padding:0;margin:0}
.bookmark{margin:1em 1em 0 1em;text-align:center}
.author{margin:1em;text-align:right}
.forward{margin-left:1em}
.article-footer{padding:1em 1em 0 1em;font-size:15px;border-top:1px dashed #74a}
.refer{float:left}
.history{clear:left}
.history h6{font-size:12px}
.back-to-top{float:right}

.article:not(:only-child) .article-keyword{display:none}
.article:not(:only-child) .author{display:none}
.article:not(:only-child) .article-footer{border-top:0}

/*--page--*/
.page{margin-top:30px;margin-bottom:24px;margin-right:5px;text-align:right;font-weight:bold;font-size:18px}
.page span,.page a{display:inline-block;margin-left:.5em}
.page span{line-height:34px}
.page a{padding:5px .5em;border:2px solid #66f;border-radius:.5em;line-height:20px}
.page a:hover{border:2px solid #fb3}

/*--main-list--*/
h3.article-area-title,#view-mode{font-size:15px;line-height:1.8em;color:#000}
h3.article-area-title{margin-top:20px}
.main-list{padding:20px 0}
.main-list table{width:100%;text-align:center;font-size:15px;line-height:1.8em}
.main-list th{
background:#000;color:#f0f;text-align:center}
.main-list td{padding:15px 0;color:#000}
.main-list tr{border-bottom:1px dashed #000}
.main-list tr:first-of-type{border:0}
.main-list tr:last-of-type{border:0}
.list-num{display:none}
.list-date{width:110px}
.list-title{text-align:left}
.list-visit{width:85px}
.list-comment{width:55px}

/*--user-post--*/
#user-post{max-width:630px;margin:0 auto}
#trackback-box{padding:0 15px;margin:20px auto}
#trackback-box .user-post-title{color:#f0f;font-weight:bold;font-size:1.25em;line-height:2em}
#trackback-text .post-info,#trackback-box .post-text{width:auto;float:none}

/*--comment-box--*/
#comment-box{background:#fffff6;margin:20px auto;line-height:200%;border-radius:50px}
#comment-box .user-post-title{
background:url(http://pic.pimg.tw/thisblogexist/1377139995-3326297573.png) center center no-repeat;border-top-left-radius:1.5em;border-top-right-radius:1.5em;color:#f0f;padding:250px 0 0 5px;font-weight:bold;font-size:1.25em;line-height:2em}
#comment-text{color:#fffff6}
.post-comment a{display:none}
.single-post{overflow:hidden;_overflow:none;_height:1%}
.post-info{float:right;text-align:right;width:auto;color:#f0f;border-bottom:2px dotted #f0f}
.post-info .user-ip{display:none}
.post-photo{clear:right;float:left;margin:0 0 20px 0;width:90px;height:90px;background:url(http://pic.pimg.tw/thisblogexist/1377169804-116955937.png) left top no-repeat}
.post-photo img{width:50px;height:50px;margin:40px 0 0 40px;border-radius:25px}
.post-text{color:#000;margin:67px auto 20px 102px;max-width:430px;white-space:normal;word-break:break-all;overflow:hidden;_overflow:none;_height:1%}
.reply-text{
clear:both;max-width:426px;margin:0 auto 20px auto;background:#855;border:6px double #fffff6;border-top-left-radius:53px;border-top-right-radius:53px;border-bottom-left-radius:18px;border-bottom-right-radius:18px;padding:30px 1em 0 1em;white-space:normal;word-break:break-all;overflow:hidden;_overflow:none;_height:1%}
.reply-text div{}
.reply-text p{text-align:right;margin-top:1em}
.reply-text a{color:#aaf}
.reply-text a:hover{color:#fb3}
.single-post.secret .post-text{width:100%;border-top:2px dotted #000;margin-left:102px;margin-bottom:20px}
.json-form{padding:0 20px}
#container #main #content #user-post #comment-box #comment-area{width:100%;margin:20px 0;padding:0;border-radius:30px}
#container #main #content #user-post #comment-box #comment-area-2{width:100%}
#container #main #content #user-post #comment-box #comment-area iframe{position:absolute;top:12px;right:20px}
#container #main #content #user-post #comment-box .comment-identity{padding:8px 0 0 24px}
#container #main #content #user-post #comment-box .comment-textarea{width:auto}
#container #main #content #user-post #comment-box .comment-body{padding:5px 20px 5px 20px}
#container #main #content #user-post #comment-box .comment-textarea textarea{width:100%;padding-left:0}
#container #main #content #user-post #comment-box #comment-area button{margin-right:4px}

/*--links--*/

#links{color:#ee0}
#links a{color:#88c}
#links a:hover{color:#fb3}
#links .box-title{text-align:center;font-size:15px;line-height:50px;background:#c00;margin:0 10px;border-radius:5px}
#links .box-text{font-size:15px;line-height:1.8em;padding:0 5px}
#links .box-text li{padding:12px 0}
#links .box-text h6{font-size:15px}

/*--links-row-1-and-2--*/
#links-row-1{position:absolute;top:90px;left:0;width:210px}
#links-row-2{position:absolute;top:60px;right:0;width:210px}


#links #search{position:fixed;top:0;left:0;background:transparent;z-index:2}
#search .box-title{display:none}
#search .box-text{padding:0}
#links #search li{line-height:1em;float:left;border-bottom:0;padding:12px 0 0 7px}
#search-submit{padding:1px 4px}

#express-box{margin:12px auto}

#links #calendar table{width:100%}
#links #calendar table *{text-align:center}

#links #user-info .box-text{padding:12px 0 0 0}
#links #user-info .user-img{border-radius:21px}

#links #feed a{display:block;margin:0;text-align:center}

#links #archive .box-text{padding:12px 0;text-align:center}

#links #powered .box-text, #links #counter .box-text{padding:12px 0;text-align:center}
#links #powered .box-text li, #links #counter .box-text li{padding:0}

#links #crumb .box-text, #links #visitor .box-text{padding:7px 15px 0 15px}
#links #crumb #ul-crumbs li, #links #visitor #ul-visitors li{padding:5px;width:50px;height:50px;float:left}
#links #crumb #ul-crumbs img, #links #visitor #ul-visitors img{border-radius:12px}
#links #crumb .box-more, #links #visitor .box-more{clear:left;display:block;text-align:center;line-height:50px}

#links #friendbox .box-text{padding:12px 2px 0 10px}

#links #subscriptions *{font-size:15px !important}

/*--footer--*/
#footer{padding:20px 0}
#bottom{text-align:center}

body{cursor:url(http://pic.pimg.tw/thisblogexist/1377406634-2845943097.png),auto}
body a:hover{cursor:url(http://pic.pimg.tw/thisblogexist/1377406634-2364374996.png),auto}

>>> 其他 <<<

(っ´▽`)っ 可否自行修改:可以可以,當然是可以的喔 (っ´▽`)っ

>>> 還有更多問題 <<<

(っ´▽`)っ 如果您有任何問題或建議,歡迎底下留言喔 (っ´▽`)っ

2014/01/27更新

。部分字體大小、顏色更新
。公告版位、部分區域底色更新
。滑鼠遊標更新

2014/01/28更新

。部分區域大小更新
。修正圓角效果

, , , , , , , , , ,

本文引用自thisblogexist - (css樣式) 喜洋洋的「過年紅」未上架先開放下載

創作者介紹
創作者 小君的友情世界 的頭像
小君的友情世界

小君的友情世界

小君的友情世界 發表在 痞客邦 留言(0) 人氣()


留言列表 (0)

發表留言