ベテランの方には全く必要ないと思いますが
初心者だけど ちょっと変えてみたい…と思われている方の為に
ちょっとカスタマイズの詳細を…
真ん中にカレンダーが縦に表示されている訳ですが
この縦の長さが上手く調節できなかった訳で…^^;
途中でちょん切れるのはイヤだったので ムリクリ長さを調節しました。
( 変動してフッターまできちんと表示できれば良かったのですが
そこまでの技も持ち合わせず カレンダーブロックの下部の長さを固定しました^^;)
で その結果 上記のように プラグインと記事部分に
思いっきり空白ができてしまいました^^;
逆に テンプレートのDLページのプレビューだと
プラグインの量が多く 途中でカレンダー帯(?)がちょん切れてしまいます。
なので それぞれご自分のサイズに合わせて
カレンダーブロックの長さを変更してスッキリ表示できるよう
変更の仕方を説明します。
まず『テンプレートの作成/編集画面』の右下のCSS記述欄から
『/******カレンダーブロック用デザイン******/』を探してください。
そこからゆっくり下に行くと
#CalenderBlock ul {
margin-top:0px;
padding:0px;
margin:200px 0px 1500px 0px;height:100%;
}
という部分があるので そこの
margin:200px 0px 1500px 0px;
の 1500pxがカレンダー枠の下部の長さ指定の部分です。
私のように プラグインも記事も少ないという方は
1500pxを 1200pxや1000pxなど 数値を少なくすると
カレンダーの帯が短くなり プラグインや記事部分の空白がなくなります。
逆に プラグイン&記事が沢山の方は
1500px以上で ご自分の表記に合わせて 数値を増やしてください。
すると ちょん切れる事無く フッター部分まで帯が延びます。
あと
背景を変更して それに伴い
カレンダーの帯の色も変えたい方。
背景の変更は 左側の BODYの所の
背景画像という所にアップロードした画像のアドレスを入れれば
簡単に変更できますね。
で カレンダーブロックの背景色(帯の部分)は
先ほどのCSS編集部分の
/******カレンダーブロック用デザイン******/
#CalenderBlock{
text-align:center;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
width: 30px;
height:100%;
background-color:#CC0000;font-weight:bold;
margin:0px 0px 0px 0px;
float: left;
}
の『background-color:#CC0000;』
の#CC0000を変更します。
背景画像を変えて カレンダーの背景色を#83ab83に変更したのが
下記になります。
これに合わせて プラグインタイトル色等は 左側から変更してください。
あとは 背景画像を変えた場合
フッター部分の『phot by Anghel』というリンク部分は
右上のHTML編集欄の 一番下の
<div id="FooterBlock">
designed by <a href="http://giveasigh.blog.shinobi.jp/" target="_blank">Himawari-you</a> * phot by <a href="http://aria.ciao.jp/anghel/" target="_blank">Anghel</a><br>
<!--CM1--> <!--CM2-->
</div>
の
* phot by <a href="
http://aria.ciao.jp/anghel/" target="_blank">
Anghel</a>
下線部を 『素材サイトのURL』と『サイト名』に変更してください。
以上長くなりましたが
初心者の方で 私の物をカスタマイズする事によって
テンプレート作成の楽しさを知っていただけたら嬉しいなぁ♪という思いから説明させていただきましたぁ
このテンプレートについて ここをいじってみたいけど分からない…
という方は コメント欄にお願いします。
お答えできる範囲で 返答します^^;
PR