桜行灯 ヤプログ改造講座FAQ！(仮)

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行目、１記事テンプレートの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行目、１記事テンプレートの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に変更します。

1.
スタイルシートの
113〜119行目付近
.inner {
margin:0px;
width:240px;
font-size:10px;
word-break:break-all;
overflow:hidden;
}

174〜179行目付近
.entry {
width:550px;
border-top:#336699 1px solid;
border-right:#336699 1px solid;
border-bottom:#336699 1px solid;
}

205〜210行目付近
.entry_comment {
width:520px;
margin:0 auto 15px 9px;
text-align:left;
padding:0;
}

241〜249行目付近
.txt {
width:500px;
margin:3px 22px 7px 22px;
line-height:1.5em;
overflow:hidden;
text-align:left;
word-break:break-all;
font-size:12px;
}

286〜290行目付近
#comment_preview{
width:260px;
word-break:break-all;
overflow:hidden;
}

294〜299行目付近
.side {
width:240px;
margin:10px 0px 15px 0px;
padding:0px 0px 5px 0px;
text-align:center;
}

313〜328行目付近
.side_text {
width:220px;
overflow:hidden;
word-break:break-all;
margin:5px auto 3px 10px;
text-align:left;
}
.func {
width:240px;
overflow:hidden;
word-break:break-all;
margin:10px 0px 15px 0px;
padding:0px 0px 5px 0px;
text-align:center;
}
351〜354行目付近
.calendar_bg {
width:200px;
margin:10px 30px 10px 30px;
}

と、いうのがあります。

2.
1.を…
113〜119行目付近
.inner {
margin:0px;
width:auto;
font-size:10px;
word-break:break-all;
overflow:hidden;
}

174〜179行目付近
.entry {
width:auto;
border-top:#336699 1px solid;
border-right:#336699 1px solid;
border-bottom:#336699 1px solid;
}

205〜210行目付近
.entry_comment {
width:auto;
margin:0 auto 15px 9px;
text-align:left;
padding:0;
}

241〜249行目付近
.txt {
width:500px;
margin:3px auto 7px 10px;
line-height:1.5em;
overflow:hidden;
text-align:left;
word-break:break-all;
font-size:12px;
}

286〜290行目付近
#comment_preview{
width:auto;
word-break:break-all;
overflow:hidden;
}

294〜299行目付近
.side {
width:auto;
margin:10px 0px 15px 0px;
padding:0px 0px 5px 0px;
text-align:center;
}

313〜328行目付近
.side_text {
width:auto;
overflow:hidden;
word-break:break-all;
margin:5px auto 3px 10px;
text-align:left;
}
.func {
width:auto;
overflow:hidden;
word-break:break-all;
margin:10px 0px 15px 0px;
padding:0px 0px 5px 0px;
text-align:center;
}

351〜354行目付近
.calendar_bg {
width:200px;
margin:10px 5px 10px 5px;
}
このように赤文字のところを変更します。

3.
スタイルシートの一番下に
.scroll {
overflow: auto;
height: 200px; }
.message .txt { width:auto; }
を書き加えます。

4.
メインテンプレートの30行目付近に
<div id="left">
というのがあります。
アーカイブテンプレートは31行目付近、1記事テンプレートは34行目付近にあります。

5.
4.を…
<div id="left"><div class="scroll">
このように赤文字のところを書き加えます。

6.
メインテンプレートの60〜67行目付近に
</div>
<div id="right">
<div class="inner">
{$feedme$}
{$BlogSidebarLeft$}
{$Banner$}
</div>
</div>
を書き加えます。
アーカイブテンプレートは62〜69行目付近、1記事テンプレートは153〜160行目付近にあります。

7.
6.を…
</div></div>
<div id="right"><div class="scroll">
<div class="inner">
{$feedme$}
{$BlogSidebarLeft$}
{$Banner$}
</div></div>
</div>
このように赤文字のところを書き加えます。