みゅうぞーさんへ

画像


こんばんは☆
BOSSさんのところでコメントをお見かけして、このブログを書いています。
お節介でしたら申し訳ありません

BOSSさんが仰っていた
トップ、記事ページ共にサイドバーもしくは幅の設定がお済になっておりません
についてです。
以下の画像(右クリック→「新しいタブで画像を開く」で拡大表示)で、
みゅうぞーさんが拡大なさったのは「ブログ幅」であり、
記事幅」はまだお済みではないのではないでしょうか。
画像


★━━━━━━━━━━━━━━━━━━━━★

ブログ幅」を設定するには、CSSにおいて以下の2個所を変更します。
(これはたぶんお済みですよね)

【ひとつめ】全てのブログページの「ブログ幅」(メイン部分)を変える

/*----------------------------------------------*/
/* 共通スタイル */
/* (トップ、月別、テーマ別、記事ページ共通) */
/*----------------------------------------------*/



/* コンテナ(広告・フッタを除くメイン領域) */
#container{
}

に、「width:■px;」(■にはお好きな数字を)を入れる。
私は以下のように、900に設定してあります。

/* コンテナ(広告・フッタを除くメイン領域) */
#container{
width:900px;
}

【ふたつめ】全てのブログページの「ブログ幅」(フッタ部分、つまり下部)を変える

同じく

/*----------------------------------------------*/
/* 共通スタイル */
/* (トップ、月別、テーマ別、記事ページ共通) */
/*----------------------------------------------*/



/*-------------- ページフッタ領域 --------------*/
#footer{
}

に、「width:■px;」(■にはお好きな数字を)を入れる。
私は以下のように、900に設定してあります。

/*-------------- ページフッタ領域 --------------*/
#footer{
width:900px;
}

★━━━━━━━━━━━━━━━━━━━━★

記事幅」を設定するには、CSSにおいて以下の2個所を変更します。

【ひとつめ】記事ページ以外の全てのページの「記事幅」を変える

/*----------------------------------------------*/
/* トップ、月別、テーマ別ページ */
/*----------------------------------------------*/



/*------------------ 新着記事 ------------------*/
#contents{
}

に、「width:■px;」(■にはお好きな数字を)を入れる。
私は以下のように、530に設定してあります。

/*------------------ 新着記事 ------------------*/
#contents{
width:530px;
}

【ふたつめ】記事ページの「記事幅」を変える

/*----------------------------------------------*/
/* 記事ページ */
/*----------------------------------------------*/



/*-- ブログ(記事+トラックバック+コメント) --*/
#blog{
}

に、「width:■px;」(■にはお好きな数字を)を入れる。
私は以下のように、500に設定してあります。

/*-- ブログ(記事+トラックバック+コメント) --*/
#blog{
width:500px;
}

★━━━━━━━━━━━━━━━━━━━━★

こんな感じで、CSSの4か所を設定することではじめて、
BOSSさんの企画の「ブログ幅を広げる = 50ポイント」が完了となります。
■にはいる数字は、ご自身のブログでどんな感じになるか見つつ、
調整してみてください。

私もCSS編集は今回が初めてで、けっこう四苦八苦してます
BOSSさんも、「ここ分からないです、どうしたらいいでしょう?」と訊ねれば、
お答えくださる方ですし、
私も分かる範囲であれば及ばずながらお答えできますので、
どうぞご遠慮なくどうぞ

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 19

なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー)
驚いた 驚いた
面白い 面白い
ナイス ナイス ナイス ナイス
ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!)
かわいい かわいい

この記事へのコメント

みゅうぞー
2015年06月13日 13:57
こんにちは
わざわざ私のようなもののためにご親切に
記事まで作成して頂きありがとうございました
記事幅の所に
width: 580px;と
既に入力してあったので
私なりに変更していたのかもしれません。
ただ元の数値が何pxなのかわからずに
参考にしたサイトの数値をそのまま入力したので
変更されていなかったのかもしれません。
先程七リィさんの記事を
参考に530pxに変更させて頂きました。

ありがとうございました。
少し救われた気分です。
2015年06月14日 04:29
こんばんは☆
少しでもお役に立てましたなら、
これほど嬉しいことはありません (´∀`*)

今回は企画のほう、
途中でストップとなってしまったようですね…;
せっかくお知り合いになれたので、
残念な気持ちがしています><
もしよろしければ、ニコタのほうのページにも
お気軽にお立ち寄り頂けたら嬉しいです。

400ポイント、
せっかくですから使わせて頂くと良いですよ!
色んなアイテムを選ぶことができますから♪

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