2006年01月 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

2006年01月22日

Seesaa BLOGのタグ構成 [全体]

カスタマイズの際に分かったことなど。とりあえずメモしておきます。

Seesaa BLOGのタグ構成

body(=ページ全体)
↓#container(=コンテンツ全体囲み)
#banner(=ヘッダー)
#links-left(=左メニューバー)#content(=メイン)#links(=右メニューバー)
#footer(=フッター)


基本的なレイアウトがは上のような感じで構成されている。(3カラムテンプレートの場合。)

「新着記事」「過去ログ」「カテゴリ」etc...といった各項目は上のタグ内に下記(例)のように各々配置されることになります。

#container(=コンテンツ全体囲み)
#banner
[ブログ名]→H1
[ブログ説明]→.description
#links-left
[項目@タイトル]→.sidetitle
[項目@内容]→.side

[項目Aタイトル]→.sidetitle
[項目A内容]→.side

[項目Bタイトル]→.sidetitle
[項目B内容]→.side
#content
[項目Cタイトル]→.sidetitle
[項目C内容]→.side

-----記事---------
[同日囲み]→.blog

[日付]→.date / H2
[記事囲み]→.blogbody
[記事タイトル]→.title / H3
[記事本文]→.text
[posted by]→.posted
#footer
[項目Dタイトル]→.sidetitle
[項目D内容]→.side


上の図で分かる通り、「記事」や「カレンダー」などの一部を除く各項目は「.sidetitle」「.side」で一括管理されている。

ちなみに「.sidetitle」「.side」で一括管理されている項目を更に細かくカスタマイズしたい場合(例えば「項目@」と「項目A」のデザインを別にしたい場合など)は、各項目のHTML編集機能を使えば差別化が可能。→ 後日詳しく書きます。
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバック
Valentine
スタイルカタログ035
NomotoKaira_125x125.jpg
プロの愛用品
ipodphone_125-125.gif
Yuzu_125x125.jpg
nibook_125-125.gif
iLife06
shuffle04_125_125
Silentpoets_125x125.jpg
Bjork_125x125.jpg
アトリエカタログ DEC.
バナー
nmacmini_125-125.gif
ipodnano_125-125.gif
ipodacc_125-125.gif
スタイルカタログ023
iMac(intel)
100BestClassic_125x125.jpg
ipod_125-125.gif
UA_125x125.jpg
mmouseb_125-125
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。