目前分類:CSS的教學 (3)

瀏覽方式: 標題列表 簡短摘要

1.點選'管理我的部落格'

2.進入'管理自定欄位'

3.打上自定欄位名稱

4.將下列語法貼上

<p align="center"><embed src="
flash時鐘的網址
" width="120" height="120"></embed></p>


網址如下:

Family http://www.axband.tv/relax/clock6.swf 

花朵飛行 http://www.axband.tv/relax/clock5.swf

隨波逐流 http://www.axband.tv/relax/clock4.swf

毛毛蟲 http://www.axband.tv/relax/clock3.swf

捉迷藏 http://www.axband.tv/relax/clock1.swf

蝴蝶飛 http://www.axband.tv/relax/clock2.swf

盪鞦韆 http://www.axband.tv/relax/redclock1.swf

騎單車 http://www.axband.tv/relax/redclock2.swf

小花 http://www.axband.tv/loma/loomaclock3.swf

爬蟲 http://www.axband.tv/loma/loomaclock2.swf

時間煩惱 http://www.axband.tv/loma/loomaclock1.swf


我又跑到別人的部落格上找東西囉~~
這次看到的是可愛的時鐘~~


喜愛可以去看看" ☆♥☆~愛情派對~☆♥☆"哦~~

半調子手作 發表在 痞客邦 留言(0) 人氣()

左右兩側標題前小圖 語法


此教學參考: 小小羊兒


http://tw.myblog.yahoo.com/jw!CSu5DHmBERyjmtIvo6vbZbKOn7L3dQ--/article?mid=989&prev=1034&next=924


語法:↓







/*Nav module list左右欄內標題前小圖*/
.ycntmod .mbd ul.list li {background:url(http://pic.23717.com/pic/icon/icon2/13/69.gif) left .3em no-repeat;padding-left:15px;margin-bottom:2px;_margin-bottom:3px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://i16.photobucket.com/albums/b6/lovecincin/4c1e9818.gif) 15px center no-repeat;}



語法說明:


ycntmod .mbd ul.list li {background:url(http://左右標題前小圖 網址.gif) left .3em no-repeat;padding-left:15px;margin-bottom:2px;_margin-bottom:3px;_line-height:1.5em;}


.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://所有文章前 小圖.gif) 15px center no-repeat;}


 left .3em →3em 數字越大 圖片越往下移動


no-repeat;padding-left:15px;margin →圖與文字的距離 數字越大 距離越遠


margin-bottom:2px;_margin-bottom:3px →與此行底部邊際距離


_line-height:1.5em →此行 圖 的所在高度  數值越大 高度越高


標題前小圖檔不宜選擇過長寬過大的,容易影響整體效果,
當然除了上面特別標出來的數字,還有其他數字值可以調整,
可以依照選用的圖檔自行去修改!


此部分 需要自行 慢慢調整 要有耐心


拜託~拜託~


不要再叫我幫調整這部份語法


最討厭調整這部份,要花耐心分毫微調


.............................


語法使用:


進入 管理部落格-面版設定-自訂樣式


將語法 貼在 CSS 語法中


....................................


↓圖片怎不見? 這個問題也是幾乎天天要答覆


圖片必須是放置在網路空間的圖片


不行用自己電腦內的圖片


不行用各部落格相簿內的圖片


 


我又把我看到不錯的CSS教學給引用回來了~~


一樣是在314 看到的~~~


喜歡的人也可以去看一下哦~~

半調子手作 發表在 痞客邦 留言(0) 人氣()

語法:↓







/*Links文章去除連結底線*/
a,a:link,a:visited{color:#904E0E;text-decoration: none}
a:hover{color:#F4AB25;background-color: #FFECD9;text-decoration: none;}



語法說明:


color:#660000 ←改顏色



色碼表查詢



none ←加這句 去除連結底線


a,a:link,a:visited{color:#904E0E ←超連結字體顏色 →314


a:hover{color:#F4AB25 ←滑鼠停在超連結中文字的顏色→314


background-color: #FFECD9 ←滑鼠停留在超連結中文字的底色→314


.............................


語法使用:


進入 管理部落格-面版設定-自訂樣式


將語法 貼在 CSS 語法中


....................................


這是我在314看到的~~~


可以去除連結底線~~~


我覺得還不錯用~~~


所以...就把它拿來回引用一下囉~~~~


在314還有粉多有關CSS的教學哦~~


有興趣的人可以去看看~~

半調子手作 發表在 痞客邦 留言(0) 人氣()