宮崎ロッド・Prime Time バンブーロッドPiggy's Tail

2005-03-20

タイトル用「タブ」とCSS

春分の日の「子豚のしっぽ」です。

連休なのでホームページのメンテナンスをする。「Link」をブラッシュアップ。当ホームページでイチバン何(?)なページのXHTMLをシンプルにしてみる。

さらにトップページなどのタイトル用「タブ」を、画像を使ったものに変更する。以下、その正体です。

タブの該当個所
該当するタブの部分

タブ画像
タブ用画像(tab_main.gif)チョーしんぷる

HTML

<h2 class="content-tab">Home</h2>

CSS

h2.content-tab
{
  width        : 180px;
  font-family  : Arial , Sans-Serif;
  font-weight  : bold;
  color        : #2f4f4f;
  background   : transparent url(../image_theme/tab_main.gif) center top no-repeat; /* (1) */
  padding      : 5px 3px 3px 3px;
  margin       : 0 0 0 1.0em ;
  text-align   : center;
  position     : relative;
  top          : 0.5em;
}

要約すると「h2」の背景画像に「tab_main.gif」(1)を用いている、だけのことですこの部分について、いままでは Gecko 方面向けのみに「角丸め」していました。スンマセン<誰に

追記:それぞれのスクリーンショットを更新

Posted by TM* at 2005-03-20 15:06 in Web関連 » miyazaki-rod.com | English | Permalink | 
Tagged as:

このカテゴリ以下の他の日記、メモなど

  1. Dropdown menuを(小)変更
  2. 本家ホームページのレスポンシブ化
  3. レスポンシブWebデザイン・2
  4. レスポンシブWebデザイン・1
  5. 本家日記のメンテナンス
  6. 宮崎ロッドのFacebookページです。
  7. 日記に Facebook のいいね!ボタンを付けてみる
  8. リンクをタブのように見せるCSS
  9. アーカイブスを折りたたみ表示に
  10. blosxomをアレコレ

Tags

ATH (7), css (34), delight (25), facebook (39), firefox (15), google (5), html (11), maiking-delight (10), memo (62), netscape (7), NO TRUNKS (7), SEO (8), spam (15), twitter (7), war (11), WE LIVE HERE (11), いろいろ (18), うどん (6), お知らせ (5), やきとり (6), イベント (44), イワナ (7), カゲロウ (5), カディス (7), カレー (10), カワゲラ (12), キャス練 (29), ギター (5), クラフト (6), ゲイリー・スナイダー (5), ゲイリー・バートン (5), ジャズ (167), スナップショット (5), スパゲッティ (7), ソウル (19), ソフトウェア (21), ソロー (5), タラノメ (9), チック・コリア (7), ニジマス (5), ハンドクラフト展 (12), バイク (9), バジル (7), バンブーロッド (5), パイプ (5), パット・メセニー (6), ビル・エヴァンス (17), ピアノ (28), フライ (59), フライタイイング (13), フライライン (5), メモ (202), ヤマメ (16), ランディングネット (25), ラーメン (9), リールシート (7), ロッドメイキング (10), 人物 (41), 出来事 (12), 大雪 (5), 奥多摩 (64), 奥多摩川 (32), 小菅川 (76), 小菅川冬季ニジマス釣場 (15), 山菜 (6), 新年 (16), 更新 (41), 東京トラウトカントリー (5), (10), 水生昆虫 (12), 渓流フライ教室 (28), (40), 田渕義雄 (5), 矢野シルクライン (7), (22), 読書 (53), 道志川 (6), 選挙 (6), (20), 雑感 (176), 雑誌 (7)