スタイルシート(CSS)遊びのブログのトップページへ戻るには上記[タイトル]をクリック。
テンプレート一覧ページへはサイドバー内[元のページヘ!]をクリックして下さい。
200X-XX-XX Fri
200X-XX-XX Fri
このテンプレートについて
seesaaブログ用の変形3カラムCSSソースです。
共通
- CSSソースの変更のみで、XHTMLはそのまま使用出来ます。
- 全体の幅指定は#container部分で変更可能。サンプルでは[width:90%〜98%;]としています。
- サイドバー部分はほぼデフォルト[200px前後]にしてあります。
- 各種紹介されているカスタマイズ方法がそのまま利用出来ます。
- フォント指定やリンク指定はSeeSaaデフォルトです。
- 一部、手を付けていない箇所もあります。後でご自身で指定して下さい。
色付きCSSサンプル
- オリジナルデザインにどうぞ。
デフォルトテンプレート
固定幅タイプ- 全体の幅はデフォルト同様800pxです。
- ハックらしき指定は削除してあります。通常指定で十分かと,,,
- 基本的に変更しているのは段組みに関する部分のみです。
- 全体の幅は90%〜98%です。
- サイドバー部分は固定幅です。
- ハックらしき指定は削除してあります。通常指定で十分かと,,,
- 基本的に変更しているのは段組みに関する部分のみです。
200X-XX-XX Fri
少しだけ注意事項
XHTMLは変更していないので、XHTML上での並びは(記述の順番は)左サイド[#links-left]→記事→右サイド[#links]の順です。
右側にサイドコンテンツをまとめたテンプレートの場合、コンテンツページの( [デザイン]→[コンテンツ]で表示されるページ )配置と実際の配置は一致していません。
[#links-left]が一番右側に配置され[#links]が中央です。
[記事部分] [#links] [#links-left] の順です。ちなみに左タイプは [#links-left] [#links] [記事部分] の順です。
右側にサイドコンテンツをまとめたテンプレートの場合、コンテンツページの( [デザイン]→[コンテンツ]で表示されるページ )配置と実際の配置は一致していません。
[#links-left]が一番右側に配置され[#links]が中央です。
[記事部分] [#links] [#links-left] の順です。ちなみに左タイプは [#links-left] [#links] [記事部分] の順です。