私のテンプレートは全てプラグインカテゴリ3の位置を中央カラムの上(タイトルの真下)に配置しています。ここは最も目立つ所ですので上手にカスタマイズして有効活用してください。
スタイルシートで次のような記述があります。各数値を変えてお好みのデザインにしてください。
/********* ▼ メニューブロック (プラグインカテゴリ3) ▼ */
/* メニュータイトル */
.menu_title3 {
/* --------------------------------------------- */
color:#ffffff; /* メニュータイトルの色 */
/* --------------------------------------------- */
background: #FFA500; /* メニュータイトル背景 */
/* --------------------------------------------- */
font-size: 0.8em;
font-weight: bold;
padding: 0.3em 1em;
margin: 0;
}
/* メニューコンテンツ */
.menu_cont3 {
/* --------------------------------------------- */
color: #666666; /* メニューコンテンツの文字の色 */
/* --------------------------------------------- */
font-size: 75%; /* メニューコンテンツの文字の大きさ */
/* --------------------------------------------- */
border: #FFA500 1px solid; /* 外枠の色 */
/* --------------------------------------------- */
margin: 0;
padding: 0 1em;
line-height: 1.3;
}
/********* ▲ メニューブロック (プラグインカテゴリ3) ▲ */現在(2006/09/01以後 Ver.7)のバージョンをお使いの方は上記の各数値を変えるだけでカスタマイズできます。
Ver.6以前をお使いの方は上記記述をスタイルシートに新たに加えてください。さらにHTMLを編集します。<!--▼▼ プラグイン カテゴリー3 ▼▼--><!--▲▲ プラグイン カテゴリー3 ▲▲-->の間を下記記述に置き換えてください。
<!--▼▼ プラグイン カテゴリー3 ▼▼-->
<!--index_area-->
<!--plugin-->
<!--plugin_third-->
<div class="menu_title3" style="text-align:<%plugin_third_talign>"><%plugin_third_title></div>
<div class="menu_cont3">
<div style="margin: 10px 0; text-align:<%plugin_third_ialign>">
<%plugin_third_description></div>
<div style="margin: 10px 0; text-align:<%plugin_third_align>">
<%plugin_third_content>
</div>
<div style="margin: 10px 0; text-align:<%plugin_third_ialign>">
<%plugin_third_description2></div>
</div><!--/menu_cont3-->
<br />
<!--/plugin_third-->
<!--/plugin-->
<!--/index_area-->
<!--▲▲ プラグイン カテゴリー3 ▲▲-->これでVer.6以前でもプラグインカテゴリ3を独立でカスタマイズできるようになります。
- 関連記事
-
数々の機能的なテンプレートのご提供ありがとうございます。いたお様のブログを参考にさせていただきながら、コツコツとカスタマイズをしておりましたが、どうしてもわからない部分が出てきましたので、ご教授いただけないでしょうか?
テンプレートは「lightframe_white」をお借りしております。
質問:プラグイン3にフリースペースを設置し、広告などを張っているのですが・・・。
①プラグインカテゴリ3のデザインの変更をしたい。具体的には、文字の大きさと、行間の設定ですが、上の記事のようにテンプレをカスタマイズしてみても、うまくいきません。
②フリースペース内の文字を左詰めで、広告バナーのみ右詰にしたい。
以上の2点です。
お忙しい中恐縮ですが、よろしくお願いします。