スポンサーサイト

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

[ --/-- ] スポンサー広告 | トラックバック(-) | コメント(-)

改造前から大外枠と中の幅が合っていなくて右に隙間ができる…[3]

A.
ヤプログのシステム改変により3カラムフリースキンの幅が微妙に変更になりました。
ですが、どうやらヤプログさん失敗?というより変更を忘れている箇所がようで記事を書き込むと記事幅が広がって全体との横幅があわなくなっているようです。
メインテンプレート、アーカイブテンプレート、1記事テンプレート、スタイルシートを変更すると直ります。
以下、変更方法です。


1.
スタイルシートの28~39行目付近に
.range
{
BORDER-RIGHT: #f99 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #f99 1px solid;
PADDING-LEFT: 0px;
BACKGROUND: #fff;
PADDING-BOTTOM: 0px;
BORDER-LEFT: #f99 1px solid;
PADDING-TOP: 0px;
BORDER-BOTTOM: #f99 1px solid
}
と、いうのがあります。

2.
1.を…
.range
{
BORDER-RIGHT: #f99 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #f99 1px solid;
PADDING-LEFT: 0px;
BACKGROUND: #fff;
PADDING-BOTTOM: 0px;
BORDER-LEFT: #f99 1px solid;
PADDING-TOP: 0px;
BORDER-BOTTOM: #f99 1px solid
;
width: 780px;

}

と、赤文字のところを書き加えます。

変更前の下から2行目『BORDER-BOTTOM: #f99 1px solid』の最後に ; を書き加えるのを忘れないようにしましょう。

3.
スタイルシートの76~90行目付近に
.blog_description
{
MARGIN: 0px auto 0px 0px;
PADDING-LEFT: 20px;
padding-right:20px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 7px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 7px;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f99
}

と、いうのがあります。

4.
3.を…
.blog_description
{
MARGIN: 0px auto 0px 0px;
PADDING-LEFT: 20px;
padding-right:20px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 7px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 7px;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #f99
;
width: 780px;

}

と、赤文字のところを書き加えます。

変更前の下から2行目『BACKGROUND-COLOR: #f99』の最後に ; を書き加えるのを忘れないようにしましょう。

5.
スタイルシートの99~107行目付近に
.entry
{
BORDER-RIGHT: #f99 1px solid;
BORDER-TOP: #f99 1px solid;
MARGIN: 10px;
BORDER-LEFT: #f99 1px solid;
BORDER-BOTTOM: #f99 1px solid;
width: 380px;
}

と、いうのがあります。

6.
5.を…
.entry
{
BORDER-RIGHT: #f99 1px solid;
BORDER-TOP: #f99 1px solid;
MARGIN: 10px;
BORDER-LEFT: #f99 1px solid;
BORDER-BOTTOM: #f99 1px solid;
width: 410px;
}

このように赤文字ところを380pxから410pxに変更します。

7.
スタイルシートの128~137行目付近に
.entry_text
{
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;

FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 5px;
COLOR: #333;
PADDING-TOP: 5px
}

と、いうのがあります。

8.
7.を…
.entry_text
{
PADDING-RIGHT: 4px;
PADDING-LEFT: 4px;

FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 5px;
COLOR: #333;
PADDING-TOP: 5px
}

このように赤文字ところを5pxから4pxに変更します。

9.
メインテンプレート、アーカイブテンプレートの14行目、1記事テンプレートの15行目付近に
<table align="center" cellpadding="0" cellspacing="0"
border="0" class="range" width="
760">
と、いうのがあります。

10.
9.を…
<table align="center" cellpadding="0" cellspacing="0"
border="0" class="range" width="
780">
このように赤文字ところを760から780に変更します。

11.
メインテンプレート、アーカイブテンプレートの19~24行目、1記事テンプレートの20~25行目付近に
<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="blog_description"><h2>{$BlogDescription$}</h2></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0"
width="
760">
と、いうのがあります。

10.
9.を…
<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="blog_description"><h2>{$BlogDescription$}</h2></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0"
width="
760">
このように赤文字ところを760から780に変更します。
スポンサーサイト
[ 08/02 ] [レイアウト(全体)]3カラムpink | トラックバック(-) | コメント(-)

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