【フリープラグイン】文字列にインデントを設定する。 | お絵描きなう~イラストの描き方教えます!~

【フリープラグイン】文字列にインデントを設定する。

目次等を綺麗にしたいということで
インデントを設定できるようなプラグインをつくりました。

フリープラグイン本体
<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>


解説
m_nam:記事のエリアの左もしくは右からの幅を指定しています。
w_nam:malの幅を指定しています。
pr:marの位置を指定しています。
pl:malの位置を指定しています。
co:marがmalと並ばないようにする為の設定です。


使用例
malを使うとこんな感じにできます!

marを使うとこんな感じにできます!


使い方
1.プラグイン本体をフリープラグインに追加。
2.記事中で使用したい部分に以下のように記述する。

<div class="mal">
ここに文字を入れる
</div>

<div class="mar">
ここに文字を入れる
</div>