はじめに
下記をお読みの上、ご利用下さい。◆適応テンプレート◆
・カスタム可能デザイン→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日中にアップしますが「読者登録済」「コメ有り」限定にさせていただきます。