200X-XX-XX Fri

Welcome!スタイルシート(CSS)遊びのブログ

スタイルシート(CSS)遊びのブログのトップページへ戻るには上記[タイトル]をクリック。

テンプレート一覧ページへはサイドバー内[元のページヘ!]をクリックして下さい。

posted by HN-サンプル at 10:54 | Comment(50) | TrackBack(20) | カテゴリ名

200X-XX-XX Fri

このテンプレートについて

seesaaブログ用の変形3カラムCSSソースです。

共通

  • CSSソースの変更のみで、XHTMLはそのまま使用出来ます。
  • 全体の幅指定は#container部分で変更可能。サンプルでは[width:90%〜98%;]としています。
  • サイドバー部分はほぼデフォルト[200px前後]にしてあります。
  • 各種紹介されているカスタマイズ方法がそのまま利用出来ます。
  • フォント指定やリンク指定はSeeSaaデフォルトです。
  • 一部、手を付けていない箇所もあります。後でご自身で指定して下さい。

色付きCSSサンプル

  • オリジナルデザインにどうぞ。

デフォルトテンプレート

固定幅タイプ
  • 全体の幅はデフォルト同様800pxです。
  • ハックらしき指定は削除してあります。通常指定で十分かと,,,
  • 基本的に変更しているのは段組みに関する部分のみです。
リキッドレイアウトタイプ
  • 全体の幅は90%〜98%です。
  • サイドバー部分は固定幅です。
  • ハックらしき指定は削除してあります。通常指定で十分かと,,,
  • 基本的に変更しているのは段組みに関する部分のみです。
posted by HN-サンプル at 10:54 | Comment(50) | TrackBack(20) | カテゴリ名

200X-XX-XX Fri

少しだけ注意事項

XHTMLは変更していないので、XHTML上での並びは(記述の順番は)左サイド[#links-left]→記事→右サイド[#links]の順です。

右側にサイドコンテンツをまとめたテンプレートの場合、コンテンツページの( [デザイン]→[コンテンツ]で表示されるページ )配置と実際の配置は一致していません。

[#links-left]が一番右側に配置され[#links]が中央です。
[記事部分] [#links] [#links-left] の順です。ちなみに左タイプは [#links-left] [#links] [記事部分] の順です。

続きを読む

posted by HN-サンプル at 10:54 | Comment(50) | TrackBack(20) | カテゴリ名