順便幫忙推推回應也好ㄅ~~


兩種版面不同選擇~~附註:第一版會在IE以外怪怪的喔







版本一:

HTML {
SCROLLBAR-ARROW-COLOR:#ddd;SCROLLBAR-FACE-COLOR:#bbb;OVERFLOW-X:hidden;SCROLLBAR-DARKSHADOW-COLOR:#aaa;SCROLLBAR-HIGHLIGHT-COLOR:#999;SCROLLBAR-SHADOW-COLOR:#eee;OVERFLOW:auto;SCROLLBAR-TRACK-COLOR:#ddd;SCROLLBAR-3DLIGHT-COLOR:#eee;}
BODY {
LINE-HEIGHT:17px;FONT-FAMILY:verdana;LETTER-SPACING:2px;COLOR:#aaa;FONT-SIZE:7pt;text-decoration:none;}
A {
LINE-HEIGHT:17px;FONT-FAMILY:verdana;LETTER-SPACING:2px;COLOR:#aaa;FONT-SIZE:7pt;text-decoration:none;}
INPUT {
BORDER-BOTTOM:#aaa 1px solid;BORDER-LEFT:#aaa 1px solid;MARGIN:2px;DISPLAY:block;BACKGROUND:#fff;COLOR:#aaa;FONT-SIZE:7pt;BORDER-TOP:#aaa 1px solid;BORDER-RIGHT:#aaa 1px solid;}
#container1 {
BACKGROUND-IMAGE:none;POSITION:relative;MARGIN:0px auto;BACKGROUND-POSITION-X:center;WIDTH:750px;}
#banner {
BACKGROUND-IMAGE:url(http://f10.wretch.yimg.com/a0921930512/1/1509615164.jpg?_SjsOUJDcRbpvVJhGgIXQZwNgN2YgOxNcWSr.JJWpWMh7vzzL0r6ipX23_QbMhHD3C_eBw--?xcptpshDcRaDR34XLvd6nJd5Vt_2jHtcoCPt7g5bfnOx2rGA93kVmKIT8caoJNogDkp4Mw--?f7jtT9ZDcRbXklYWBl7exNM2hElu3u2.mzfOMih9udEiBGXvW83nobeokKmZ3Dy4v7YA3Q--?fkDAzoFDcRa.oVlw7ikqgaC5sJtvewQG18kIvwxnivSxBn5qTmapRsDa9rw9);BORDER-BOTTOM:#aaa 1px solid;BORDER-LEFT:#aaa 1px solid;MARGIN-TOP:35px;WIDTH:500px;BACKGROUND-REPEAT:no-repeat;BACKGROUND-POSITION:center center;HEIGHT:230px;BORDER-TOP:#aaa 1px solid;BORDER-RIGHT:#aaa 1px solid;}
#pageheader H1 A {
BORDER-BOTTOM:#aaa 1px solid;POSITION:absolute;TEXT-ALIGN:center;BORDER-LEFT:#aaa 1px solid;PADDING-BOTTOM:5px;WIDTH:850px;LETTER-SPACING:1pt;FONT-SIZE:8pt;BORDER-TOP:#aaa 1px solid;TOP:0px;font-weight:normal;BORDER-RIGHT:#aaa 1px solid;PADDING-TOP:5px;LEFT:0px;}
H1 .description {
DISPLAY:none;}
#description2 .description {
SCROLLBAR-ARROW-COLOR:#ddd;BORDER-BOTTOM:#aaa 1px solid;POSITION:absolute;BORDER-LEFT:#aaa 1px solid;SCROLLBAR-FACE-COLOR:#bbb;PADDING-BOTTOM:5px;OVERFLOW-X:hidden;PADDING-LEFT:5px;WIDTH:225px;PADDING-RIGHT:5px;SCROLLBAR-DARKSHADOW-COLOR:#aaa;HEIGHT:141px;SCROLLBAR-HIGHLIGHT-COLOR:#999;SCROLLBAR-SHADOW-COLOR:#eee;OVERFLOW:auto;BORDER-TOP:#aaa 1px solid;TOP:35px;SCROLLBAR-TRACK-COLOR:#ddd;BORDER-RIGHT:#aaa 1px solid;SCROLLBAR-3DLIGHT-COLOR:#eee;PADDING-TOP:5px;LEFT:615px;}
#main2 {
BORDER-BOTTOM:#aaa 1px solid;BORDER-LEFT:#aaa 1px solid;MARGIN-TOP:8px;WIDTH:850px;DISPLAY:block;BORDER-TOP:#aaa 1px solid;BORDER-RIGHT:#aaa 1px solid;}
.blog {
SCROLLBAR-ARROW-COLOR:#ddd;SCROLLBAR-FACE-COLOR:#bbb;OVERFLOW-X:hidden;MARGIN-TOP:5px;WIDTH:570px;SCROLLBAR-DARKSHADOW-COLOR:#aaa;FLOAT:left;SCROLLBAR-HIGHLIGHT-COLOR:#999;MARGIN-LEFT:5px;SCROLLBAR-SHADOW-COLOR:#eee;OVERFLOW:auto;SCROLLBAR-TRACK-COLOR:#ddd;SCROLLBAR-3DLIGHT-COLOR:#eee;}
.date {
TEXT-ALIGN:center;PADDING-BOTTOM:2px;PADDING-LEFT:2px;WIDTH:150px;PADDING-RIGHT:0px;BACKGROUND:#aaa;FLOAT:right;LETTER-SPACING:1px;HEIGHT:16px;COLOR:#fff;MARGIN-LEFT:2px;PADDING-TOP:2px;}
.title {
BORDER-BOTTOM:#aaa 1px solid;PADDING-LEFT:10px;WIDTH:395px;MARGIN-BOTTOM:20px;LETTER-SPACING:1px;HEIGHT:17px;FONT-SIZE:8pt;font-weight:normal;PADDING-TOP:3px;}
.title IMG {
DISPLAY:none;}
.innertext {
PADDING-LEFT:15px;PADDING-TOP:15px;}
.extended {
TEXT-ALIGN:right;LETTER-SPACING:1pt;}
.posted {
TEXT-ALIGN:center;MARGIN-BOTTOM:45px;LETTER-SPACING:1pt;}
.posted A {
LETTER-SPACING:1pt;}
.total-comments-div {
MARGIN-TOP:10px;}
.total-comments-div .comments-head {
DISPLAY:none;}
.total-comments-div .comments-bottom .comments-head {
DISPLAY:none;}
.comments-body {
PADDING-BOTTOM:10px;PADDING-LEFT:10px;WIDTH:550px;PADDING-RIGHT:10px;BACKGROUND:#eee;PADDING-TOP:10px;}
.comments-body FORM {
TEXT-ALIGN:center;PADDING-BOTTOM:10px;LINE-HEIGHT:15px;PADDING-LEFT:10px;PADDING-RIGHT:10px;PADDING-TOP:10px;}
.total-comments-div .comments-body {
BORDER-BOTTOM-WIDTH:0px;}
.trackback-url {
MARGIN-TOP:30px;}
#text {
WIDTH:300px;}
#serviceList {
POSITION:absolute;WIDTH:100px;HEIGHT:141px;TOP:34px;LEFT:506px;}
#serviceList LI {
FLOAT:right;}
#serviceList LI A {
TEXT-ALIGN:center;MARGIN:2px;WIDTH:100px;DISPLAY:block;BACKGROUND:#aaa;LETTER-SPACING:1pt;HEIGHT:22px;COLOR:#fff;PADDING-TOP:5px;}
#serviceList LI A:hover {
COLOR:#eee;}
#serviceList #linkMypage {
DISPLAY:none;}
#serviceList #linkVideo {
DISPLAY:none;}
#links {
WIDTH:250px;BACKGROUND:#fff;FLOAT:right;OVERFLOW:hidden;}
#links2 {
BORDER-LEFT:#aaa 1px solid;}
#links A {
LETTER-SPACING:1px;}
.sidetitle {
TEXT-ALIGN:center;PADDING-BOTTOM:5px;WIDTH:250px;BACKGROUND:#aaa;COLOR:#fff;PADDING-TOP:5px;}
.side {
PADDING-BOTTOM:10px;PADDING-LEFT:10px;PADDING-RIGHT:10px;PADDING-TOP:10px;}
.boxMySpaceImg {
TEXT-ALIGN:center;}
#boxNewArticle IMG {
DISPLAY:none;}
#boxNewComment IMG {
DISPLAY:none;}
#boxCategory A IMG {
DISPLAY:none;}
#blogCategory {
DISPLAY:none;}
#boxDate {
DISPLAY:none;}
#boxSearch {
DISPLAY:none;}
#friendlist {
DISPLAY:none;}
.boxAddFriendLink {
DISPLAY:none;}
.calendar {
DISPLAY:none;}
.syndicate {
DISPLAY:none;}
.boxNewComment1 .side {
LINE-HEIGHT:1px;COLOR:#fff;}
#boxCounter .sidetitle {
DISPLAY:none;}
#boxCounter {
BORDER-BOTTOM:#aaa 1px solid;POSITION:absolute;BORDER-LEFT:#aaa 1px solid;WIDTH:342px;DISPLAY:block;BORDER-TOP:#aaa 1px solid;TOP:195px;BORDER-RIGHT:#aaa 1px solid;LEFT:508px;}



版本二:

* BODY {
CURSOR:crosshair;}
A {
CURSOR:crosshair;TEXT-DECORATION:none;}
A:hover {

}
#pageheader #description2 .description {
BORDER-BOTTOM:#000 1px solid;POSITION:absolute;TEXT-ALIGN:left;BORDER-LEFT:#000 1px solid;PADDING-BOTTOM:5px;PADDING-LEFT:5px;WIDTH:320px;PADDING-RIGHT:5px;FONT:9pt verdana;BACKGROUND:#fff;LETTER-SPACING:1px;HEIGHT:70px;COLOR:#000;BORDER-TOP:#000 1px solid;TOP:95px;BORDER-RIGHT:#000 1px solid;PADDING-TOP:5px;LEFT:70px;}
HTML {
SCROLLBAR-ARROW-COLOR:#444;SCROLLBAR-FACE-COLOR:#000;SCROLLBAR-DARKSHADOW-COLOR:#eee;SCROLLBAR-HIGHLIGHT-COLOR:#444;SCROLLBAR-SHADOW-COLOR:#444;SCROLLBAR-TRACK-COLOR:#eee;SCROLLBAR-3DLIGHT-COLOR:#eee;}
#text {
SCROLLBAR-ARROW-COLOR:#444;SCROLLBAR-FACE-COLOR:#000;SCROLLBAR-DARKSHADOW-COLOR:#eee;SCROLLBAR-HIGHLIGHT-COLOR:#444;SCROLLBAR-SHADOW-COLOR:#444;SCROLLBAR-TRACK-COLOR:#eee;SCROLLBAR-3DLIGHT-COLOR:#eee;}
BODY {
LINE-HEIGHT:150%;MARGIN:0px;FONT-FAMILY:verdana;BACKGROUND:url(http://f10.wretch.yimg.com/a0921930512/1/1509615164.jpg?_SjsOUJDcRbpvVJhGgIXQZwNgN2YgOxNcWSr.JJWpWMh7vzzL0r6ipX23_QbMhHD3C_eBw--?DosdUdhDcRY59slXZOm95j.csaol2QxvpYAAqasyOMG6.xTL1G_mVDFws8gB) #fff fixed no-repeat left center;COLOR:#000;FONT-SIZE:9pt;}
A {
COLOR:#000;TEXT-DECORATION:none;}
A:hover {
WIDTH:850px;BACKGROUND:#999;COLOR:#fff;TEXT-DECORATION:none;}
#container1 {
POSITION:relative;MARGIN:10px auto;WIDTH:850px;}
#container2 {

}
#banner {
BACKGROUND-IMAGE:none;BACKGROUND-REPEAT:no-repeat;BACKGROUND-POSITION:left top;HEIGHT:160px;PADDING-TOP:15px;}
#content {
TEXT-ALIGN:center;MARGIN-TOP:5px;WIDTH:610px;FLOAT:left;MARGIN-LEFT:10px;}
.date {
BORDER-BOTTOM:#000 1px solid;TEXT-ALIGN:center;BORDER-LEFT:#000 1px solid;PADDING-BOTTOM:2px;MARGIN:8px 0px 0px 10px;PADDING-LEFT:2px;WIDTH:130px;PADDING-RIGHT:2px;FONT:7pt/16px verdana;BACKGROUND:#fff;FLOAT:right;LETTER-SPACING:2px;COLOR:#000;BORDER-TOP:#000 1px solid;BORDER-RIGHT:#000 1px solid;PADDING-TOP:5px;}
.title {
BORDER-BOTTOM:#000 1px solid;TEXT-ALIGN:left;BORDER-LEFT:#000 1px solid;PADDING-BOTTOM:2px;MARGIN:0px;PADDING-LEFT:22px;WIDTH:420px;PADDING-RIGHT:2px;FONT:10pt/16px verdana;BACKGROUND:#fff;LETTER-SPACING:2px;COLOR:#000;BORDER-TOP:#000 1px solid;BORDER-RIGHT:#000 1px solid;PADDING-TOP:3px;}
.blogbody {
PADDING-BOTTOM:10px;PADDING-LEFT:10px;PADDING-RIGHT:10px;MARGIN-BOTTOM:15px;PADDING-TOP:10px;}
#links {
WIDTH:200px;BACKGROUND:#fff;FLOAT:right;}
.sidetitle {
BORDER-BOTTOM:#000 1px solid;TEXT-ALIGN:center;BORDER-LEFT:#000 1px solid;PADDING-LEFT:10px;BACKGROUND:#fff;COLOR:#000;BORDER-TOP:#000 1px solid;BORDER-RIGHT:#000 1px solid;}
.side {
PADDING-BOTTOM:15px;PADDING-LEFT:15px;PADDING-RIGHT:15px;PADDING-TOP:15px;}
.boxMySpaceImg IMG {
BORDER-BOTTOM:#000 1px solid;BORDER-LEFT:#000 1px solid;PADDING-BOTTOM:12px;PADDING-LEFT:12px;PADDING-RIGHT:12px;MARGIN-LEFT:30px;BORDER-TOP:#000 1px solid;BORDER-RIGHT:#000 1px solid;PADDING-TOP:12px;}
#boxMySpace #linkVideo {
DISPLAY:none;}
.boxMySpace1 SELECT {
DISPLAY:none;}
LI.boxAddFriendLink A {
DISPLAY:none;}
DIV #blogCategory SPAN {
DISPLAY:none;}
DIV #blogCategory A {
DISPLAY:none;}
#blogCategory A {
DISPLAY:none;}
.boxNewComment1 IMG {
DISPLAY:none;}
#boxDate {
DISPLAY:none;}
#boxSearch {
DISPLAY:none;}
#boxWho .sidetitle {
DISPLAY:none;}
#boxWho INPUT {
DISPLAY:none;}
#boxWho LI {
BORDER-BOTTOM:#000 1px solid;BORDER-LEFT:#000 1px solid;WIDTH:20px !important;HEIGHT:27px !important;BORDER-TOP:#000 1px solid;BORDER-RIGHT:#000 1px solid;}
#boxWho LI IMG {
BORDER-BOTTOM:#000 1px solid;BORDER-LEFT:#000 1px solid;WIDTH:20px !important;HEIGHT:27px !important;BORDER-TOP:#000 1px solid;BORDER-RIGHT:#000 1px solid;}
#boxWho DIV#whowrapper {
TEXT-ALIGN:center;WIDTH:130px !important;}
#boxWho #whowrapper LI A IMG {
FILTER:alpha(opacity=10);}
#boxWho #whowrapper LI A:hover IMG {
FILTER:alpha(opacity=60);}
#boxWho {
POSITION:absolute;TOP:95px;LEFT:430px;}
.extended SPAN {
DISPLAY:none;}
.extended {
TEXT-ALIGN:right;}
#serviceList {
BORDER-BOTTOM:#000 1px solid;POSITION:absolute;BORDER-LEFT:#000 1px solid;WIDTH:500px;BORDER-TOP:#000 1px solid;TOP:56px;BORDER-RIGHT:#000 1px solid;LEFT:32px;}
#serviceList LI {
MARGIN:0px 3px 0px 0px;FLOAT:left;}
#serviceList LI A {
TEXT-ALIGN:center;PADDING-BOTTOM:5px;BORDER-RIGHT-WIDTH:0px;PADDING-LEFT:5px;WIDTH:50px;PADDING-RIGHT:5px;DISPLAY:block;FONT:8pt verdana;BACKGROUND:#fff;BORDER-TOP-WIDTH:0px;BORDER-BOTTOM-WIDTH:0px;LETTER-SPACING:1px;COLOR:#000;BORDER-LEFT-WIDTH:0px;PADDING-TOP:5px;}
A#linkVideo {
DISPLAY:none;}
A#linkMyPage {
DISPLAY:none;}
.syndicate {
DISPLAY:none;}
#serviceList LI A:hover {
BACKGROUND:#999;COLOR:#fff;}
#pageheader H1 SPAN.description {
DISPLAY:none;}
#boxCounter {
BORDER-BOTTOM:#000 1px solid;POSITION:absolute;BORDER-LEFT:#000 1px solid;PADDING-BOTTOM:5px;PADDING-LEFT:5px;WIDTH:200px;PADDING-RIGHT:5px;BORDER-TOP:#000 1px solid;TOP:70px;BORDER-RIGHT:#000 1px solid;PADDING-TOP:5px;LEFT:630px;}
#boxCounter .sidetitle {
DISPLAY:none;}
.posted {
TEXT-ALIGN:center;PADDING-BOTTOM:5px;BORDER-RIGHT-WIDTH:0px;PADDING-LEFT:5px;PADDING-RIGHT:5px;FONT:0pt verdana;MARGIN-BOTTOM:10px;BORDER-TOP-WIDTH:0px;BORDER-BOTTOM-WIDTH:0px;LETTER-SPACING:-1px;COLOR:#000;BORDER-LEFT-WIDTH:0px;PADDING-TOP:5px;}
.posted A {
MARGIN:6px;FONT:9pt verdana;LETTER-SPACING:1px;COLOR:#000;}
.posted A:hover {
COLOR:#000;}
#text {
WIDTH:500px !important;HEIGHT:150px;}
.total-comments-div .comments-body {
BORDER-BOTTOM:#000 1px solid;TEXT-ALIGN:left;BORDER-LEFT:#000 1px solid;PADDING-BOTTOM:10px;MARGIN:10px;PADDING-LEFT:10px;PADDING-RIGHT:10px;FONT:8pt/13pt verdana;BACKGROUND:#fff;LETTER-SPACING:1px;COLOR:#000;BORDER-TOP:#000 1px solid;BORDER-RIGHT:#000 1px solid;PADDING-TOP:10px;}
.total-comments-div .comments-body FORM {
TEXT-ALIGN:center;LINE-HEIGHT:12px;BACKGROUND:#fff;COLOR:#000;}
.comments-reply .comments-author {
BORDER-BOTTOM:#000 1px solid;BORDER-LEFT:#000 1px solid;BACKGROUND-COLOR:#fff;BORDER-TOP:#000 1px solid;BORDER-RIGHT:#000 1px solid;}
.comments-reply .comments-author .comments-post A {
COLOR:#999;FONT-SIZE:12px;TEXT-DECORATION:none;}
#footer {
PADDING-BOTTOM:0px;MARGIN:0px;BACKGROUND:url(http://f10.wretch.yimg.com/a0921930512/1/1509615165.jpg?3CQFfUtDcRZDqpzWOfqvnWd9eHE_EbwWHl7MsvwNjnyqtbifpL4w5zxIrQa3o2obwum_iw--?kiPz3itDcRYi.G4cGVvaE83dfuj5asbqfgisYWc0PpwhAaCzzKqULS27AbIc

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 多尼沉睡 的頭像
    多尼沉睡

    御宅天下

    多尼沉睡 發表在 痞客邦 留言(19) 人氣()