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に変更します。