2005年11月 6日

レイアウト枠(外枠、枠組)を作成する

ブログカスタマイズ講座 > レイアウト編

パーマリンク | 投稿者 りっち | 2005年11月 6日 01:23 | del.icio.usに追加 | livedoorクリップに追加
はてなブックマーク はてなブックマークに追加 はてなブックマーク件数 | Yahoo!ブックマークに登録 Yahooブックマークに登録



トラックバック

このエントリーのトラックバックURL:

コメント

css指定の最後で
何故
#right { width : 800px; }
をいれるのかわかりません。

投稿者 ee : 2005年11月 9日 18:48

最後の「#right」は、「#footer」の記述間違いですので、
早急に訂正しました^^
ご指摘ありがとうございます。

投稿者 りっち : 2005年11月 9日 23:06

全くの初歩的質問で申し訳ないのですが、MovableType 3.2 のアップロードしてあるどのフォルダのどのファイルを書き換えればよいのでしょうか?, htmlもcssファイルもいくつかあり躊躇して手がだせません。よろしく

投稿者 田中 : 2006年6月 8日 14:33

3カラム化のカスタマイズする場合は、サーバー上のファイルを書き換える必要はありません。
管理画面にログインして、「スタイルシート」「メインページ」「カテゴリーアーカイブ」「個別エントリーアーカイブ」「日付アーカイブ」などのテンプレートを編集してください。

投稿者 りっち : 2006年6月 9日 21:52

いつも拝見させていただいてます。
余りの初心者なので恐縮です。

 <HTML の記述例>と<CSS の記述例>はどこを編集すればよいのでしょうか。
HTMLを検索しての部分から差し替えれば済むということではなさそうと予想したのですが、全く分かりません。

 HTMLとかを自分で3カラムとかに変更すると、公式の編集機能って使えなくなるのでしょうか。

もしよろしければ教えてください。
よろしくお願いします。

投稿者 カカシ : 2007年2月 5日 05:35

CSSはそのまま貼り付ければいいのでしょうか。
繰り返し基本的な質問を申し訳ありません。

投稿者 カカシ : 2007年2月 5日 13:35

いじりだして10時間ぐらい過ぎました。なんとなくですが、分かってきたようなのでもう少し一人でやってみます。

投稿者 カカシ : 2007年2月 5日 20:30

FC2ブログの場合、管理画面の「テンプレート設定」から編集しますので、公式の編集機能が使えなくなるということはありません。
詳しい編集方法は、下記の記事を参考にしてください。

「FC2ブログのカスタマイズ方法」
http://blog.info-rich.jp/archives/2005/10/fc2_4.html

また、CSSの記述例は、使用しているブログのテンプレートによって異なってきますが、基本的な考え方は、この記事の記載内容のようになります。
例えば、左サイドバーの場合は、<div id="left"></div>で囲って、cssの #leftで幅や回り込み等を指定します。
但し、既に、左サイドバーを <div id="xxx"></div>等で囲っているテンプレートの場合は、<div id="left"></div>を追加しなくても、既にあるcssの #xxx、.xxx等で指定します。

使用しているブログテンプレートのセレクタやクラス(id="xxx"、claas="xxx")等が、どの部分を指すのか分からない場合は、下記のツールを使用すると、赤枠で表示することができますので、活用してくださいね。

http://style.yarea.net/

投稿者 りっち : 2007年2月 5日 21:14

お返事ありがとうございます。
参考にしてやってみます。

投稿者 カカシ : 2007年2月 7日 17:32

 それなりの形にはなってきたと思うのですが、まだまだ上手くいきません。
 今は設定を反映していませんがこんな感じです。
http://dandy0704.blog68.fc2.com/blog-entry-59.html#more

 バイトと睡眠、食事以外ずっとHTMLとCSSとのにらめっこです。
 さらに前に紹介していただいた「狸のしっぽ」なんですけども、ポップアップ表示のブロックさえも出てきてくれませんでした。すごい向かい風です。ww

 一体いつになったら完成するのやら。OTL

最後に一言だけ。

  「自分、不器用ですから。」

投稿者 カカシ : 2007年2月 8日 14:51

何度もすいません。
bodyとcontainerは何のために、と言うと変かもしれませんが、何の違いがあるのでしょうか。

知人にも基礎からやれと言われているのに恐縮です。( iдi )

投稿者 カカシ : 2007年2月17日 22:59

この記事の、STEP1「3カラムレイアウト(固定幅)の構造図」を例として説明すると、
bodyは、ページ全体で、
containerは、レイアウト全体(赤枠)です。

CSSを編集する際に、ページ全体に適用するには、bodyの部分を編集し、
レイアウト全体(赤枠)に適用するには、containerの部分を編集します。

例えば、当ブログのように、レイアウト全体の幅を800pxにするには、containerの部分を編集します。

投稿者 りっち : 2007年2月18日 22:39

お世話になってます。
思いつきで4時間弱かけて何とか実行したらちょっとは進歩しました。ありがとうございます。

投稿者 カカシ : 2007年5月 9日 15:56

コメントしてください




保存しますか?

(書式を変更するような一部のHTMLタグを使うことができます)



アクセス解析