<例>
#frame{
position:relative;
}
/* ----------------------------------------------------- */
/* ■ プラグイン配置 フリー (Blog Parts) */
/* ----------------------------------------------------- */
#Blog-Parts1{
position: absolute;
top:180px;
z-index: 100;
left:170px;
}
pxのところは各自で調整してください
次に・・・・フリープラグインに
<div id="Blog-Parts1">~ブログパーツタグ~</div>
ブログパーツを複数位置変更したい場合は・・・・
#frame{
position:relative;
}
/* ----------------------------------------------------- */
/* ■ プラグイン配置 フリー (Blog Parts) */
/* ----------------------------------------------------- */
#Blog-Parts1{
position: absolute;
top:180px;
z-index: 100;
left:170px;
}
#Blog-Parts2{
position: absolute;
top:180px;
z-index: 100;
left:170px;
}
1というところを2に変えたり、3に変えたりします
当然プラグインの方も・・・・・・
<div id="Blog-Parts2">~ブログパーツタグ~</div>
<div id="Blog-Parts3">~ブログパーツタグ~</div>
このようになります
ブログパーツ以外で、画像やリンク付き文字やリンク付き画像もできます
<div style="position: absolute;top:100px;z-index: 100;left:50px;">
<img src="画像のURL"></div>
<img src="画像のURL"></div>
<div style="position: absolute;top:100px;z-index: 100;left:50px;">
<a href="リンク先のURL"><img src="画像のURL"></a></div>
<a href="リンク先のURL"><img src="画像のURL"></a></div>
<div style="position: absolute;top:100px;z-index: 100;left:50px;">
文字列</div>
文字列</div>
<div style="position: absolute;top:100px;z-index: 100;left:50px;">
<a href="リンク先のURL">文字列</a></div>
<a href="リンク先のURL">文字列</a></div>
プラグインの位置を変えて、スキンを使いやすくしましょう♪♬
ランのカスタマイズ日記様から再配布させてもらいました