Master[ Admin ::: Write ::: Comment ]
自己満足のテンプレートを作成してまっす♪テヘ
カレンダー
08 2019/09 10
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
プロフィール
HN:
向日葵ゆう♪
性別:
女性
日向
QRコード
ブログ内検索
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

また新しいタイプを作成中なのですが…

作っていくにつれて
最初にイメージしてた物からどんどんかけ離れて行ってしまうのはナゼェェェェェェェ!!!
。・゜゜・(≧д≦)・゜゜・。エーン!!

こうなると… まめのさんのリクエストにお応えして(w?)
「Apua Line」の3カラムで グリーン系のにしようかな…
とまで思ってしまう ヽ( ´ー`)ノフッ

いあいあ… いかん…
やり出したからには 完成させないと…
でも…ゴニョゴニョ…

よしっ! 今日はお天気がいいから
気分を変えるために お出かけして リフレッシュしよう!
(* ̄0 ̄)/ オゥッ!!

PR
桜バージョンを手直しして 新バージョン「Aqua Line」を作ってみました。

念には念を入れて 細かい部分まで見直したつもりですが
きちんと出来ているのでしょうか…滝汗

トラックバックを試して問題が無ければ 登録申請出します。



ベテランの方には全く必要ないと思いますが
初心者だけど ちょっと変えてみたい…と思われている方の為に
ちょっとカスタマイズの詳細を…

真ん中にカレンダーが縦に表示されている訳ですが
この縦の長さが上手く調節できなかった訳で…^^;

途中でちょん切れるのはイヤだったので ムリクリ長さを調節しました。
( 変動してフッターまできちんと表示できれば良かったのですが
  そこまでの技も持ち合わせず カレンダーブロックの下部の長さを固定しました^^;)



で その結果 上記のように プラグインと記事部分に
思いっきり空白ができてしまいました^^;
逆に テンプレートの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』と『サイト名』に変更してください。

以上長くなりましたが
初心者の方で 私の物をカスタマイズする事によって
テンプレート作成の楽しさを知っていただけたら嬉しいなぁ♪という思いから説明させていただきましたぁ

このテンプレートについて ここをいじってみたいけど分からない…
という方は コメント欄にお願いします。
お答えできる範囲で 返答します^^;
修正いたしましたぁ

縦のカレンダー部分は 出来るだけFooter部分まで来るように無理やり指定してるので
私のようにプラグインも少なく 記事も短文の方は
下部の空白部分が出来てしまいます…^^;

尚も 逆の方(プラグイン沢山と記事も沢山書かれる方)は
途中でちょん切れる可能性大です…
( 我ながら 使えない…と思いますです…ハイ…^^;)

でもまぁ
どうにか崩れず表示されると思われます。
なんとか形になったかもしれない♪
(・・・って『かも』かいっ!自爆)

けれど今の所 Firefoxでも型崩れせず表示されてるぅぅぅ!
なんかすっごく感動♪

さて まだ手付かずの部分もあるので 念入りに見直さないとね♪
≪ Back   Next ≫

[6] [7] [8] [9] [10] [11] [12] [13]
Powered by NinjaBlog Copyright(c) ゆうの遊び場♪ All Rights Reserved.
photo by +Mappy+ designed by Himawari-you 忍者ブログ[PR]