ミニあさがお

2006-09-08 | 庭模様
庭のあちこちで咲き出した朝顔。といっても大きさは、杯くらいの小さい花、葉もハート型の朝顔の変種、木にからんで伸びるので、抜いているつもりなのにいつの間にかこんなに、かわいい花を咲かせています。

ミニ朝顔

・んの朝顔のようにりっぱではありませんが・・・・

記事内にリンクを張るタグ
<a href="★">☆</a>
★は、リンクを張る先のURL(アドレス)をコピーして入れる。
☆は、クリックする記事内の言葉
全角・<・は、半角の・<・に変える。


名付けて、マウスオン&アウト&クリック

2006-09-05 | 庭模様

下の写真を見ると{な~んだこうなっているのか}と直ぐに分かったことでしょう。

クリックチェンジのタグ<a href="①"><IMG SRC="★" border="0"></a>
マウスオン&オウトのタグ<IMG SRC="②"onmouseover="this.src='③'"onmouseout="this.src='②'">


クリックチェンジのIMG SRC="★"にマウスオン&オウトのタグを入れると下のような写真の1/4のタグになります。

<a href="①"><IMG SRC="②"onmouseover="this.src='③'"onmouseout="this.src='②'" border="0"></a>
  *全角の・<・は、半角の・<・に変えてください。
上のタグをコピーして2回貼付でを並べ、次は改行して2回貼付で並べます。前の記事のランタナ全体の写真になります。写真は、12枚用意してね。

マウスオン&アウト&クリックしてね。


②と③は、同じサイズにすること。

(マウスオーバーの写真③を、大きくしたらどうなるかは、自分で実験してみてね。)
①の写真は、クリックしたら現れる前向きの犬の写真
写真のサイズは、大きくしてアップロードするとおもしろいよ。

②の写真は、ランタナの(左上)です。もとの写真を520にリサイズします。写真の真ん中で260に切り取ってアップロード(1/4ずつに切り取るのです。)*座標切り取りをするとバッチリです。

③の写真のアゲハ蝶は、260にリサイズしてアップロード

タグを書いてみました。
<a href="①"><IMG SRC="②"onmouseover="this.src='③'"onmouseout="this.src='②'" border="0"></a>
<a href="④"><IMG SRC="⑤"onmouseover="this.src='⑥'"onmouseout="this.src='⑤'" border="0"></a>

<a href="⑦"><IMG SRC="⑧"onmouseover="this.src='⑨'"onmouseout="this.src='⑧'" border="0"></a>
<a href="⑩"><IMG SRC="⑪"onmouseover="this.src='⑫'"onmouseout="this.src='⑪'" border="0"></a>

全角の・<・は、半角の・<・に変えてください。すべて改行しているように見えますが、黒・赤を並べて、改行して緑・青と並べます。


ランタナⅡ

2006-09-03 | 庭模様
二番煎じになりますが、前の記事のバ~ジョンアップ版のつもりです。
お付き合いください。画面の内側をぐる~っと一回り、その後画像を4枚の画像をクリックお願いします。ストーリーは、ありません。今の庭を並べました。