close






 


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


會開很快喔!


分享園地     一天學一點


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


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>



arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Mapin-cloth 的頭像
    Mapin-cloth

    ω。艾媽の手作 Mapin-cloth 小舖。ω

    Mapin-cloth 發表在 痞客邦 留言(0) 人氣()