フリープラグインにも他と同じ背景をつける | 新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ

新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ

アメブロの新スキン(CSS編集用デザイン)のカスタマイズ
アメーバブログをCSSでカスタマイズして自分だけのオリジナルなデザインでアメブロを楽しんでください

2011.11.18間違いがありました

<div class="skinMenu themeMenu">

これではテーマのCSSが適用されてしまいます

<div class="skinMenu">


記事中は修正済みです m(_ _)m


++++++++++++++++++++++++





前の記事の続きです・・


フリープラグインにも他のと同じ枠が付けばいいのに・・・


新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ


フリープラグインの一番最初に


<div class="skinMenu">
<div class="skinMenu2">
<div class="skinMenuHeader"><span class="skinMenuTitle">●●●フリープラグイン●●●</span></div>
<div class="skinMenuBody">


●●●フリープラグイン●●● にはタイトルを書きます



この間にフリープラグインに表示するものを書きます


フリープラグインの一番最後に


</div></div></div>




CSSの最後に・・・



/*フリースペース中央寄せ*/
.plugin{
text-align:center;
}



もし・・フリープラグインの中で中央よせできないブログパーツがあったら

<div style="width:160px;text-align:center">
<script type="text/javascript" src="http://・・・・・・・・・・・・/flash.js"></script>

このようになっていた場合・・赤字部分を削除してみてください


見本のブログ




CSS編集の出来ない幅広の新デザインでも使えます


見本のブログ


※見本のブログは背景画像が縦700pxですので上の部分の背景は切れちゃっています




現在のフリープラグインをメモ帳とかに保存してからトライください




もし・・

フリープラグインを2つ以上に分けたいとき

(あくまでも枠を分けるだけですよ・・右サイドと左サイドには分けられません)
新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ

<div class="skinMenu">
<div class="skinMenu2">
<div class="skinMenuHeader"><span class="skinMenuTitle">●●●フリープラグイン1●●●</span></div>
<div class="skinMenuBody">


●●●フリープラグイン1●●● にはタイトルを書きます


この間にフリープラグイン1に表示するものを書きます


</div></div></div>


<div class="skinMenu">
<div class="skinMenu2">
<div class="skinMenuHeader"><span class="skinMenuTitle">●●●フリープラグイン2●●●</span></div>
<div class="skinMenuBody">


●●●フリープラグイン2●●● にはタイトルを書きます


この間にフリープラグイン2に表示するものを書きます


フリープラグインの一番最後に


</div></div></div>