アメブロテンプレート無料(β版) | 知恵の樹・アメブロテンプレート

知恵の樹・アメブロテンプレート

アメブロテンプレート・カスタマイズ

はじめに

下記をお読みの上、ご利用下さい。

◆適応テンプレート◆
・カスタム可能デザイン→CSS編集用デザイン→2カラム右メニューのみ
※SEO的に上左から読み込むのでこのデザインにしました。(解らない方はスルーで大丈夫です。)

◆画像について◆
・画像はヘッダーと背景2種類しか使っていませんが、同じ画像を使用しています。(リボンなどCSSで作成しています)
・背景サイズ:縦260px 横980px
・ヘッダーサイズ:縦260px 横980px
・背景画像は自分の用意した画像に交換可能です。
・ヘッダー画像は自分の用意した画像に交換可能です。

◆主な装飾◆
・テキスト、枠、BOXなどに影(浮いてる感じ?)
・ヘッダー下メニューをオンマウスでゆっくり拡大させる
・ヘッダー下メニューをオンマウスで1秒かけて色を変化させる
・記事タイトル部分リボン装飾
・記事タイトル部分グラディーション
・背景に透過をかけてぼかす
・フッターにもメニュー追加
※ヘッダー下○メニューはIE(Internet Explorer)では色が変わるだけで、拡大されません。
※テキストの影(浮いた感じ)枠・BOXの影、透過など一部IE(Internet Explorer)では反映されません。
※総合して
IE(Internet Explorer)で表示するとシンプルになってしまいます。

◆一言メッセージ
勢いでですが、全体的に透明感をだすように作成しました。
気に入ってくれれば幸いです。
利用する際には最初に「読者登録、コメ」お願いします。

◆注意事項◆
・メニューを増やしたいなどの追加カスタムは一切受け付けません。
・各部分の色(カラー)を変える方法が解らない場合はコメ下さい。
・CSSなど詳しくない方は更にイジらない方がよいと思います。(説明があまり得意ではないので 汗)
・個人の利用以外を禁止とし、転載・転売などはご遠慮下さい。
・このテンプレートを使用した時点でいかなる損害、損失も自己責任となります。


イメージ画像

ピンクタイプ サンプルはこちら→「ピンクタイプ」※終了削除しました 

知恵の樹

ブルータイプ サンプルはこちら→「ブルータイプ」※終了削除しました

知恵の樹


設定方法

簡単コピペ2回で完了です。

◆適応テンプレートにする◆
デザインの変更→カスタム可能デザイン→CSS編集用デザイン→2カラム右メニューに変更する。

◆CSS編集◆
CSS編集画面にて最初からあるCSSを全てコピペで書き換える。

◆フリースペース編集◆
フリースペースにコピペで記入する。


編集用CSSとフリースペース(HTML)

編集用CSSとHTMLは長いコードとなりますので別記事にアップします。

フリースペースのHTMLはピンク、ブルーとも共通です。

CSSは別となります。

1~2日中にアップしますが「読者登録済」「コメ有り」限定にさせていただきます。