<< #樂多Blog更換banner最速法，創造更具個人特色的Blog! | 回blog首頁 | #Froogle與台灣的Openfind商品比價搜尋引擎 >>

March 5,2005

#一些適合Blogger參考CSS語法的地方

昨夜寫完banner的簡易教學，許多朋友也起了改改別的頁面樣式的念頭，雖說Content is King，但誰不想自己的家裡美侖美煥呢!這方面的教學文章在浩瀚的網路世界之中，用Google大神一找肯定是上萬個search results，書店裡的html及css語法教學的書也是琳瑯滿目不知從何下手，買一本回家翻了翻就放著當裝飾了。我這裡分享一些我覺得簡單、精要、實用的教學文章供大家自行研究，對於初學者還是一句話，看到語法不要怕，改下去就對了，大不了再改回來，只有從try & error的過程中才會更進步，祝大家BLOG愉快。


  • 來聊聊CSS
  • 凱哥的無名教學
  • MT初心技 by bluecircus，裡面有幾篇非常值得一看：配置文繞圖、把單篇文章的頁面做成兩欄式、用背景圖取代文章底部的顏色。
  • 活字版不麻煩 by Oui-Blog，其中幾篇很推薦：如何將網誌版面置中、淺談CSS於三欄式結構之應用。
  • 大名鼎鼎的-艾瑪[隨處走走]
  • 隨心所欲的放圖 by 草莓優格
  • CSS圖片邊框效果 by文心
  • 部落格貼圖的小技巧

    • 每個人挑選文摘都有其一定的準則，網路上一定還有許多很不錯的教學文，不過貪多嚼不爛，我就不一一列出，到del.icio.us、Furl、365Key，應該也可以利用相關的tag關鍵字找到很多好文章，也歡迎大家提供，只要是實用易學，相信大家BLOG的功力一定可以大增。祝Blog愉快!

    By the way, 我個人的經驗是多逛網站、BLOG，看到自己喜歡的效果及設計，臉皮厚的就直接去問站長這怎麼用，或間接去問自己認識的一些高手，雖然有些萬中選一、高手中的高手也是不堪其擾，不過我的經驗是熱心的高手網友還真不少，至少也會推薦我去哪裡可以學到這些東東，久而久之存著一份感恩的心，我也希望許多網友能一步步邁向BLOG好手的行列，然後成為你的朋友群之中的網路使用意見領袖，引領更多人進入BLOG創作的行列，分享，是我在BLOG的過程之中最美好的體驗。

    PS. 推薦FireFox的擴充套件Web Developer Extension，學習網頁樣式設計的好幫手!可以直接讀一個站的CSS語法。


    Posted by sunjoe at 樂多Roodo! │12:59 │回應(6) │引用(7) │Blog Blog Blog!
    樂多分類：網路/3C 共同主題：CSS設計排版 工具：編輯本文
    Ads by Roodo! 

    引用URL

    http://cgi.blog.roodo.com/trackback/31911
    引用列表:
    感謝網友熱烈迴響，也很高興大家都有了更漂亮的Blog。再推薦一些站給大家，都是樂多的高手寫的喔...
    再推薦學習Blog樣式設計及語法教學的站【Think of Joe】 at May 9,2005 23:34
    這一篇是學風痕影的無名網誌樣式表寫的！如果有錯誤還是漏掉的歡迎跟我說噢。
    樂多blog樣式結構表【colaccl.com】 at June 18,2005 22:18
    引用URL http://cgi.blog.roodo.com/trackback/201251June 18,2005 樂多blog樣式結構表 這一篇是學著風痕影的無名網誌樣式表寫的！ 除了自己建檔之外並且與大家分享。 如果有錯誤還是漏掉的一定...
    樂多blog樣式結構表【班級大小事】 at November 2,2006 03:49
    引用URL http://cgi.blog.roodo.com/trackback/201251>>照片版權是樂兒的，請勿拿去做其他用途。<<引用：網址 http://blog.roodo.com/colaccl/archives/201251.htmlJune 18,2005 樂多blog樣式結構表 這一篇
    樂多blog樣式結構表【班級大小事】 at November 23,2006 03:08
    引用URL http://cgi.blog.roodo.com/trackback/201251>>照片版權是樂兒的，請勿拿去做其他用途。<<引用：網址 http://blog.roodo.com/colaccl/archives/201251.htmlJune 18,2005 樂多blog樣式結構表 這一篇
    樂多blog樣式結構表【班級大小事】 at November 23,2006 03:10
    2c73ccf34b77
    2c73ccf34b777808780c【2c73ccf34b777808780c】 at May 14,2007 23:43
    sss
    ○○○○【RD風子 ^O^】 at April 25,2008 19:09
    回應文章
    把我在留言版回應網友關於樂多BLOG這邊的版位設定標籤簡單補充過來：
    進入Custom讀取目前的樣式後找下列語法修改，

    #container{...}標籤裡的WIDTH是設定整個內容的寬(含主欄及邊欄)，這裡的WIDTH通常和#banner{...}標籤是一樣寬，

    #content{...}標籤中的WIDTH是設定主欄位寬，FLOAT是設定靠right or left，

    #link{...}標籤中的WIDTH是設定邊欄寬，FLOAT是設定邊欄靠right or left，在二欄位版型下通常是和#content裡FLOAT相對，

    至於PADDING是設定向內留白，MARGIN是設定向外留白，BACKGROUND可用顏色碼設顏色或用url圖案連結，我自己摸樂多這邊關於欄位的css設定最主要是這幾個，大概是這樣，還請高手指教補充，先掌握這幾個標籤應該就可以把欄位樣式設到自己想要的感覺，試看看囉!!更細部就再自行研究!~又獻醜了~~
    Posted by Joe at March 5,2005 18:32
    「看到語法不要怕，改下去就對了」說的真好！我是五年級的絕對電腦麻瓜，上網以來就是東抄抄，西看看。管它語法代表什麼意思，先玩了再說，大不了再改回來就是。。。咦？這話你也說了？！呵呵。

    唯一要注意的是改前要先存檔而已，這個呢。。。切身之痛！！！哈哈。
    Posted by SunnyPie at March 5,2005 19:58
    謝謝你的資訊
    Posted by hikawac at April 28,2006 15:43
    你好，我算是路人吧^^
    你這邊的有些連結已經失效，
    凱哥的CSS教學有別版了~
    Posted by 麻衣 at June 30,2009 15:57
    感謝版主大大提供的資訊，大大說的好「看到語法不要怕，改下去就對了」，初學者真的不用顧慮太多才會進步的快喔~

    觀迎參觀我們的網頁設計及網站設計喔^^
    Posted by 網頁設計 at September 5,2009 12:43
    網路--造就了許多創業機會
    讓我們的聯繫沒有距離
    讓我們的發展沒有國界的限制....
    若你也想主導自己的未来
    http://www.yesido0210.ws/

    歡迎到我的部落逛逛
    http://www.yesido0210.ws/blog
    看我們可以因為網路 掌握到什麼契機！
    Posted by 宅很大 at September 6,2009 05:38


    回最上方