〔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;}

arrow
arrow
    全站熱搜

    angelmini 發表在 痞客邦 留言(0) 人氣()