カテゴリーメニューをタイトル下に並べる
ブログの便利な機能「カテゴリ分け」
写メール日記を見に来てくれた知り合いに、スキン編集のブログは興味が無いだろうけど、カテゴリメニューがサイドにあると、スクロールがちょっと面倒な気がして。 (ちゅんのすけが一番めんどくさがってるかも/笑)
そこでタイトル画像の下に、カテゴリメニューと、ついでにユーザーメニューも並べてみた。
やり方は、カテゴリ毎にアドレスが分かれているので(アドレスの最後が、i1・i2 とかなってます) そのアドレスにリンクを貼ってやるだけ。
ターゲット指定を書かなくても、ちゃんと本文の位置に表示がされたので、ホッとした(笑)
テーブルのボーダーをわざわざ表示させて、TOP部分のセルがどうなってるのか見てから、ヘッダー属性のついてるテーブルの下に、横に3つ、幅が15%・70%・15%のセルを並べてみた。 ( 幅100%のセル1つでボーダー枠を利用したラインを入れると、端から端までラインが走り、上下がぷっつり切れた感じになるし、ラインなしだと落ち着かないし・・・と悩んだ結果3つに分けてみた )
このままだとCSSのヘッダー部分の属性になってしまうので、CSSにヘッダー2を作り、中央のセルの上下のボーダー表示、テキストの色、サイズ、位置などの属性を指定。
<$adminmenu type=1$>(ユーザーメニューのタグ)もここへ挿入。
IEで確認したらバッチリ!・・・と思ったらFirefoxではカテゴリメニューが右端の方に、しかも縦に並んでまっせ! ヒイィィ!!(゜ロ゜ノ)ノ
慣れたからといって頭の中で組み立てるだけでは、一度でうまくいくもんじゃないですね(^^;
結局、テーブルタグのミスなのかな。
タイトル画像の下に、<tr><td>でセルの列を入れようとしたのに、なぜかヘッダーの下ではなくて上にセルが出来てた。なんで???と出来上がった今でも不思議(笑)
テーブルタグや、セルの連結とか苦手だけど、必死で「ここにTRがあるから、横行で・・TDが3つだからセルが横に3つで・・・」と一つ一つ確認しながら、なんとか目的達成。
今度はIEでもちゃんと狙い通りでよかった。
あとでもう一回タグ見直して、なんでレイアウトか崩れてたか理解しないとね・・・。
写メール日記を見に来てくれた知り合いに、スキン編集のブログは興味が無いだろうけど、カテゴリメニューがサイドにあると、スクロールがちょっと面倒な気がして。 (ちゅんのすけが一番めんどくさがってるかも/笑)
そこでタイトル画像の下に、カテゴリメニューと、ついでにユーザーメニューも並べてみた。
やり方は、カテゴリ毎にアドレスが分かれているので(アドレスの最後が、i1・i2 とかなってます) そのアドレスにリンクを貼ってやるだけ。
ターゲット指定を書かなくても、ちゃんと本文の位置に表示がされたので、ホッとした(笑)
テーブルのボーダーをわざわざ表示させて、TOP部分のセルがどうなってるのか見てから、ヘッダー属性のついてるテーブルの下に、横に3つ、幅が15%・70%・15%のセルを並べてみた。 ( 幅100%のセル1つでボーダー枠を利用したラインを入れると、端から端までラインが走り、上下がぷっつり切れた感じになるし、ラインなしだと落ち着かないし・・・と悩んだ結果3つに分けてみた )
このままだとCSSのヘッダー部分の属性になってしまうので、CSSにヘッダー2を作り、中央のセルの上下のボーダー表示、テキストの色、サイズ、位置などの属性を指定。
<$adminmenu type=1$>(ユーザーメニューのタグ)もここへ挿入。
IEで確認したらバッチリ!・・・と思ったらFirefoxではカテゴリメニューが右端の方に、しかも縦に並んでまっせ! ヒイィィ!!(゜ロ゜ノ)ノ
慣れたからといって頭の中で組み立てるだけでは、一度でうまくいくもんじゃないですね(^^;
結局、テーブルタグのミスなのかな。
タイトル画像の下に、<tr><td>でセルの列を入れようとしたのに、なぜかヘッダーの下ではなくて上にセルが出来てた。なんで???と出来上がった今でも不思議(笑)
テーブルタグや、セルの連結とか苦手だけど、必死で「ここにTRがあるから、横行で・・TDが3つだからセルが横に3つで・・・」と一つ一つ確認しながら、なんとか目的達成。
今度はIEでもちゃんと狙い通りでよかった。
あとでもう一回タグ見直して、なんでレイアウトか崩れてたか理解しないとね・・・。
by suzume-ya3
| 2004-11-17 23:37
| スキン編集