本文出自:http://tw.myblog.yahoo.com/jw!l.WafuyZGQPcHYAw3.Fyarn_p7Gu/article?mid=366＆prev=433＆next=365＆l=a＆fid=95 網絡轉發,如有侵權,敬請告知刪除!
馬拉松正妹莫允雯陰道炎熬夜 落髮關於一些愛情的困擾發熱衣
設定標題小圖(有訂閱部落格小圖．左右欄位標題小圖．更新日期標題小圖．標題前圖示)
訂閱部落格小圖 範例：%26nbsp;↓下面的CSS語法是目前部落格所使用的/*Subs list*/div#btnsbsrb a{display:block;width:88px(圖片寬);height:31px(圖片高);overflow:hidden;background:url(未點選圖片網址) no-repeat;margin:0;}div#btnsbsrb_nologin a{display:block;width:88px(圖片寬);height:31px(圖片高);overflow:hidden;background:url(已點選圖片網址) no-repeat;margin:0;}#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;} 將灰色的部份，貼上連結圖檔的網址，前後括號”（）”也是語法之ㄧ喔，別刪除喔！語法範例:/*Subs list*/div#btnsbsrb a{display:block;width:88px;height:31px;overflow:hidden;background:url(http://XXXXX.gif) no-repeat;margin:0;}div#btnsbsrb_nologin a{display:block;width:88px;height:31px;overflow:hidden;background:url(http://XXXXX.gif) no-repeat;margin:0;}#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}兩各圖檔可以選擇一樣的，也可以選擇不一樣的補充說明：３１４小技巧：可以找一張圖自行修改成%26quot;訂閱部落格圖" 更有個人風格!簡單的 電腦內建的小畫家 就可以修改圖檔的如果要好看一點或是有動畫功能就要用專門的繪圖軟體(像是PhotoImpact、Ulead GIF Animator....等)這些在Toget可以下載到試用的版本(破解版本 可能就要費些時間去找了)除了這些 也有功能不錯且免費的軟體 在Toget可以找的到左右欄位標題小圖 範例：%26nbsp;↓下面的CSS語法是目前部落格所使用的/*Nav module list*/.ycntmod .mbd ul.list li {background:url(文章標題前面圖檔位址) left .1em(圖片下移數值，數字越大下移越多） no-repeat;padding-left:17px(文章標題前面圖檔和右邊文字相差距離，數字越大，兩者之間距離越遠);margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em(行距高度倍數，數字越大，高度倍數越高);}.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(所有文章和更多回應圖檔位址) 48px center no-repeat;} 將灰色的部份，貼上連結圖檔的網址，前後括號”（）”也是語法之ㄧ喔，別刪除喔！語法範例:/*Nav module list*/.ycntmod .mbd ul.list li {background:url(http://XXXXX.gif) left .1em no-repeat;padding-left:17px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em;}.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://XXXXX.gif) 48px center no-repeat;}圖檔不宜選擇過長寬過大的，容易影響整體效果，當然除了上面特別標出來的數字，還有其他數字值可以調整，可以依照選用的圖檔自行去修改！ 更新日期標題小圖 範例：↓下面的CSS語法是目前部落格所使用的/*Module latest upup*/#ymodupdate .mbd .date{background:url(圖檔位址) left center no-repeat;padding-left:11px(圖檔和右邊文字相差距離，數字越大，兩者之間距離越遠);font-size:104%;font-family:verdana;} 將灰色的部份，貼上連結圖檔的網址，前後括號”（）”也是語法之ㄧ喔，別刪除喔！語法範例:/*Module latest upup*/#ymodupdate .mbd .date{background:url(http://XXXXX.gif) left center no-repeat;padding-left:11px(圖檔和右邊文字相差距離，數字越大，兩者之間距離越遠);font-size:104%;font-family:verdana;}圖檔不宜選擇過長寬過大的，容易影響整體效果，當然除了上面特別標出來的數字，還有其他數字值可以調整，可以依照選用的圖檔自行去修改！
標題前圖示（任何適當大小圖檔都可以） 範例： ↓下面的CSS的語法，是部落格目前使用的/*Article content module*/.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}.yblogcnt .blgtitlebar h2 {font-size:120%;font-weight:bold;background:url(圖示網址) no-repeat;padding-left:32px;}將灰色的部份，貼上連結圖檔的網址，前後括號”（）”也是語法之ㄧ喔，別刪除喔！語法範例：/*Article content module*/.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}.yblogcnt .blgtitlebar h2 {font-size:120%;font-weight:bold;background:url(http://xxxxx.gif) no-repeat;padding-left:32px;}修改紅色部分 就可以了 數字越大 可以顯示的圖也越大不過 後面的字也會跟著放大(會變的醜醜的)建議是大小差不多像這個部落格的@@補充說明: 綠色字體那邊數字大小 代表圖示和字體的間距 數字越大間距越大%26gt;說明 (圖)__間距__ (標題)注意：圖示一定要用網路空間的喔！ 自己電腦中或是部落格的都不行喔！
貼語法囉～１）登入自己的部落格，在上方”請選擇功能”那邊選擇”管理部落格” 進入管理介面。 ２）在管理介面中選擇”面板設定”。 ３）在面板設定的介面中選擇”自訂樣式”（就是貼ＣＳＳ語法的地方）。 ４）貼上語法，確定送出就可以囉～ 上面是基本的語法 直接貼上就可以使用了進階的使用方法 就靠大家互相研究囉注意：上面有些語法，在自訂模式中ＣＳＳ與法已經有存在了～ 使用的時候，請先察看該與法是否存在～ 若是存在，代表該效果的語法只是修改部分， 此時，修改那些部分即可！ （重覆貼取語法，可能會造成效果無法顯示，或是其他無法預期的事情） 而該語法不存在（即原本ＣＳＳ語法中沒有）， 請將整個語法直接貼上使用！補充：修改ＣＳＳ的時候，請先將ＣＳＳ備份！○注意○請體恤原創教學者的心血，別忘記”引用是一種尊重” ○關於本篇教學相關○語法是共享的，只是在使用之前能做到一點”引用是一種尊重””註明是一種尊重”
馬拉松正妹莫允雯陰道炎熬夜 落髮關於一些愛情的困擾發熱衣
設定標題小圖(有訂閱部落格小圖．左右欄位標題小圖．更新日期標題小圖．標題前圖示)
訂閱部落格小圖 範例：%26nbsp;↓下面的CSS語法是目前部落格所使用的/*Subs list*/div#btnsbsrb a{display:block;width:88px(圖片寬);height:31px(圖片高);overflow:hidden;background:url(未點選圖片網址) no-repeat;margin:0;}div#btnsbsrb_nologin a{display:block;width:88px(圖片寬);height:31px(圖片高);overflow:hidden;background:url(已點選圖片網址) no-repeat;margin:0;}#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;} 將灰色的部份，貼上連結圖檔的網址，前後括號”（）”也是語法之ㄧ喔，別刪除喔！語法範例:/*Subs list*/div#btnsbsrb a{display:block;width:88px;height:31px;overflow:hidden;background:url(http://XXXXX.gif) no-repeat;margin:0;}div#btnsbsrb_nologin a{display:block;width:88px;height:31px;overflow:hidden;background:url(http://XXXXX.gif) no-repeat;margin:0;}#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}兩各圖檔可以選擇一樣的，也可以選擇不一樣的補充說明：３１４小技巧：可以找一張圖自行修改成%26quot;訂閱部落格圖" 更有個人風格!簡單的 電腦內建的小畫家 就可以修改圖檔的如果要好看一點或是有動畫功能就要用專門的繪圖軟體(像是PhotoImpact、Ulead GIF Animator....等)這些在Toget可以下載到試用的版本(破解版本 可能就要費些時間去找了)除了這些 也有功能不錯且免費的軟體 在Toget可以找的到左右欄位標題小圖 範例：%26nbsp;↓下面的CSS語法是目前部落格所使用的/*Nav module list*/.ycntmod .mbd ul.list li {background:url(文章標題前面圖檔位址) left .1em(圖片下移數值，數字越大下移越多） no-repeat;padding-left:17px(文章標題前面圖檔和右邊文字相差距離，數字越大，兩者之間距離越遠);margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em(行距高度倍數，數字越大，高度倍數越高);}.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(所有文章和更多回應圖檔位址) 48px center no-repeat;} 將灰色的部份，貼上連結圖檔的網址，前後括號”（）”也是語法之ㄧ喔，別刪除喔！語法範例:/*Nav module list*/.ycntmod .mbd ul.list li {background:url(http://XXXXX.gif) left .1em no-repeat;padding-left:17px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em;}.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://XXXXX.gif) 48px center no-repeat;}圖檔不宜選擇過長寬過大的，容易影響整體效果，當然除了上面特別標出來的數字，還有其他數字值可以調整，可以依照選用的圖檔自行去修改！ 更新日期標題小圖 範例：↓下面的CSS語法是目前部落格所使用的/*Module latest upup*/#ymodupdate .mbd .date{background:url(圖檔位址) left center no-repeat;padding-left:11px(圖檔和右邊文字相差距離，數字越大，兩者之間距離越遠);font-size:104%;font-family:verdana;} 將灰色的部份，貼上連結圖檔的網址，前後括號”（）”也是語法之ㄧ喔，別刪除喔！語法範例:/*Module latest upup*/#ymodupdate .mbd .date{background:url(http://XXXXX.gif) left center no-repeat;padding-left:11px(圖檔和右邊文字相差距離，數字越大，兩者之間距離越遠);font-size:104%;font-family:verdana;}圖檔不宜選擇過長寬過大的，容易影響整體效果，當然除了上面特別標出來的數字，還有其他數字值可以調整，可以依照選用的圖檔自行去修改！
標題前圖示（任何適當大小圖檔都可以） 範例： ↓下面的CSS的語法，是部落格目前使用的/*Article content module*/.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}.yblogcnt .blgtitlebar h2 {font-size:120%;font-weight:bold;background:url(圖示網址) no-repeat;padding-left:32px;}將灰色的部份，貼上連結圖檔的網址，前後括號”（）”也是語法之ㄧ喔，別刪除喔！語法範例：/*Article content module*/.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}.yblogcnt .blgtitlebar h2 {font-size:120%;font-weight:bold;background:url(http://xxxxx.gif) no-repeat;padding-left:32px;}修改紅色部分 就可以了 數字越大 可以顯示的圖也越大不過 後面的字也會跟著放大(會變的醜醜的)建議是大小差不多像這個部落格的@@補充說明: 綠色字體那邊數字大小 代表圖示和字體的間距 數字越大間距越大%26gt;說明 (圖)__間距__ (標題)注意：圖示一定要用網路空間的喔！ 自己電腦中或是部落格的都不行喔！
貼語法囉～１）登入自己的部落格，在上方”請選擇功能”那邊選擇”管理部落格” 進入管理介面。 ２）在管理介面中選擇”面板設定”。 ３）在面板設定的介面中選擇”自訂樣式”（就是貼ＣＳＳ語法的地方）。 ４）貼上語法，確定送出就可以囉～ 上面是基本的語法 直接貼上就可以使用了進階的使用方法 就靠大家互相研究囉注意：上面有些語法，在自訂模式中ＣＳＳ與法已經有存在了～ 使用的時候，請先察看該與法是否存在～ 若是存在，代表該效果的語法只是修改部分， 此時，修改那些部分即可！ （重覆貼取語法，可能會造成效果無法顯示，或是其他無法預期的事情） 而該語法不存在（即原本ＣＳＳ語法中沒有）， 請將整個語法直接貼上使用！補充：修改ＣＳＳ的時候，請先將ＣＳＳ備份！○注意○請體恤原創教學者的心血，別忘記”引用是一種尊重” ○關於本篇教學相關○語法是共享的，只是在使用之前能做到一點”引用是一種尊重””註明是一種尊重”
請先 登入 以發表留言。