ブログ記事の小技3 ブログランキング・にほんブログ村へ
ランキング参加中。クリックお願いします♪
好評だったので、第3弾いっちゃいま〜す♪
小技集をまとめて見るならここをクリック


赤字部分を好きなように変えてください。^^
 触ると写真が変わります。
DSCF1132.jpg ムクドリの子育て。^^


おうち日和のかぁかぁさんのところで紹介されていたワザです。^^
<img src="最初の画像URL" onMouseOver="this.src='触った時の画像URL'" onMouseOut="this.src='最初の画像URL'">


↑改行されているように見えるけど、空白は半角だけです。


 字などを横に並べたい。
いろいろ方法はあるけど、とりあえず表の作り方で。
DSCF1164.jpg世にも不思議な
食べ物らしきもの
こっちはマシ?→
玄米パンのリベンジ
DSCF1172.jpg



枠線をつけてみると、こんな感じ。
1-11-2
2-12-2

<table>
<tr> <td>1-1</td> <td>1-2</td> </tr>
<tr> <td>2-1</td> <td>2-2</td> </tr>
</table>



ちょっとややこしいけど、こうなってます。
<table> と </table>・・・この挟んだ部分が表。
<tr> と </tr>・・・この挟んだ部分が1つの段。
<td> と </td>・・・この挟んだ部分が1マス。



段や列は増やしたり減らしたりOK♪
<>の外は、空白ありでも なしでも 改行してもOKです。^^


 クリックするとメッセージを表示
↓この絵をクリックすると・・
huro.gif


<img src="画像URL" onClick="alert('好きな言葉')">


好きな言葉は、半角の\nを入れると改行できます。^^


ん〜、どんなワザを載せればいいか悩みます。(><)
↓いつも応援ありがとうございます♪
FC2ランキング ブログランキング・にほんブログ村へ


テーマ:ママのひとりごと。 - ジャンル:育児

【2008/07/02 08:34 】 | ブログ記事の小技 | コメント(5) | トラックバック(0) | page top↑
| ホーム |