CSS樣式修改
如果你想試著修改自己網誌的style
可以先"登入網誌"後再點選"樣式設定"
應該會看到以下的CSS語法內容
有兩種方式可以還原
[自行備份]
先將原先的CSS整個複製再另存新檔,
當你改壞了想要還原,再將之前備份的檔案貼上即可。
[還原王]
直接點選"還原王"
輸入"帳號"及"密碼"
選擇要還原的細項即可
(我試過的結果是整個變成別的樣式,並不是我原先的網誌格式唷)
[備註]
我想"無名"提供的CSS語法內容都大同小異,因為網誌裡的物件都一樣的關係
所以原則上在你自己的CSS內容裡面都一定會有以下所述的物件類別。
註:
1.CSS即是串接樣式表。
2.物件類別即是class。
3.物件指的是"橫幅、月曆、每月匯整、最新回響、連結管理"..等等都是。
[樣式設定]
body {
background: #fff;<<修改網誌的背景顏色
}
#banner, #banner-commentspop {
background-color: #99BBFF;<<修改網誌橫幅的背景顏色
}
#banner .description {<<網誌橫幅裡的文字屬性
color: #000;
font-family: times, serif;
font-size: small;
font-weight: bold;
margin-left: 25px;
}
#links {<<網誌的連結版面配置
background: #CCDDFF;<<修改連結區塊的背景顏色
border: 1px dotted #000;
padding:10px;
position: absolute;
top: 95px;
left: 10px;
width: 210px;
}
.blog {<<網誌文章發表的區塊部分
background-color: #fff;<<背景顏色設定
border: 1px dotted #697;
padding: 10px;
margin-bottom: 10px;
}
.blogbody {網誌文章的內容區塊部分(我沒修改過..不知改成什麼才好^^")
border: 1px solid #9c9;
color: #666;
font-size: small;
font-weight: normal;
background: #fff;
line-height: 16px;
margin-bottom: 10px;
padding: 5px;
}
.calendar {<<網誌的月曆部分
background-color: #FFFFF0;
font-size: x-small;
font-weight: normal;
line-height: 140%;
padding: 2px;
text-align: center;
}
.side {<<網誌主選單的表格內容設定
background-color: #FFFFF0;<<表格的背景顏色
border-color: #9c9;
border-style: solid;
border-width: 0 1px 1px 1px;
color: #333;
font-size: x-small;
font-weight: normal;
line-height: 140%;
padding: 3px 7px;
}
.sidetitle {網誌主選單的表格抬頭設定
background-color: #FFC378;<<表格的抬頭背景顏色
border: 1px #9c9;
border-style: solid solid dotted solid;
font-size: x-small;
font-weight: bold;
padding: 2px;
margin-top: 10px;
letter-spacing: .3em;
text-align:center;
}
P.S. 其他的部分就沒有修改過了
可以先"登入網誌"後再點選"樣式設定"
應該會看到以下的CSS語法內容
有兩種方式可以還原
[自行備份]
先將原先的CSS整個複製再另存新檔,
當你改壞了想要還原,再將之前備份的檔案貼上即可。
[還原王]
直接點選"還原王"
輸入"帳號"及"密碼"
選擇要還原的細項即可
(我試過的結果是整個變成別的樣式,並不是我原先的網誌格式唷)
[備註]
我想"無名"提供的CSS語法內容都大同小異,因為網誌裡的物件都一樣的關係
所以原則上在你自己的CSS內容裡面都一定會有以下所述的物件類別。
註:
1.CSS即是串接樣式表。
2.物件類別即是class。
3.物件指的是"橫幅、月曆、每月匯整、最新回響、連結管理"..等等都是。
[樣式設定]
body {
background: #fff;<<修改網誌的背景顏色
}
#banner, #banner-commentspop {
background-color: #99BBFF;<<修改網誌橫幅的背景顏色
}
#banner .description {<<網誌橫幅裡的文字屬性
color: #000;
font-family: times, serif;
font-size: small;
font-weight: bold;
margin-left: 25px;
}
#links {<<網誌的連結版面配置
background: #CCDDFF;<<修改連結區塊的背景顏色
border: 1px dotted #000;
padding:10px;
position: absolute;
top: 95px;
left: 10px;
width: 210px;
}
.blog {<<網誌文章發表的區塊部分
background-color: #fff;<<背景顏色設定
border: 1px dotted #697;
padding: 10px;
margin-bottom: 10px;
}
.blogbody {網誌文章的內容區塊部分(我沒修改過..不知改成什麼才好^^")
border: 1px solid #9c9;
color: #666;
font-size: small;
font-weight: normal;
background: #fff;
line-height: 16px;
margin-bottom: 10px;
padding: 5px;
}
.calendar {<<網誌的月曆部分
background-color: #FFFFF0;
font-size: x-small;
font-weight: normal;
line-height: 140%;
padding: 2px;
text-align: center;
}
.side {<<網誌主選單的表格內容設定
background-color: #FFFFF0;<<表格的背景顏色
border-color: #9c9;
border-style: solid;
border-width: 0 1px 1px 1px;
color: #333;
font-size: x-small;
font-weight: normal;
line-height: 140%;
padding: 3px 7px;
}
.sidetitle {網誌主選單的表格抬頭設定
background-color: #FFC378;<<表格的抬頭背景顏色
border: 1px #9c9;
border-style: solid solid dotted solid;
font-size: x-small;
font-weight: bold;
padding: 2px;
margin-top: 10px;
letter-spacing: .3em;
text-align:center;
}
P.S. 其他的部分就沒有修改過了
0 個意見:
張貼留言
訂閱 張貼留言 [Atom]
<< 首頁