輕鬆修改部落格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