close
〔920729語法更改記錄〕
★把banner下的虛線變不見:<成功!>
#banner {
height: 65px;
border-bottom: none;(多加這一行,並將pt改成none)
margin-top: 0px;
margin-right:100px;
margin-left:100px;
margin-bottom:5px;
}
background-image: url('http://noion.cool.ne.jp/1-noion/ban/image/sports/09.gif');
★再改字體大小:<這是一定會成功的 XD>
.blogbody {
color: #666;
font-size: 10.8pt;(再將字體大小由11pt改為10.8pt)
font-weight: normal;
background: #fff;
line-height: 140%;
margin-left: 15px;
margin-bottom: 10px;
padding: 5px;
}
★改捲軸顏色:<成功!>
嘗試了三種顏色的色碼85A1C7 8DA4F7 B3CDED,最後決定用B3CDED
在原先的語法的最前面加上以下語法-
HTML {
scrollbar-face-color:#B3CDED;
scrollbar-arrow-color:#FFFFFF;/*捲軸箭頭*/
scrollbar-track-color:#B3CDED;
scrollbar-shadow-color:#B3CDED;
scrollbar-highlight-color:#B3CDED;
scrollbar-3dlight-color:#FFFFFF;/*捲軸左與上外邊框*/
scrollbar-darkshadow-color:#800080; /*捲軸箭頭*/
}
★更動連結區標題字體大小:.side { color: #333; font-size: small; (x-small由改為small) font-weight: normal; line-height: 140%; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:3px;}
★更動連結區內文字體大小:
.sidetitle { background-color: #ddf; border: 1px dotted #9c9; color: #668; font-size: small; (x-small由改為small) font-weight: bold; padding: 2px; margin-top: 10px; letter-spacing: .3em; text-align:center; }
★因應上述兩項變動,THE STUFF'S TEXT資料夾標題改為STUFF'S TEXT
★修改背景:
原語法-
body { background-color: #fff; margin-top:10px; margin-right:1px; margin-bottom:1px; margin-left:10px; padding: 0px;}
修改背景 與預期不合 不採用body{background-image : url('http://noion.cool.ne.jp/1-noion/p_m/1-img/sky/01-1.jpg');background-attachment: fixed; }
圖片背景固定於左上方的語法-
★發文區變透明的語法:<瞎打誤撞的成功!XD>
原本要改掉分隔兩區的虛線,但嘗試改#links區用border-bottom: none;沒有效果;於是將此語法放在.blogbody區試看看,卻陰錯陽差將發文區變透明了!變成很棒的效果!(但虛線還是沒改掉就是了:P)
去掉虛線的語法-
border-bottom: none;(多加這一行,並將pt改成none)
改#links區-
#links { background-color: #fff; border-left: 1px dotted #668; padding: 10px; position: absolute; top: 0px; right: 100px; width: 210px; border-bottom: none;(多加這一行) background-image: url('http://a.pic.wretch.cc/./photos/a/angelmini/3/1091027428.jpg'); background-position:right top; background-repeat:no-repeat;}
改.blogbody區-
.blogbody { color: #666; font-size: 10.8pt; font-weight: normal; border-bottom: none;(多加這一行) background: #fff; line-height: 140%; margin-left: 15px; margin-bottom: 10px; padding: 5px;}
★把banner下的虛線變不見:<成功!>
#banner {
height: 65px;
border-bottom: none;(多加這一行,並將pt改成none)
margin-top: 0px;
margin-right:100px;
margin-left:100px;
margin-bottom:5px;
}
background-image: url('http://noion.cool.ne.jp/1-noion/ban/image/sports/09.gif');
★再改字體大小:<這是一定會成功的 XD>
.blogbody {
color: #666;
font-size: 10.8pt;(再將字體大小由11pt改為10.8pt)
font-weight: normal;
background: #fff;
line-height: 140%;
margin-left: 15px;
margin-bottom: 10px;
padding: 5px;
}
★改捲軸顏色:<成功!>
嘗試了三種顏色的色碼85A1C7 8DA4F7 B3CDED,最後決定用B3CDED
在原先的語法的最前面加上以下語法-
HTML {
scrollbar-face-color:#B3CDED;
scrollbar-arrow-color:#FFFFFF;/*捲軸箭頭*/
scrollbar-track-color:#B3CDED;
scrollbar-shadow-color:#B3CDED;
scrollbar-highlight-color:#B3CDED;
scrollbar-3dlight-color:#FFFFFF;/*捲軸左與上外邊框*/
scrollbar-darkshadow-color:#800080; /*捲軸箭頭*/
}
★更動連結區標題字體大小:.side { color: #333; font-size: small; (x-small由改為small) font-weight: normal; line-height: 140%; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:3px;}
★更動連結區內文字體大小:
.sidetitle { background-color: #ddf; border: 1px dotted #9c9; color: #668; font-size: small; (x-small由改為small) font-weight: bold; padding: 2px; margin-top: 10px; letter-spacing: .3em; text-align:center; }
★因應上述兩項變動,THE STUFF'S TEXT資料夾標題改為STUFF'S TEXT
★修改背景:
原語法-
body { background-color: #fff; margin-top:10px; margin-right:1px; margin-bottom:1px; margin-left:10px; padding: 0px;}
修改背景 與預期不合 不採用body{background-image : url('http://noion.cool.ne.jp/1-noion/p_m/1-img/sky/01-1.jpg');background-attachment: fixed; }
圖片背景固定於左上方的語法-
★發文區變透明的語法:<瞎打誤撞的成功!XD>
原本要改掉分隔兩區的虛線,但嘗試改#links區用border-bottom: none;沒有效果;於是將此語法放在.blogbody區試看看,卻陰錯陽差將發文區變透明了!變成很棒的效果!(但虛線還是沒改掉就是了:P)
去掉虛線的語法-
border-bottom: none;(多加這一行,並將pt改成none)
改#links區-
#links { background-color: #fff; border-left: 1px dotted #668; padding: 10px; position: absolute; top: 0px; right: 100px; width: 210px; border-bottom: none;(多加這一行) background-image: url('http://a.pic.wretch.cc/./photos/a/angelmini/3/1091027428.jpg'); background-position:right top; background-repeat:no-repeat;}
改.blogbody區-
.blogbody { color: #666; font-size: 10.8pt; font-weight: normal; border-bottom: none;(多加這一行) background: #fff; line-height: 140%; margin-left: 15px; margin-bottom: 10px; padding: 5px;}
全站熱搜
留言列表