ボタン一覧

HAIK環境で使えるリンクボタンの数々を紹介します。
ボタンには、実際のリンクが張られています。
そして、そのボタンのおまじないも明らかにしてみました。


default
&button(1.フォームズ){フォームズ};
primary
&button(2.リンクバナー,primary){リンクバナー};
success
&button(3.イメージマップ,success){イメージマップ};
info
&button(4.ナビ2の使い方,info){ナビ2の使い方};
warning
&button(5.サイトマップ,warning){サイトマップ};
danger
&button(6.マウスオーバー画像,danger){マウスオーバー画像};
小さいボタン
&button(7.段組設定,small){段組設定};
大きいボタン
&button(8.haik テーマ,large){haik テーマ};
アイコン付きボタン
&button(9.FTP){&icon(envelope); FTP};
角丸ボタン
&button(10.ポップアップ画像,danger,round){ポップアップ画像};
縁取りボタン
&button(11.SWFU,info,ghost){SWFU};
白縁取りボタン(背景白色では使用しないで下さい)
&button(12.キラーページ,ghost-w){キラーページ};
グラデーションボタン
&button(13.オリジナルのバナー,primary,gradient){オリジナルのバナー};
極小ボタン
&button(14.ID.パスワード管理,xs){ID.パスワード管理};


Photo Flash アニメーション

上は横幅いっぱいのボタンです
&button(15.Photo Flash アニメ,block){Photo Flash アニメーション};
極小ボタンを赤色にしてみました
&button(16.スライドショー,xs,danger){スライドショー};

無料予約システム

上は横幅いっぱいのボタンを青色にしてみました。
&button(17.無料予約システム,block,primary){無料予約システム};

Photo Flash アニメーション

更に横幅いっぱいの青のグラデーションボタンにしてみました。
&button(15.Photo Flash アニメ,block,primary,gradient,large){Photo Flash アニメーション};


戻る


上記の関連記事はお役に立ちましたか?

  • 下記に投票して戴けると嬉しく思います。
    選択肢 投票
    役に立った 5  
    役に立たなかった 1  


ご意見箱