てんぽ: 素敵なテンプレ

CSSやHTML、FC2ブログのカスタマイズ、共有テンプレートなど

素敵なテンプレ

2005年11月20日(日)

pinoさんのぴの競馬がリニューアルされた。かっこいい。

  • 個別記事では記事タイトルをh1要素とする。
  • 複数の記事とナビゲーションが同じ文書内にある場合、記事群の上位に見出し要素(Latest Entriesなど)を置く。
  • モードごとに内容を切り替える。

これらは[chameleon]の設計思想と同じですが、より洗練された印象です。

[chameleon]はタブ風メニュー付の「枠」があり、しかもモードごとにその色を変えるというのが特徴ですが、 この「枠」のせいで枠内のレイアウトが難しかったり(現状には満足していない)、色が変わる(CSSで変える)せいでタブに画像を使えず、また、枠内では無彩色しか安心して使えなかったり、という問題を抱えていました。

pinoさんのテンプレにはそういう問題もなく、[chameleon]から「枠」を取り除いたらこんな感じになるのかなぁという、ひとつの理想形を見たような気がします。以下は感心した点について。

  • 記事頭出しのページ内リンクにおける工夫(padding-top)。
  • Searchモードへの移行方法と<%sub_title>の使い方。
  • 縦スクロールが不要なほどページが短くなった場合(Searchモード時など)にも不自然にならないレイアウト。

スパゲッティ・シンドロームの塊みたいな[chameleon]は暇なときにまた修正したい。

#54
カテゴリ:FC2ブログ
タグ[ FC2ブログ 共有テンプレート ]

(3件)

pino:Re: 素敵なテンプレ

有難う御座います、というか驚きです(^^;)
>ページが短くなった場合
共有のPlugin対応を考えたら難しいですよね。元々自分用に作ったので..。逆に人が使うのを前提に作成となると「制限が多くて思うように出来ない」という事も解りました(今頃かよ!)。検索窓は置き場に困ってしまい(サイドバーは選択肢に無い)、悩んだ結果リンクにした訳ですが、正直chameleonの真似しました(^^;)

  • 2005年11月20日(日)21:51:19
  • URL
  • 編集
みりばーる:こんにちはpinoさん

>検索窓は置き場に困ってしまい(サイドバーは選択肢に無い)
普通にページ右上のスペースでもいいと思います。検索窓は常に見えるところにあるほうが安心できるので。
chameleonの場合はタブ3つじゃ物足りないから検索もタブに組み込んだという裏事情が……。

ところで(●´Å`)がかわいくていいですね。「分身」は笑いました。

  • 2005年11月21日(月)20:00:43
  • URL
  • 編集
pino:なるほど

確かに三つと四つでは大分印象違いますね。
分身の術見てましたか!笑。(●´Å`) <winじゃないとブサイクになるのが悩みです

  • 2005年11月21日(月)21:13:03
  • URL
  • 編集
コメントの投稿

トラックバック(0件)

http://mb.blog7.fc2.com/tb.php/54-89025543

<<注文の多いクライアント | URLは短く>>

Utilities

おすすめ

セオリー・オブ・スタイルシート (Quick Master of Web Technique)
「ボックスと視覚整形モデル」の詳細な解説が圧巻。→関連記事
Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト
正しい仕様の解説から実践的なレイアウトテクニックまで網羅。→関連記事
詳解HTML&XHTML&CSS辞典 第3版
信頼できる辞典型解説書の筆頭。

広告