ブログパーツIMAGINE月齢表

アメブロ用のブログパーツとしてIMAGINE月齢表を作りました。
←左の奴です。

乙・女神転生さんのIMAGINE MOONを元に改造して作らせていただきました。
この場を借りてお礼申し上げます。


組み込み方

フリープラグインに

<!-- IMAGINE MOON LIST -->
<div id="imagineMoonList" style=""></div>
<script type="text/javascript" src="https://99994733562f0ebbc9acaa7f6da1c5d1a2d51f0e.googledrive.com/host/0ByCiL0PdBKR7TkstUFhOR2FlNVk/imagineMoonList.js"></script>

を埋め込み。

cssに

#imagineMoonList{
background: #FFF;
padding: 19px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border: 1px solid #e8e8e8;
color: #222;
}

#imagineMoonList .moonListTitle{
text-align: center;
margin-bottom: 10px;
}

#imagineMoonList table{
border: 0px;
border-collapse: collapse;
}

#imagineMoonList tr{
padding: 0px;
margin: 0px;
background-color: #FFF;
}

#imagineMoonList tr.now{
background-color: #FFEFD5;
}

#imagineMoonList tr.fullMoon{
background-color: #FFC0CB;
}

#imagineMoonList tr.newMoon{
background-color: #AFEEEE;
}

#imagineMoonList td{
width: 120px;
padding: 5px;
font-size: 12px;
}

#imagineMoonList td.left{
text-align: right;
}

#imagineMoonList td.right{
text-align: left;
}

を埋め込んでくださると動きます。

！注意点！
・幅300pxのサイドバーに入れることを想定しています。
　幅180pxなどの場合は、cssでカスタマイズしてください。
・私のほうでスクリプトファイルを削除すると消えてしまうのでご注意ください。
　ご利用の場合は一声おかけくださるようお願いいたします。