2008年7月13日

ケロログテンプレート「黒太枠デザイン」

ボイスブログケロログのカスタマイズCSSを作成しました。
エレラジ用ブログに適用させてあります。

samune.gif

こちらがファイルへのリンクです。↓↓↓
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
こちらのzipファイルを解凍し、
readme.txt
ファイルを読んでいただくと設置が可能です。

┏━━━━━━━━━━━━━━━━━━┓
┃ ●ファイルの内容                  
┗━━━━━━━━━━━━━━━━━━┛
index.html (デザイン確認用サンプルトップページ)
voiceblog.css (カスタムCSS)
img
┗headerbnr.jpg (ヘッダ用イメージ)ご自身のケロログにアップロードしてください。

ヘッダ画像無しでブログタイトルを5pxの黒枠で囲ったバージョンは
こちらになります。

┏━━━━━━━━━━━━━━┓
┃ ●設置方法
┗━━━━━━━━━━━━━━┛
【1】ファイルアップロードからheaderbnr.jpgをアップして
画像のURLを確認する。

【2】voiceblog.cssをSAKURAエディタなどで開く
/*----------ヘッダー内のスタイル--------*/
の下にある44行目
background:url(img/headerbnr.jpg);

のURLをご自身のケロログスペースにアップしたURLに変更する。
background: url('http://db1.voiceblog.jp/data/あなたのユーザー名/ファイル名.jpg') ;
※【1】でアップしたURLに変更してください

変更したCSSを全選択してコピーする。

【3】ケロログの管理画面から
ユーザー情報の変更>テンプレートの変更>【カスタム】
カスタムページへをクリックする。
「作成」ボタンを押して
内容の中のスタイルを全て消して
先ほどコピーした内容をペーストする。
テンプレート名はご自身のわかるものにして
保存します。

【4】「オリジナルテンプレート管理画面に戻る」ボタンをクリック
【オリジナル】の下にある
「選択したテンプレートを設定」ボタンをクリック

オリジナルテンプレートに変更されます!
===============

無料素材ですが、ご利用される方は
amazonや楽天のリンクを押して買い物をしていただけると
1%がアフィり収入として入るのでうれしいです
(*´Д`*)

.dateなどブログ記事タイトルの背景がピンク色なのですが
お好きな色に変更する方法を

http://www.akaneiro.info/~hiroe/archives/2008/07/post-122.html#more

こちらの記事に載せましたので
カスタマイズを希望される方はご覧くださいヽ(´ー`)ノ

あまぞんおまかせリンク なにが出るかなっ♪