✽ All archives ✽ Admin ✽
ID名:emeraldmountain で、FC2共有テンプレートを 9点公開中です。利用規約・デザインの仕様については、各カテゴリーを御覧下さい。
プラグインコンテンツへ一項目ごとに枠を付ける場合、まずHTMLの編集画面で
以下の場所に、赤文字の部分をそれぞれ付け加えます。
プラグイン2・3にも、それぞれ同じようにして付け加えますと、CSSで設定している
外枠の指定が有効になります。
たとえば、こんな感じ↓のデザイン指定です。
div.section2 { margin-bottom: 15px;
padding: 0px;
border-width: 2px;
border-style: solid;
border-color: #eee #ccc #bbb #eee; }
例1:プラグイン1の項目を個別に囲む
※カレンダー、月別アーカイブ、リンクなどが、それぞれ別々の枠で囲まれます。
<!--plugin_first-->
<div class="section2">
<h2 class="plugin_area" align="<%plugin_first_talign>" title="<%plugin_first_title>"> <%plugin_first_title> </h2>
<div class="plugin_content" align="<%plugin_first_ialign>"> <%plugin_first_description> </div>
<div class="plugin_content" align="<%plugin_first_align>"> <%plugin_first_content> </div>
<div class="plugin_content" align="<%plugin_first_ialign>"> <%plugin_first_description2> </div>
</div>
<!--/plugin_first-->例2:プラグイン1全体を囲む
※カレンダー、月別アーカイブ、リンクなど、プラグイン1の全ての内容が
一緒に枠で囲まれます。
<div class="section2">
<!--plugin_first-->
<h2 class="plugin_area" align="<%plugin_first_talign>" title="<%plugin_first_title>"> <%plugin_first_title> </h2>
<div class="plugin_content" align="<%plugin_first_ialign>"> <%plugin_first_description> </div>
<div class="plugin_content" align="<%plugin_first_align>"> <%plugin_first_content> </div>
<div class="plugin_content" align="<%plugin_first_ialign>"> <%plugin_first_description2> </div>
<!--/plugin_first-->
</div>
http://emeraldmountain.blog11.fc2.com/tb.php/41-70d55469
総閲覧数: