【-】 スポンサーサイト

一定期間更新がないため広告を表示しています

2010.12.28 / | CM : 0 | TB : 0

△PAGE UP

テンプレ Le ciel

Le ciel-thum

濃い味ばかりのものを食べると、たまにさっぱりしたものが食べたくなります。
ってわけでさっぱり。
なんだか映画のスクリーンみたい。
SeeSaaで配布してた時、やってみたかったんだけど、出来なかったカタチなので、ちょっと嬉しい。
コメントとか、レコメンドとか要らないものを削除しまくると、かなりシンプルなものになります。
観覧車の写真は写真好きの友人に撮ってもらったもの。葛西臨海公園の大観覧車。
撮る時にあれこれ口挟んだ人。。。
写真部分とかオリジナルにカスタマイズすると大分雰囲気変わると思います。
カスタマイズ方法を追記しますので、写真をころころ変えて楽しむのもアリかな。

■Le ciel DATA
・全体の幅&記事部分の幅:可変(ウィンドウサイズに合わせて変わります)
・記事部分の高さは400px(カスタマイズでかなり変えられます)
・1カラム(?) 横に3分割

Le cielのDL Sample

結構自分の中ではシンプルな作りだと思うので、好きにカスタマイズして楽しんでください。
てわけで、カスタマイズのご案内〜

■真ん中をカスタマイズ
記事の表示される、真ん中部分。好きな写真や好きな色、好きな高さにしたいですよね。
CSSを弄れば、好きな感じに出来ますよ。
・高さを変えたい時は、青文字部分の高さを好きな大きさにしてください。
・写真を変えたい時は、赤文字部分を好きな画像のURLにしてください。
・背景色を変えたい時は、緑文字部分を好きなカラーコードにしてください。
/* content */
#content{
width: 100%;
height:400px;
background-image: url(http://img-cdn.jg.jugem.jp/8aa/395382/20070307_66798.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-color:#72A2BC;
text-align:center;
margin: 0px;
padding: 0px;
overflow:auto;
scrollbar-arrow-color:#000000;
scrollbar-3dlight-color:#72A2BC;
scrollbar-darkshadow-color:#72A2BC;
scrollbar-face-color:#72A2BC;
scrollbar-highlight-color:#72A2BC;
scrollbar-shadow-color:#72A2BC;
scrollbar-track-color:#72A2BC;
}

CSSが分かる人は、もっと弄り倒せるんじゃないですかね。

記事のタイトルとか、文字色を変えるとなると、かなりの部分を弄らなきゃならないので、割愛。
他にもご希望あれば、追記します。はい。
分かる人はお好きどぞー。

2007.03.10 / 02:29 | CM : 2 | TB : 0

△PAGE UP

【-】 スポンサーサイト

2010.12.28 / | CM : 0 | TB : 0

△PAGE UP

<< 原因はさっぱりわかりませんがMAIN休みの日のデフォルト >>

Comment

ほんとにスクリーンみたいです!
記事部分だけスクロールするから使い勝手もいいし
シンプルシックな感じもいいですよね、うわーいいな。
カスタマイズ性も高いし長く愛されそうです。

そういえばちょっと前の記事で黒背景の感想がありましたが、
私は、テンプレ利用者様に白い背景は目に痛くて嫌だよね
と言われていたことがあります 笑

もう目に優しい緑にするしかない。

from: 深玖 | 2007/03/11 2:35 AM

ちょっとやってみたいカタチだったんですよ。
個人のホームページとかでよく横に2分割とかして上にメニューがあってーみたいな。
さすがにフレームで切ったりは出来ないけど、似たようなカタチって出来ないかな−で出来たのがコレでした。
色んな人がカスタマイズして遊んでくれるといいなぁ。

白背景でも目が痛いとな。
>もう目に優しい緑にするしかない。
ありかもしれません。笑
今度作ってみようかしら。でも緑を弄くるのは苦手だ… from: 冥 | 2007/03/11 11:01 PM

Trackback

トラックバックURL :