INDEX    RSS    ADMIN

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

タイトル下部のカテゴリーリンク作成

前々から作りたかったものをようやく作ってみました。
各カテゴリーに振り分けたリンクボタンです。



専門家の作るウェブサイトにはホームページのタイトル下部によく各カテゴリー別に
振り分けられたタブメニューが設置されています。
見ていてどうやって作っているんだろう…と気になっていた方もいると思います。

Tableタグやスタイルシートを使ったり、画像にリンクを指定したりして作られています。
ボタンの背景色にグラデーションが欲しかったので今回は画像を使って作りました。
なんだか少しプロっぽいデザインになったような気がします。(笑)
各パーツ(gif)は画像編集ソフトやグラフィック編集ソフトを使うと簡単に作成できます。

サイト全体のサイズから各パーツの大きさを決定して
Adobe Illustratorで自作しました。

マウスのカーソル(ポインタ)を合わせた時にパーツの色を変えるにはJavaScriptを
使います。(スタイルシートでも作成は可能?)
色違いの2つの画像パーツをそれぞれのパターンに指定して作成するみたいです。
JavaScriptのソースは各ホームページ作成支援サイトで参考にしてみて下さい。

(参考サイト)
TAG index > JavaScript > ポイント時に画像を切りかえる(1)
eweb > Webデザインテクニック > マウスを上に置くと画像を入れ替える
無料ブログ テンプレート カスタマイズ > オブジェクトの背景色を変化させる (DHTML)

上手く表示されるようにもう少し頑張ってみます。

イラストレーターをオンライン価格で簡単見積!
スポンサーサイト

コメント

テスト

送信ボタンのテストです。
非公開コメント

プロフィール

nano

Author : nano
ホームページ作成からウェブニュースまでインターネットに関連した記事を不定期で更新中。IT技術の進化とともに便利になるサービスやシェア・フリーソフト、アフィリエイトサービス、ホームページ作成ツールなどについて書いてます。情報は遅れています(笑)

はてなブクマの人気エントリ

最近のトラックバック

最近のコメント一覧

タグクラウド

Archive Calendar

Sun Mon Tue Wed Thu Fri Sat
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -

バックナンバー

モバイル

携帯電話でQRコードを解析すると外出先からも簡単にブログを見ることが出来ます。

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。