FM的餘韻久久無法退去(?)
超偷懶的網誌樣式又製作完成了！！
這次使用的圖是代言公雞牌的圖片.....
超棒的~連去背的功夫都省了XDD
因為我的製作方式是先挑喜歡的版型之後
在去上橫幅的圖
所以整個風格會比較樸素簡約(?)一點.....
這次我做了5個人的版本~~
如果大家不嫌棄的話~
歡迎使用囉~~
結果第一個製作的小隊長被我弄得最醜囧
P.S.由於是半吊子(?)樣式，所以當文章標題過長或是右半邊的導覽列有東西過長的時候，右半邊的區塊會掉到下面去喔XDD
樣式套用圖
CSS樣式語法
UNKNOWN {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px;}
BODY {
BACKGROUND:#eee;FONT:12px sans-serif;}
BR {
DISPLAY:none;}
#container1 BR {
DISPLAY:block;}
A {
FONT:12px sans-serif;TEXT-DECORATION:none;}
H1 {
FONT:12px sans-serif;TEXT-DECORATION:none;}
H3 {
FONT:12px sans-serif;TEXT-DECORATION:none;}
INPUT {
FONT:12px sans-serif;TEXT-DECORATION:none;}
TEXTAREA {
FONT:12px sans-serif;TEXT-DECORATION:none;}
A {
COLOR:#999;}
A:hover {
COLOR:#000;TEXT-DECORATION:underline;}
SELECT {
BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;BORDER-LEFT:#000 1px solid;BORDER-BOTTOM:#000 1px solid;}
INPUT {
BORDER-RIGHT:#ccc 1px solid;BORDER-TOP:#ccc 1px solid;BORDER-LEFT:#ccc 1px solid;BORDER-BOTTOM:#ccc 1px solid;}
TEXTAREA {
BORDER-RIGHT:#ccc 1px solid;BORDER-TOP:#ccc 1px solid;BORDER-LEFT:#ccc 1px solid;BORDER-BOTTOM:#ccc 1px solid;}
#container1 {
BACKGROUND:no-repeat right top;MARGIN:0px auto;WIDTH:792px;PADDING-TOP:0px;POSITION:relative;}
#banner {
BACKGROUND:url(http://f9.wretch.yimg.com/joy1986114/50/o1580937263.jpg?sqZhQPdDcR7wKtLDlCEqQVk7h_LJ8HB2bMZsYoBQTJ8OxJCfIQzyj_CTK1u6N7jR9YrUtg--) no-repeat left top;POSITION:relative;HEIGHT:135px;}
#banner H1 {
LEFT:30px;POSITION:absolute;TOP:80px;}
#banner H1 A {
DISPLAY:block;FONT-WEIGHT:bold;COLOR:#000;}
H1 .description {
DISPLAY:none;}
#description2 {
LEFT:30px;OVERFLOW:hidden;POSITION:absolute;TOP:120px;width:300px;height:60px;}
#content {
PADDING-RIGHT:30px;PADDING-LEFT:12px;BACKGROUND:url(http://f9.wretch.yimg.com/joy1986114/50/1580937265.jpg?pGPJHy5DcR7lFuoEIjmMkfhS04kDoKh0nWrG0zslmeJwXK3j7pTDmvTHc8v8L8yb9xepIw--) no-repeat left top;FLOAT:left;PADDING-BOTTOM:60px;WIDTH:531px;PADDING-TOP:60px;}
.date {
FONT-SIZE:11px;}
.trackback-url {
FONT-SIZE:11px;}
.trackback-url INPUT {
FONT-SIZE:11px;}
.posted {
FONT-SIZE:10px;}
.posted A {
FONT-SIZE:10px;}
.title {
MARGIN-TOP:2px;FONT-WEIGHT:bold;}
.innertext {
MARGIN:20px 0px;OVERFLOW:hidden;WIDTH:520px;LINE-HEIGHT:21px;}
.blogbody {
MARGIN-BOTTOM:30px;PADDING-BOTTOM:10px;BORDER-BOTTOM:1px dotted;}
.extended {
TEXT-ALIGN:right;}
.posted {
TEXT-ALIGN:right;}
.trackback-url {
TEXT-ALIGN:right;}
.extended {
LINE-HEIGHT:21px;}
.history {
LINE-HEIGHT:21px;}
.history A {
LINE-HEIGHT:21px;}
#push {
MARGIN-TOP:50px;}
.posted {
MARGIN-TOP:5px;}
.history {
TEXT-ALIGN:right;}
.history_title {
FLOAT:none;}
.history_articles {
FLOAT:none;}
.posted {
MARGIN-TOP:20px;}
.trackback-url INPUT {
BORDER-RIGHT:#ccc 1px solid;BORDER-TOP:#ccc 1px solid;BACKGROUND:#fff;BORDER-LEFT:#ccc 1px solid;BORDER-BOTTOM:#ccc 1px solid;}
UNKNOWN {
LEFT:0px;VISIBILITY:hidden;POSITION:absolute;TOP:0px;}
TEXTAREA {
PADDING-RIGHT:5px;PADDING-LEFT:5px;PADDING-BOTTOM:5px;PADDING-TOP:5px;}
.cmt_floor {
FONT-SIZE:11px;COLOR:#aaa;}
DIV.comments-body {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:20px;LINE-HEIGHT:21px;PADDING-TOP:20px;BORDER-BOTTOM:#777 1px dotted;}
.comments-author {
PADDING-LEFT:10px;BACKGROUND:none transparent scroll repeat 0% 0%;BORDER-LEFT:1px dotted;opacity:1;}
.comments-head {
MARGIN-TOP:60px;FONT-SIZE:0px;BACKGROUND:url(http://l.yimg.com/e/style/4/482/commentsheads.gif) no-repeat left -25px;TEXT-INDENT:-19019px;HEIGHT:20px;}
.trackbacks-head .comments-head {
BACKGROUND-POSITION:0px 0px;}
.comments-bottom .comments-head {
BACKGROUND-POSITION:0px -50px;}
#links {
PADDING-RIGHT:0px;PADDING-LEFT:0px;BACKGROUND:url(http://f9.wretch.yimg.com/joy1986114/50/1580937264.jpg?awZoXqZDcR66eluroNp5hCGmLjDagv2CpKvPcjht9mG9Go8jOzzuYTzH9IEXD2gpwXvDvw--) no-repeat left top;FLOAT:right;PADDING-BOTTOM:60px;WIDTH:219px;PADDING-TOP:60px;}
#links2 {
PADDING-LEFT:8px;}
.sidetitle {
FONT-SIZE:0px;BACKGROUND:url(http://l.yimg.com/e/style/4/482/sidetitles.gif) no-repeat left top;TEXT-INDENT:-19000px;HEIGHT:21px;}
#boxSlideShow .sidetitle {
BACKGROUND-POSITION:0px -21px;}
#boxMusic .sidetitle {
BACKGROUND-POSITION:0px -63px;}
#boxNewArticle .sidetitle {
BACKGROUND-POSITION:0px -84px;}
#boxCategory .sidetitle {
BACKGROUND-POSITION:0px -105px;}
#boxDate .sidetitle {
BACKGROUND-POSITION:0px -126px;}
#boxSearch .sidetitle {
BACKGROUND-POSITION:0px -147px;}
#boxNewComment .sidetitle {
BACKGROUND-POSITION:0px -168px;}
#boxRssList .sidetitle {
BACKGROUND-POSITION:0px -189px;}
#boxNewTrackback .sidetitle {
BACKGROUND-POSITION:0px -210px;}
#boxWho .sidetitle {
BACKGROUND-POSITION:0px -231px;}
#boxCounter .sidetitle {
BACKGROUND-POSITION:0px -252px;}
.calendar2 {
MARGIN-BOTTOM:40px;}
DIV.calendar A {
DISPLAY:block;FONT-SIZE:0px;BACKGROUND:url(http://l.yimg.com/e/style/4/482/sidetitles.gif) no-repeat left -42px;WIDTH:57px;TEXT-INDENT:-19019px;HEIGHT:21px;}
DIV.calendar TABLE A {
BORDER-TOP-WIDTH:0px;DISPLAY:inline;BORDER-LEFT-WIDTH:0px;FONT-SIZE:12px;BACKGROUND:none transparent scroll repeat 0% 0%;BORDER-BOTTOM-WIDTH:0px;TEXT-INDENT:0px;BORDER-RIGHT-WIDTH:0px;}
DIV.calendar {
MARGIN-BOTTOM:40px;TEXT-ALIGN:left;}
DIV.calendar TABLE {
MARGIN-LEFT:5px;BORDER-LEFT:#000 1px dashed;}
.calendarhead {
MARGIN-LEFT:5px;BORDER-LEFT:#000 1px dashed;}
.calendarhead {
PADDING-LEFT:5px;TEXT-ALIGN:left;}
#boxFolder .sidetitle {
PADDING-LEFT:5px;FONT-SIZE:12px;BACKGROUND:#000;COLOR:#fff;TEXT-INDENT:0px;PADDING-TOP:5px;FONT-STYLE:italic;HEIGHT:16px;}
.side {
PADDING-LEFT:5px;MARGIN-BOTTOM:40px;MARGIN-LEFT:5px;BORDER-LEFT:#000 1px dashed;PADDING-TOP:5px;}
#whowrapper {
PADDING-LEFT:5px;MARGIN-BOTTOM:40px;MARGIN-LEFT:5px;BORDER-LEFT:#000 1px dashed;PADDING-TOP:5px;}
.side {
OVERFLOW:hidden;}
#boxWho {
MARGIN-BOTTOM:40px;TEXT-ALIGN:left;}
.side A {
LINE-HEIGHT:21px;}
#boxNewComment .side {
TEXT-ALIGN:right;}
#boxNewTrackback .side {
TEXT-ALIGN:right;}
#boxNewComment .side A {
PADDING-RIGHT:3px;DISPLAY:block;PADDING-LEFT:3px;PADDING-BOTTOM:3px;PADDING-TOP:3px;TEXT-ALIGN:left;}
#boxNewTrackback .side A {
PADDING-RIGHT:3px;DISPLAY:block;PADDING-LEFT:3px;PADDING-BOTTOM:3px;PADDING-TOP:3px;TEXT-ALIGN:left;}
#boxNewTrackback A {
BORDER-TOP:#ccc 1px dotted;MARGIN-TOP:10px;PADDING-TOP:10px;}
#boxNewTrackback A:unknown {
BORDER-TOP-WIDTH:0px;MARGIN-TOP:0px;BORDER-LEFT-WIDTH:0px;BORDER-BOTTOM-WIDTH:0px;PADDING-TOP:0px;BORDER-RIGHT-WIDTH:0px;}
#boxNewTrackback .side SPAN A {
BORDER-TOP-WIDTH:0px;DISPLAY:inline;BORDER-LEFT-WIDTH:0px;BORDER-BOTTOM-WIDTH:0px;COLOR:#aaa;BORDER-RIGHT-WIDTH:0px;}
#boxCounter {
COLOR:#aaa;}
全站熱搜
留言列表
