アンの小箱（ブログテンプレートの配布）　記事幅の変更方法（馬と雪のテンプレート）

アンの小箱のブログへ、ようこそ♪

こちらでは、「アンの小箱」の素材を使ったFC2専用のテンプレートを作成しております。

この部分は、プラグイン3になります
プラグイン３の表示は、管理画面の「プラグインの設定」で行ってください。

「アンの小箱」のテンプレートは、申し訳ありませんが、
商用（アフェリエイト含む）のブログでの、使用を許可しておりません。
詳しくは、利用規約をごらんください。

◆テンプレート一覧

◆利用規約

◆よくある質問

--.--.--

スポンサーサイト

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

--:-- :
スポンサー広告

▲TOP

2013.12.06

記事幅の変更方法（馬と雪のテンプレート）

↑上の画像をクリックすると、サンプルが見れます。

anne_13ｈｓl_2c　テンプレート

[記事の幅の変更方法]

記事の幅は、510ピクセルから最大810ピクセルまで、
好きな幅に設定できます。
ここでは、2カラムの記事を810ピクセルにするやり方を紹介します。

↓　追記をごらんください。

「テンプレートの設定」→「anne_13ｈｓ_2c」編集
→「スタイルシートの編集」

下記赤文字の数字を
青文字の数字に変更してください。
(ここでは、300プラスしていますが、もちろん200でも100でも、任意の数を増やしてください。）

-------------------------------------------------
　　レイアウト
-------------------------------------------------

div#container {
width: 800px;
～
　　　↓
div#container {
width: 1100px;
～

div#header {
width: 800px;
～
　　　↓
div#header {
width: 1100px;
～

div#main {
float : right;
width : 510px;
～
　　　↓
div#main {
float : right;
width : 810px;
～

div#footer {
clear: both;
～
width: 800px;
～
　　　↓
div#footer {
clear: both;
～
width: 1100px;
～

3カラムの場合のみ、「レイアウト」の中の次の部分も変更してください。
div#wrapper {
width: 755px;
～

↓
div#wrapper {
width: 1055px;
～

-------------------------------------------------
　　メイン記事部分の設定
-------------------------------------------------

div.content {
text-align: left;
width: 510;
overflow: hidden;
}
　　　↓
div.content {
text-align: left;
width: 810;
overflow: hidden;
}