【フリープラグイン】文字列にインデントを設定する。
目次等を綺麗にしたいということで
インデントを設定できるようなプラグインをつくりました。
フリープラグイン本体
解説
m_nam:記事のエリアの左もしくは右からの幅を指定しています。
w_nam:malの幅を指定しています。
pr:marの位置を指定しています。
pl:malの位置を指定しています。
co:marがmalと並ばないようにする為の設定です。
使用例
使い方
1.プラグイン本体をフリープラグインに追加。
2.記事中で使用したい部分に以下のように記述する。
インデントを設定できるようなプラグインをつくりました。
フリープラグイン本体
<script type="text/javascript">
$(function(){
var m_nam = "150px";
var w_nam = "480px";
var pr = "right";
var pl = "left";
var co = "both";
$(".mar").css("margin-right", m_nam).css("float", pr).css("clear", co);
$(".mal").css("margin-left", m_nam).css("width",w_nam).css("float", pl);
});
</script>
$(function(){
var m_nam = "150px";
var w_nam = "480px";
var pr = "right";
var pl = "left";
var co = "both";
$(".mar").css("margin-right", m_nam).css("float", pr).css("clear", co);
$(".mal").css("margin-left", m_nam).css("width",w_nam).css("float", pl);
});
</script>
解説
m_nam:記事のエリアの左もしくは右からの幅を指定しています。
w_nam:malの幅を指定しています。
pr:marの位置を指定しています。
pl:malの位置を指定しています。
co:marがmalと並ばないようにする為の設定です。
使用例
malを使うとこんな感じにできます!
marを使うとこんな感じにできます!
使い方
1.プラグイン本体をフリープラグインに追加。
2.記事中で使用したい部分に以下のように記述する。
<div class="mal">
ここに文字を入れる
</div>
<div class="mar">
ここに文字を入れる
</div>
ここに文字を入れる
</div>
<div class="mar">
ここに文字を入れる
</div>