ホームページ作成支援Ran.comX
 

ボタンのいろいろ


▼各種ボタンを取り付けてみよう。
  • 普段から何気なく見ているボタンですが、いろいろな変更をすることでボタンもドレスアップできたりするんです。

 ●お気に入りボタン(実際に動作します)
   ブラック系
   ピンク系
   青系
   赤系
   黄色系
   渋めグレイ系
   カラフル系(ダブルライン)
 ●基本ソース
<INPUT TYPE="button" value="お気に入りに追加" onClick="window.external.AddFavorite ('自分のHPのURL','自分のHPの名前')">

 ●変更する場合の基本ソース
<INPUT TYPE="button" value="お気に入りに追加" onClick="window.external.AddFavorite ('自分のHPのURL','自分のHPの名前')" style="border:1px solid deeppink; color:deeppink; background-color:pink;">

 ※赤と青の部分を変更して、自分なりにカスタマイズしてみてください。
 ※枠線の指定に関しては、CSS講座を参照してくださいね。

 ●バック・ネクストボタン(実際に動作します)
   前のページへ戻るボタン
   次のページへ行くボタン
 ※基本ソースはテキストエリアにありますが、カスタマイズについてはお気に入りと同じ書式です。
 ※この場合は、ボタンのサイズまで変更しています。変更する場合は・・・
   style=""の中にwidth : ???pxを追加します。(?は数値)

 ●アラートボタン(ちょっとした茶目っ気用・実際に動作します)
  クリックで言葉出ます
 ※基本ソースはテキストエリアにありますが、カスタマイズは上と同様にしてください。
 ※もちろん、これもサイズの変更などができます。

 ●リンクボタン(ボタンでリンク先へジャンプさせる・実際に動作します)
 ※マジで飛びますから、押してみてください。(笑)
 ※カスタマイズは上と同じです。

 ●閉じるボタン(よく見かけるウィンドウを閉じるボタンです・実際に動作します)
  押すとマジで閉じようとします(笑)

いろんなカスタマイズ法を試して、自分のサイトのイメージに合わせたモノを作るのもいいですね。
単なるボタンと言えど、立派なページの装飾にもなり得ますからね。
可愛いボタンで友達のサイトに差をつけるのもいいですよね。(⌒^⌒)bうふっ♪
COPYRIGHT © 2004-2007 FREEMETHOD ALL RIGHTS RESERVED. ランキングナビ