2009-04-06 (Mon)
13:32
✎
先週共有化された candy-3c と green-3c のプラグイン3を、記事の上に持ってくるカスタマイズについて掲載します。
先ず、テンプレートの設定画面でテンプレートのHTMLを表示して下さい。
1/4位スクロールすると <!-- 全記事リスト終了 --> という部分が有りますので、その直下に
次にスタイルシート編集枠の一番下にでも下記を追加して「更新」ボタンを押して下さい。
その後、更新ボタンを押して下さいね。
先ず、テンプレートの設定画面でテンプレートのHTMLを表示して下さい。
1/4位スクロールすると <!-- 全記事リスト終了 --> という部分が有りますので、その直下に
<!--プラグイン3-->
<!--plugin-->
<!--plugin_third-->
<div id="menu3">
<div class="menu3_title" style="text-align:<%plugin_third_talign>"><%plugin_third_title></div>
<div class="menu3_body">
<div style="text-align:<%plugin_third_ialign>">
<%plugin_third_description>
</div>
<%plugin_third_content>
<div style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2>
</div>
</div>
</div>
<!--/plugin_third-->
<!--/plugin-->
<!--/プラグイン3-->
を入れ、更にスクロールさせた9/10位の所の <!--プラグイン3--> から <!--/プラグイン3-->を削除して下さい。<!--plugin-->
<!--plugin_third-->
<div id="menu3">
<div class="menu3_title" style="text-align:<%plugin_third_talign>"><%plugin_third_title></div>
<div class="menu3_body">
<div style="text-align:<%plugin_third_ialign>">
<%plugin_third_description>
</div>
<%plugin_third_content>
<div style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2>
</div>
</div>
</div>
<!--/plugin_third-->
<!--/plugin-->
<!--/プラグイン3-->
次にスタイルシート編集枠の一番下にでも下記を追加して「更新」ボタンを押して下さい。
candy-3c のスタイルシート↓
#menu3{
margin: 0px 10px 30px 10px;
border: 1px solid #F0BDBD;
background:url(http://blog-imgs-27.fc2.com/s/o/r/sorauta1/10.gif);
overflow:hidden;
}
.menu3_title {
margin-top: 5px;
margin-left:10px;
margin-right:10px;
padding:5px;
font-size: 12px;
color:#666666;
font-weight: bold;
background: url(http://blog-imgs-27.fc2.com/s/o/r/sorauta1/rib-p.gif) no-repeat;
padding:3px;
padding-left: 30px;
border-bottom:2px dotted #753636;
}
.menu3_body {
margin: 0px;
padding:10px 20px;
overflow:hidden;
}
#menu3 a{
text-decoration: none;
}
#menu3 a:hover{
text-decoration: none;
}
green-3c のスタイルシート↓
#menu3{
margin: 0px 10px 30px 10px;
border: 1px solid #ADECBF;
background:url(http://blog-imgs-27.fc2.com/s/o/r/sorauta1/10.gif);
overflow:hidden;
}
.menu3_title {
margin-top: 5px;
margin-left:10px;
margin-right:10px;
padding:5px;
font-size: 12px;
color:#666666;
font-weight: bold;
background: url(http://blog-imgs-27.fc2.com/s/o/r/sorauta1/lea-g.gif) no-repeat;
padding:3px;
padding-left: 30px;
border-bottom:2px dotted #63B46F;
}
.menu3_body {
margin: 0px;
padding:10px 20px;
overflow:hidden;
}
#menu3 a{
text-decoration: none;
}
#menu3 a:hover{
text-decoration: none;
}
何かの時のため、作業前に複製は作っておいた方が良いです。#menu3{
margin: 0px 10px 30px 10px;
border: 1px solid #F0BDBD;
background:url(http://blog-imgs-27.fc2.com/s/o/r/sorauta1/10.gif);
overflow:hidden;
}
.menu3_title {
margin-top: 5px;
margin-left:10px;
margin-right:10px;
padding:5px;
font-size: 12px;
color:#666666;
font-weight: bold;
background: url(http://blog-imgs-27.fc2.com/s/o/r/sorauta1/rib-p.gif) no-repeat;
padding:3px;
padding-left: 30px;
border-bottom:2px dotted #753636;
}
.menu3_body {
margin: 0px;
padding:10px 20px;
overflow:hidden;
}
#menu3 a{
text-decoration: none;
}
#menu3 a:hover{
text-decoration: none;
}
green-3c のスタイルシート↓
#menu3{
margin: 0px 10px 30px 10px;
border: 1px solid #ADECBF;
background:url(http://blog-imgs-27.fc2.com/s/o/r/sorauta1/10.gif);
overflow:hidden;
}
.menu3_title {
margin-top: 5px;
margin-left:10px;
margin-right:10px;
padding:5px;
font-size: 12px;
color:#666666;
font-weight: bold;
background: url(http://blog-imgs-27.fc2.com/s/o/r/sorauta1/lea-g.gif) no-repeat;
padding:3px;
padding-left: 30px;
border-bottom:2px dotted #63B46F;
}
.menu3_body {
margin: 0px;
padding:10px 20px;
overflow:hidden;
}
#menu3 a{
text-decoration: none;
}
#menu3 a:hover{
text-decoration: none;
}
その後、更新ボタンを押して下さいね。

- 関連記事
-
- candy/greenの画像変更について (2009/04/21)
- プラグイン3を記事の上に表示するカスタマイズ (2009/04/06)
- 画像変更について (2008/12/18)