輕鬆修改部落格CSS樣式表
|
更改左邊的css樣式 |
|---|
|
|
|
馬上就可以看到修改過的效果 |
|
|
先點此
音樂下載 mp3 音樂下載 mp3 音樂下載
mp3 音樂下載 mp3
| 點擊上面連結後會出現如下圖文字點它! |
|---|
|
|
|
接著點
|
音樂下載 mp3 音樂下載 mp3 音樂下載
mp3 音樂下載 mp3
| 開啟的你Firefox後再來點此安裝這個好用套件
, 請如下圖勾選no.15Web Developer的中文修改版 |
|---|
|
|
音樂下載 mp3 音樂下載 mp3 音樂下載
mp3 音樂下載 mp3
| 勾選完點最下面的安裝套件 |
|---|
![]() |
音樂下載 mp3 音樂下載 mp3 音樂下載
mp3 音樂下載 mp3
|
套件安裝完後關掉瀏覽器再開一次! 開啟你的部落格並點上面工具列的CSS然後選編輯CSS(如下圖) |
|---|
|
|
|
|
|
如果你沒有看小工具圖∼可以如下圖來找尋此功能! |
|
|
音樂下載 mp3 音樂下載 mp3 音樂下載
mp3 音樂下載 mp3
| 開始修改你的CSS內容∼ 修改好把左邊這CSS複製下來貼到部落格的CSS樣式檔案中註1 |
|---|
|
|
|
改了馬上就可以看到效果是如何∼如下圖:讓底線消失掉了! |
|
|
音樂下載 mp3 音樂下載 mp3 音樂下載
mp3 音樂下載 mp3
| 修改完之後按儲存(如下圖)註2 |
|---|
|
|
| 存到你想放的地方∼做為備份! |
|
|
音樂下載 mp3 音樂下載 mp3 音樂下載 mp3 音樂下載 mp3 音樂下載 mp3 音樂下載 mp3 音樂下載 mp3 音樂下載 mp3
註1:是要複製貼上到部落格原本提供給你的可以編輯CSS原檔的地方唷!
像蘋果這麼懶的人∼不管修改多還是少,喜歡將左邊的CSS全部複製下來∼然後再到部落格的編輯CSS樣式那裡:全選→ 貼上!降就搞定了!
註2:你可以儲存起來好備份∼以免萬一像天空部落之前發生過的一樣!樣式表全部都壞了!沒備份檔案的就只能再從頭改一次!會欲哭無淚唷!(←蘋果的慘痛經驗談)
:CSS樣式怎改?蘋果介紹些自己的方式給大家參考∼
.
先到部落格中的CSS設計小幫手∼把基本的內容先改好(如主體背景、上方的Banner、文字顏色、連結顏色、內文部份等等∼)這些可以利用的就先用!修改CSS樣式表是很繁雜的工作∼所以.對於像我們這些初學者而言∼能少用到就少用.
.音樂下載 mp3 音樂下載 mp3 音樂下載
mp3 音樂下載 mp3
| 在上方工具列選網頁資訊 |
|---|
|
|
| 再選顯示ID&Class資訊 |
|
|
| 會看到所有的CSS標籤都在上面 |
|
想修改哪個部份的內容∼就在CSS檔中修改該ID&Class的相關內容就可以了! 如果搞不懂ID&Class範圍是那些∼可以用顯示元素資訊, 然後在頁面動一動滑鼠上你就會看到範圍大小的紅色框框了 (元素資訊會告訴你很詳細的內容唷!) |
.一些基本的英文對應還是要了解一些.如:banner(上方標題看板)content(中間主要內容)
side(旁邊欄位)album(相簿)這樣要找相關內容修改會比較好找!
.參觀別人的部落格∼會發現有些樣式自己很喜歡的∼可以點上面工具列的CSS然後選檢視CSS看看人家是怎樣設定的.跟自己的CSS對照比較看看是缺少哪些部份.例如有些人的內文部份會有美美的邊框圖片通常都會屬於content這部份,找到這相關部份再來研究會發現∼啊!原來少了加背景圖這樣的語法.
BACKGROUND-IMAGE: url(http://love/beyond.gif);
但是別把人家的心血整個完整複製下來貼到自己的部落格CSS樣式中唷!音樂下載 mp3 音樂下載 mp3 音樂下載 mp3 音樂下載 mp3
.以上僅供參考∼若真的很有興趣玩這CSS的,還是建議認真的去找教學網站或書籍來看!會比我這偷懶的方式學的更紮實![]()
音樂下載 mp3 音樂下載 mp3 音樂下載 mp3 音樂下載 mp3