ジャック卿のCSS -4ページ目

テスト

コメントについて

一度コメントのついた記事を「記事の編集」で「コメント拒否」にチェックを入れて
再公開すると、コメントはすべて見えなくなるものの、コメントが削除されるわけではない。

「コメント拒否」のチェックを外して再々公開すればコメントが回復される。

以上

イメージマップ

画像内の特定の場所にリンクを埋め込むHTMLソース

<img border="0" src="sample/area.gif" usemap="#sample" width="400" height="100">
<map name="sample">
<area href="area.htm" shape="rect" coords="10,20,200,100">
<area href="area.htm" shape="circle" coords="10,20,5">
<area href="area.htm" shape="poly" coords="10,10,20,20,30,30">
</map>

赤字部分が使用する画像のURL
ピンクがマップの名前
rectが四角
circleが円
polyが多角形
area.htmはリンク先URL

使用する画像の幅と高さを表記しておいた方が、座標指定するのに楽。
coords=”以降が座標。

四角形の場合の”10,20”は左上の座標で、”X,Y”で指定。
”100,200”は右下の座標。軸は左上と同じ。
この例の場合、横190*縦80の大きさの四角形が出来る。

円形の場合”10,20”が中心座標、”5”が半径。”X,Y,r”で指定。

多角形の場合はそれぞれの頂点を座標指定。当然座標指定は三箇所以上必要。

以上