画像ロールオーバータグ作成ツール - アメブロカスタマイズと読者を増やすブログ運営 初心者からプロまで

画像ロールオーバータグ作成ツール

画像ロールオーバータグ作成ツール

CSSで同じサイズの画像2枚をロールオーバーさせるタグを作成します。

フォームに必要事項を入力して[タグを作成する]ボタンを一回だけクリックすると、貼り付け用のHTMLタグが表示されます。

  • タグ名:タグ名(div,span,aなど)
  • 画像1:通常時表示する画像のURL
  • 画像2:オンマウス時表示する画像のURL
  • 画像横幅:画像の横幅をピクセル数で
  • 画像高さ:画像の高さをピクセル数で
  • 追加属性:タグに追加する属性(href,target等)
  • テキスト:通常は表示されません
タグ名:
画像URL(1):
画像URL(2):
画像横幅: px
画像高さ: px
追加属性:
テキスト:

↓ここに作成したタグが表示されます↓

 

補足

  • ボタンにしたい場合は、「タグ名」を「a」に変更し、「追加属性」に「href="http://......"」のようにリンク先を設定します。

最新の更新 RSS