請教滑鼠移過圖片更換的語法 - 部落格

By Sierra Rose
at 2011-10-13T02:07
at 2011-10-13T02:07
Table of Contents
首先
如果你只是想讓網頁描述的選單排成一列的話
其實可以不必用到表格這麼複雜的語法
因為只要結尾沒有<br/>這個斷行標記
東西就會自動排成一列了
再說網誌描述是有字數限定的,能夠用最簡化的語法就盡量簡化
所以我建議你先把網誌描述裡的表格都拿掉
只留下超連結跟圖片並簡化成這樣就好了
<a href="目標網址"><img src="圖片網址"></a> ←這個請千萬不要漏了
<a href="目標網址"><img src="圖片網址"></a>
<a href="目標網址"><img src="圖片網址"></a>
如果要讓他們之間有空隙,可以在結尾增加幾個全形空白
也可以在CSS(就是樣式表的地方)裡增加以下設定:
.description a{margin-right: 10px;}
至於連結位移的語法也是在CSS設定
.description a:hover{ /*當滑鼠經過網誌描述的連結時*/
position:relative;
top:2px; left:2px;
}
然後以下是讓圖片邊框消失的CSS語法
img{border: 0px;}
※ 引述《ych1022 (玄米)》之銘言:
: 目前我無名選單的語法為
: <table border="0" align="left" cellspacing="2" cellpadding="2">
: <tbody><tr>
: <td><a title="敘述" href="目標網址"><img border="0" src="圖片網址">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: </tr>
: </tbody></table>
: 寫在網誌敘述
: 試了幾個方法
: 還是無功而返
: a:hover無法插到上面的語法中
: 估狗找到最接近的也只有
: 設定tbody:hover
: 讓整體的背景色做更改
: -3-放棄好了
: ※ 引述《ych1022 (玄米)》之銘言:
: : 原以為無名無法支援這樣的寫法
: : 但今天在盧小桃的blog
: : http://www.wretch.cc/blog/peachnote/14087552
: : 發現上方的網誌名稱
: : 與板頭下方的連結
: : 滑鼠移過去圖片都會往下挪
: : 直覺認為這是圖片置換的方式
: : 不過目前google所得結果只有用Dreamwave的java
: : 不知可板友知道呢?
--
如果你只是想讓網頁描述的選單排成一列的話
其實可以不必用到表格這麼複雜的語法
因為只要結尾沒有<br/>這個斷行標記
東西就會自動排成一列了
再說網誌描述是有字數限定的,能夠用最簡化的語法就盡量簡化
所以我建議你先把網誌描述裡的表格都拿掉
只留下超連結跟圖片並簡化成這樣就好了
<a href="目標網址"><img src="圖片網址"></a> ←這個請千萬不要漏了
<a href="目標網址"><img src="圖片網址"></a>
<a href="目標網址"><img src="圖片網址"></a>
如果要讓他們之間有空隙,可以在結尾增加幾個全形空白
也可以在CSS(就是樣式表的地方)裡增加以下設定:
.description a{margin-right: 10px;}
至於連結位移的語法也是在CSS設定
.description a:hover{ /*當滑鼠經過網誌描述的連結時*/
position:relative;
top:2px; left:2px;
}
然後以下是讓圖片邊框消失的CSS語法
img{border: 0px;}
※ 引述《ych1022 (玄米)》之銘言:
: 目前我無名選單的語法為
: <table border="0" align="left" cellspacing="2" cellpadding="2">
: <tbody><tr>
: <td><a title="敘述" href="目標網址"><img border="0" src="圖片網址">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: </tr>
: </tbody></table>
: 寫在網誌敘述
: 試了幾個方法
: 還是無功而返
: a:hover無法插到上面的語法中
: 估狗找到最接近的也只有
: 設定tbody:hover
: 讓整體的背景色做更改
: -3-放棄好了
: ※ 引述《ych1022 (玄米)》之銘言:
: : 原以為無名無法支援這樣的寫法
: : 但今天在盧小桃的blog
: : http://www.wretch.cc/blog/peachnote/14087552
: : 發現上方的網誌名稱
: : 與板頭下方的連結
: : 滑鼠移過去圖片都會往下挪
: : 直覺認為這是圖片置換的方式
: : 不過目前google所得結果只有用Dreamwave的java
: : 不知可板友知道呢?
--
Tags:
部落格
All Comments

By Elizabeth
at 2011-10-17T08:10
at 2011-10-17T08:10

By Regina
at 2011-10-19T18:24
at 2011-10-19T18:24

By Rebecca
at 2011-10-24T08:23
at 2011-10-24T08:23

By Hardy
at 2011-10-29T04:41
at 2011-10-29T04:41
網誌描述放一起呀
Related Posts
更改網址後,廣告商是否要重新申請?

By Heather
at 2011-10-11T10:41
at 2011-10-11T10:41
新增post時permalink產生錯誤

By Dora
at 2011-10-09T19:40
at 2011-10-09T19:40
未來有可能推出密碼上鎖嗎?

By Hedy
at 2011-10-09T16:30
at 2011-10-09T16:30
Blogger推出七種新動態模板

By Suhail Hany
at 2011-10-08T11:02
at 2011-10-08T11:02
pcman不能登入痞客邦

By Edward Lewis
at 2011-10-08T02:14
at 2011-10-08T02:14