6組奇摩部落格【CSS双圖檔變化語法】

2008061020:40
蒐集:CSS語法  2007/12/27 05:33

如果網頁開太慢*按滑鼠右鍵*點內容*

會開很快喔!

分享園地     一天學一點

希望大家能輕鬆上網 ~ 快樂學習 ~ 相互勉勵

6組奇摩部落格【CSS双圖檔變化語法】

width:130px 為圖檔寬度

height:120px 為圖檔高度

請自己更改

 

/*滑鼠靠近改變"訂閱部落格"按鈕圖片語法-輸入2組相同圖檔網址*/
div#btnsbsrb a:hover{display:block;width:130px;height:120px;overflow:hidden;background:url(加入圖檔網址) no-repeat;margin:0;}
div#btnsbsrb_nologin a:hover{display:block;width:130px;height:120px;overflow:hidden;background:url(加入圖檔網址) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}

 

/*滑鼠靠近改變回應圖語法*/
div.btncomment a:hover {display:block;height:130px;width:120px;background:url( 加入圖檔網址) no-repeat;}

 

/*滑鼠靠近改變引用圖語法*/
div.btntrackback a:hover {display:block;height:130px;width:120px;background:url(加入圖檔網址) no-repeat;}

 

 /*更改"訂閱部落格"按鈕圖片語法- 輸入2組相同圖檔網址*/
div#btnsbsrb a{display:block;width:130px;height:120px;overflow:hidden;background:url(加入圖檔網址) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:130px;height:120px;overflow:hidden;background:url(加入圖檔網址) no-repeat;margin:0;}

 

/*更換引用按鈕語法*/
div.btncomment a {display:block;height:130px;width:120px;background:url( 加入圖檔網址) no-repeat;}

 

/*更換回應按鈕語法*/
div.btntrackback a {display:block;height:130px;width:120px;background:url( 加入圖檔網址) no-repeat;}

 

 
 
找圖檔網址教學
 

選一張你喜歡【.gif  .jpg】圖檔,在圖片上面按右鍵點選【內 容】

" 網址 (URL) "  →  就是這張圖片的網址。

維度: ? ? ? (寬度) x  ? ? ? (高度) 像素  →  為圖檔寬度和高度。

把【圖檔網址】和【寬度】【高度】套用到語法裡面,就OK囉!

阿泰推薦可愛小動畫
 
 
 

30+32張 可愛娃娃小動畫                     100張小 動畫                    298張 128x136像素 小 動畫

 
【双圖檔變化 CSS語法】 設定教學

請從

管理部落格 → 面板設定 → 自訂樣式 → 在到CSS欄

將上面語法覆製 → 貼在CSS內容欄最下面

CSS語法欄內沒有相同的語法  就直接貼上  有的話請(請覆蓋原先的設定)

(重覆貼取語法會干擾程式,可能會造成效果無法顯示,

或是其他無法預期的事情,除非把語法清除重新設定。)

【進階樣式和自訂樣式的設定也會相互干擾】

 
 
引用整篇文章教學

※ 記得要先登入您奇摩部落格的帳號喔!!

1.複製 →【整篇文章】。   (不會的請參考)  →     基本貼圖

2.點文章右下角的【我要引用】。

3.點了【我要引用】之後就直接連結到您要【發表文章】的地方 。

4.貼上剛才複製的 →【整篇文章】。

5.【寫好文章標題】按【立即發表】→ 完成。

 

 
二胡演奏 在水一方

<p align=center><embed src=http://www.youtube.com/v/3avyu39XBA0&amp;color1=0x000066&amp;color2=0x0000CC&amp;border=1&amp;autoplay=1&amp;loop=1&amp;hl=zh_TW width=115 height=102 type=application/x-shockwave-flash allowScriptAccess="none"></embed>