[樣式]SS501 拍立得系列─賢重－食譜

這真的是非常非常非常隨性的版型呢XD
只是因為想要弄那些很有趣的相片
所以才做出來的！

這次做了三個人
但是因為還蠻陽春的
但是因為語法太長所以只好還是分開發文！
其實我覺得語法裡面應該有些是可以刪除的.......但是我懶的弄了\囧/

注意事項-----●

由於版型的限制再加上小女不才Orz
有時候版面會出包XD
1、當文章標題過長的時候，點選"所有文章列表"會破版
2、當右方連結列有物件過長時，右方連結列會整個掉到下方去囧
3、假若是自設的資料夾過長，可以試著變更資料夾寬度設定~
4、套用後如果有任何的版面問題請告訴我以便修改~3Q

===【賢重】===

我很喜歡去年金賢重為converse代言的相片耶~
就算是戴上眼鏡，金狗牛也還是很適合XD
而且當時的主題好像是想走那種無厘頭的路線
所以出現了為鵝喝奶還有對鵝彈琴之類的鏡頭
不管怎麼看都好符合呀

樣式預覽-----●

CSS語法-----●

HTML {
SCROLLBAR-FACE-COLOR:#AB7979;
SCROLLBAR-HIGHLIGHT-COLOR:#e7e7e5;
SCROLLBAR-SHADOW-COLOR:#e7e7e5;
SCROLLBAR-3DLIGHT-COLOR:#e7e7e5;
SCROLLBAR-ARROW-COLOR:#f1f1f1;
SCROLLBAR-TRACK-COLOR:#e7e7e5;
SCROLLBAR-DARKSHADOW-COLOR:#e7e7e5;}

#banner H1 A {
COLOR:#4c6d78;}
#banner #description2 .description {
COLOR:#888;}
#links {
COLOR:#999;}
#links A {
COLOR:#666;}
#links A.mySpaceLink {
COLOR:#fff;}
#links .sidetitle {
FONT-SIZE:0px;COLOR:#f1f1f1;}
#content {
COLOR:#666;}
#content A {
COLOR:#b79a9a;}
#content .date {
COLOR:#ab7979;}
#content .title {
COLOR:#777;}
#content .innertext {
COLOR:#877;}
#content .posted {
COLOR:#aaa;}
#content .posted A {
COLOR:#aaa;}
#content .extended {
COLOR:#aaa;}
#content .extended A {
COLOR:#aaa;}
INPUT {
COLOR:#666;}
BODY #container1 A:hover {
COLOR:#aaa;BACKGROUND-COLOR:#fff;}
#container1 {
BACKGROUND:url(http://f9.wretch.yimg.com/joy1986114/50/1581020033.jpg) no-repeat -2px top;}
BODY {
BACKGROUND:#e7e7e5;}
#banner {
BACKGROUND:#fff;}
.side {
BACKGROUND:#f1f1f1;}
.sidetitle {
BACKGROUND-IMAGE:url(http://l.yimg.com/e/style/6/634/sidetitles.gif);BACKGROUND-REPEAT:repeat;BACKGROUND

-COLOR:#f1f1f1;}
#links DIV.calendar A {
BACKGROUND-IMAGE:url(http://l.yimg.com/e/style/6/634/sidetitles.gif);BACKGROUND-REPEAT:repeat;BACKGROUND

-COLOR:#f1f1f1;}
#links DIV.calendar A {
BACKGROUND-POSITION:0px 0px;}
#boxSlideShow .sidetitle {
BACKGROUND-POSITION:0px -20px;}
#boxMusic .sidetitle {
BACKGROUND-POSITION:0px -40px;}
#boxNewArticle .sidetitle {
BACKGROUND-POSITION:0px -60px;}
#boxCategory .sidetitle {
BACKGROUND-POSITION:0px -80px;}
#boxDate .sidetitle {
BACKGROUND-POSITION:0px -100px;}
#boxSearch .sidetitle {
BACKGROUND-POSITION:0px -120px;}
#boxNewComment .sidetitle {
BACKGROUND-POSITION:0px -140px;}
#boxRssList .sidetitle {
BACKGROUND-POSITION:0px -160px;}
#boxNewTrackback .sidetitle {
BACKGROUND-POSITION:0px -180px;}
#boxCounter .sidetitle {
BACKGROUND-POSITION:0px -200px;}
#boxFolder .sidetitle {
BACKGROUND-POSITION:0px -220px;}
#boxMySpace .side {
BACKGROUND:#9f9999;}
.comments-head {
BACKGROUND:url(http://l.yimg.com/e/style/6/634/commentsheads.gif) no-repeat left top;}
.powerlogo {
BACKGROUND:url(http://l.yimg.com/e/style/6/634/wretch.gif) no-repeat left top;}
BR {
DISPLAY:none;}
.boxMySpace1 SELECT {
DISPLAY:none;}
.boxMySpaceImg {
DISPLAY:none;}
#banner H1 .description {
DISPLAY:none;}
#boxMySpace .sidetitle {
DISPLAY:none;}
#scupioSearch {
DISPLAY:none;}
#blogCategory {
DISPLAY:none;}
#interactionList {
DISPLAY:none;}
#container1 .powered BR {
DISPLAY:none;}
#container1 .links BR {
DISPLAY:none;}
#container1 .articletext BR {
DISPLAY:none;}
#container1 #boxMySpace BR {
DISPLAY:none;}
BR {
DISPLAY:none;}
#container1 .innertext BR {
DISPLAY:inline;}
#container1 .extended BR {
DISPLAY:inline;}
#container1 .links .side BR {
DISPLAY:inline;}
#container1 BR {
DISPLAY:inline;}
A IMG {
BORDER-TOP-WIDTH:0px;BORDER-LEFT-WIDTH:0px;BORDER-BOTTOM-WIDTH:0px;BORDER-RIGHT-WIDTH:0px;}
BODY {
FONT:12px arial;}
A {
CURSOR:pointer;}
A {
FONT:12px arial;TEXT-DECORATION:none;}
#banner H1 {
FONT:12px arial;PADDING-TOP:0px;TEXT-DECORATION:none;}
INPUT {
FONT:12px arial;TEXT-DECORATION:none;}

#banner {
SCROLLBAR-FACE-COLOR:#f1f1f1;LEFT:62px;

OVERFLOW:auto;WIDTH:257px;SCROLLBAR-SHADOW-COLOR:#fff;SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#666666;
SCROLLBAR-TRACK-COLOR:#fff;
POSITION:absolute;TOP:374px;HEIGHT:91px;}

#banner #pageheader {
PADDING-RIGHT:12px;PADDING-LEFT:12px;PADDING-BOTTOM:8px;PADDING-TOP:3px;}
#links {
LEFT:0px;PADDING-BOTTOM:40px;WIDTH:321px;POSITION:absolute;TOP:481px;}
#links INPUT {
BORDER-RIGHT:#ccc 1px solid;BORDER-TOP:#ccc 1px solid;BACKGROUND:#fcfcfc;BORDER-LEFT:#ccc 1px

solid;BORDER-BOTTOM:#ccc 1px solid;}
.sidetitle {
MARGIN-LEFT:62px;HEIGHT:20px;}
.sidetitle INPUT {

}
.side {
PADDING-RIGHT:10px;PADDING-LEFT:15px;PADDING-BOTTOM:10px;MARGIN-LEFT:62px;PADDING-TOP:10px;}
#links DIV.calendar {
MARGIN-TOP:5px;BACKGROUND:#f1f1f1;MARGIN-BOTTOM:12px;PADDING-BOTTOM:10px;MARGIN-LEFT:62px;WIDTH:258px;}
#links DIV.calendar A {
DISPLAY:block;HEIGHT:20px;TEXT-ALIGN:center;}
#links DIV.calendar .calendarhead A {
DISPLAY:inline;BACKGROUND:none transparent scroll repeat 0% 0%;TEXT-INDENT:0px;HEIGHT:auto;}
#links DIV.calendar SPAN.calendar A {
DISPLAY:inline;BACKGROUND:none transparent scroll repeat 0% 0%;TEXT-INDENT:0px;HEIGHT:auto;}
#boxMySpace .side {
PADDING-LEFT:7px;MARGIN-BOTTOM:12px;PADDING-TOP:6px;HEIGHT:30px;}
#boxMySpace .side #serviceList {
SCROLLBAR-FACE-COLOR:#f1f1f1;SCROLLBAR-HIGHLIGHT-COLOR:#9f9999;OVERFLOW:auto;WIDTH:203px;

SCROLLBAR-3DLIGHT-COLOR:#9f9999;SCROLLBAR-ARROW-COLOR:#a0a0a0;

SCROLLBAR-DARKSHADOW-COLOR:#9f9999;HEIGHT:30px;}
#boxMySpace .side #serviceList LI {
FLOAT:left;MARGIN-LEFT:6px;}
#boxNewComment .side {
TEXT-ALIGN:right;}
#boxNewComment .side A {
DISPLAY:block;TEXT-ALIGN:left;}
#boxRssList SPAN#boxRssEntryBody A {
DISPLAY:block;}
#boxNewTrackback SPAN {
DISPLAY:block;PADDING-LEFT:15px;}
#boxFolder .sidetitle {
PADDING-LEFT:12px;TEXT-INDENT:0px;PADDING-TOP:4px;}
#boxRssList INPUT {
MARGIN-LEFT:66px;}
.syndicate {
PADDING-RIGHT:10px;MARGIN-LEFT:74px;}
.powered {
PADDING-RIGHT:10px;MARGIN-LEFT:74px;}
.powerlogo {
DISPLAY:block;WIDTH:99px;HEIGHT:51px;}
.powered IMG {
VISIBILITY:hidden;WIDTH:99px;HEIGHT:51px;}
#links .powered A {
DISPLAY:block;}
#links .powered A.powerin {
DISPLAY:inline;}
#links .powered A.powerout {
DISPLAY:inline;}
#links .powered A.powerjoin {
DISPLAY:inline;}
#links .powered A.powerforgot {
DISPLAY:inline;}
#links .powered A FONT {
COLOR:#300;}

#content {
PADDING-RIGHT:0px;PADDING-LEFT:52px;PADDING-BOTTOM:150px;MARGIN-LEFT:290px;PADDING-TOP:42px;}
#content INPUT {
BORDER-RIGHT:#ccc 1px solid;BORDER-TOP:#ccc 1px solid;BACKGROUND:none transparent scroll repeat 0%

0%;BORDER-LEFT:#ccc 1px solid;BORDER-BOTTOM:#ccc 1px solid;}
.date {
TEXT-TRANSFORM:lowercase;}
.powered {
TEXT-TRANSFORM:lowercase;}
.title {
MARGIN-BOTTOM:10px;FONT:bold 12px arial;}
.extended {
MARGIN-TOP:10px;}
.posted {
MARGIN-BOTTOM:42px;}
.comments-head {
MARGIN-TOP:70px;FONT-SIZE:0px;COLOR:#e7e7e5;HEIGHT:20px;}
.trackbacks-head .comments-head {
BACKGROUND-POSITION:0px -20px;}
.comments-bottom .comments-head {
BACKGROUND-POSITION:0px -40px;}
.comments-body {
PADDING-RIGHT:100px;PADDING-LEFT:20px;}
.comments-body P {
PADDING-TOP:10px;}
.comments-post {
MARGIN-BOTTOM:20px;BORDER-BOTTOM:#ccc 1px dashed;}
.trackback-url {
MARGIN-LEFT:20px;}
.trackback-url INPUT#trackback_url {
BORDER-TOP-WIDTH:0px;BORDER-LEFT-WIDTH:0px;BORDER-BOTTOM-WIDTH:0px;FONT:10px arial;WIDTH:410px;

}
UNKNOWN {
LEFT:0px;VISIBILITY:hidden;POSITION:absolute;TOP:0px;}
#content {
MIN-HEIGHT:355px;BACKGROUND:url(http://l.yimg.com/e/style/6/634/1904.gif) no-repeat right bottom;}
.boxMySpace1 SELECT {
BACKGROUND:#fefefe;FONT:10px arial;MARGIN-LEFT:4px;COLOR:#999;POSITION:absolute;}