今月のピックアップ - あなたのサイトに相互リンクシステムを! / 相互リンクのtooland

SeesaaブログリキッドレイアウトCSS

2008-05-08 Thu

SeeSaaテンプレート[ライトグレー(両)]改-可変幅

サンプル- ライトグレー[改]-リキッドレイアウト-3カラム

ダウンロード- ライトグレー[改]-リキッドレイアウト-3カラム


このCSSソースは、SeeSaaブログデフォルトテンプレートの[ライトグレー/両サイドバー]をリキッドレイアウトに組み換えたものです。

簡易説明

  • CSS記述の整理はしていません。
  • 可変の仕組みにしただけで、その他はデフォルト値です。
  • 全体の横幅は98%にしてあります。
  • サイドバー部分は固定幅(デフォルト値)です。
  • 横幅変更の方法については横幅の変更方法を参照して下さい。
    デフォルトで背景に画像を使用しているものがあります。よって、サイドバーの幅はあまり変更しない方がよいと思われます。
  • 固定幅への変更方法については横幅の変更方法(固定幅)を参照して下さい。

タグ-[ テンプレート ]

[ 人気ブログランキングへ ] [ SeesaaブログリキッドレイアウトCSS ] [ Comment(5) / TrackBack(0) ] [ ▲Top ]

データベースを用いた一覧表示サイトをまるごと簡単に作れる!

儲かりすぎ注意!アフィリエイトで儲かっている方は絶対にクリックしないで下さい!

ラブコスメティック

セクシャルヘルスケア商品の詳細・購入はこちら

シックス・アパート

企業サイトもPingoo!でアクセスUP

ブログ記事を投稿するだけで原稿料を貰える

わずか10秒程度でホームページの問題点が丸裸に!UNFINISHED無料ホームページ診断

▲Page Top

この記事へのコメント

Seesaaのグレーのテンプレートを可変幅(両側サイドバー)に変更したこちらのテンプレートを使わせていただきたく、ダウンロードいたしました。文字の色を変更した以外は特に手を加えていないのですが、blogのカテゴリー別表示にすると、右のサイドバーが下方に移動してしまい、一部の記事の表示にフォント崩れが生じてしまいます。どの部分の設定を訂正すればよいのかご教示いただけると幸いです。
Posted by trefle at 2008年10月21日 05:39
前のコメントに付けたしです。カテゴリー別表示の中でも正しく表示されるものとされないものがあります。原因は不明です。
全ての記事は他のブログ(so-net)で作成したものをインポートして来たものです。
Posted by trefle at 2008年10月21日 06:17
trefle様

ご質問の件ですが、CSSの方には特に問題はなさそうでしたので、ブログの方を拝見させていただきました。

so-netからのインポートという事ですが、タグが上手くインポートさてれいないか、或いは、単純なタグの指定忘れなのか分かりませんが、一部の記事で不要タグがあります。その記事を含め、タグの閉じ忘れがエントリーしているカテゴリーページ、アーカイブページ等はレイアウトが崩れます。

具体的な修正方法は、単純に記事を書きなおす他ないような,,,,レイアウトを崩しているページを見つけるのが大変ですが。

時間がなくあまり詳しく調べていませんが、タグ指定ミスが大きな原因ではないかと思います。

参考までにhttp://letrefle.seesaa.net/article/108364165.htmlページでは写真の後の文章に開始タグ[div]がありません。(もしくは不要なdiv終了タグが記述されています。)
Posted by 管理人 at 2008年10月21日 09:55
管理人様

早速のご回答有り難うございます。
ご指摘通りだと思います。レイアウト崩れを起こしているページを探すのが大変ですが、心当たりがある箇所もあるので訂正してみます。

ありがとうございました。

Posted by trefle at 2008年10月21日 18:04
両サイドバーで可変幅のテンプレートを探していたところ、本ブログにたどり着き、
本ページのテンプレートを使用させていただきました。


http://mathblog.seesaa.net/
▲高専から東北大学へ編入した学生のブログ(トップページ)

以下のページにリンクを掲載いたしました。

http://mathblog.seesaa.net/article/128406396.html
▲紹介記事

役立つテンプレートを提供していただき、本当にありがとうございました。
Posted by math at 2009年09月20日 09:59

コメント

お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

▲Page Top

最近の記事

簡単にリンク集が作成できる便利ツール (04/05)

その他のリンク (08/29)

SEO見直し完了 (06/03)

SEO実施 (06/02)

ボックスモデルを理解する (05/31)

SeeSaaブログ用テンプレート11 (05/30)

オリジナルテンプレート10の訂正 (05/29)

SeesaaSEO的<h1>そのA (05/28)

SeesaaSEO的<h1>その@ (05/28)

SeeSaaブログ用テンプレート10 (05/28)

最近のコメント
最近のトラックバック
×

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