Page 2 of 5 CSS Sprites 設定編
CSS Sprites の設定ですが…この際だからサイト全体を…という方は…
Tonttu/テンプレート編集に必須な「CSS Sprites」作成ツールの使い方と「HTML」マークアップ
Google Bloggerで絵文字を使うためのTips【CSS Sprites 編】
とりあえずタブメニューだけ…という方は…
Bloggerの共有ボタンを自作ソーシャルブックマークボタンと入れ替える方法と必要性
を…それぞれ参照してお好きなサイズ、色で構築してください…
各階層の画像サイズは階層毎にお好きなサイズで統一してください…
Sepia Memories on YouTube
…のタブメニュー画像の1階層目は…
カテゴリー別に 80x30 で…
「マウス ON 時の画像」「マウス OFF 時の画像」を登録しています…
タブメニュー画像の2階層目以降はページ読み込み時には非表示部分で…
透過を使ってマウスの ON / OFF を表現していますので…
90x20 の１種類だけで OK です…
画像作成には… OS 標準のソフトや GIMP などのフリーソフトでも勿論良いですが…
特化した機能のフリーソフトが手早く作れてお便利です…
「logo 画像作成」などで検索すれば色々出てきます…
タブメニューの画像サイズは自由に設定出来ますから…
近頃よく見かける 3D & 鏡面反射などでも簡単に作成出来ますので…
クールな目立つタブメニューにしたい方は…
チャレンジしてみてはいかがでしょう…
自分のイメージ通りのサイトに仕上げるためにも…
この際だからロゴ画像とタブメニュー画像を…
ヘッダーを含めてデザイン、レイアウトする事をお奨めします…
次項はタブメニューの CSS についてです…
0 Comments :
View Comments :: Click!!
0 Comments :
Post a Comment :: Click!!
コメントを投稿