PROFILE
Template
【テンプレ】 Le ciel
濃い味ばかりのものを食べると、たまにさっぱりしたものが食べたくなります。
ってわけでさっぱり。
なんだか映画のスクリーンみたい。
SeeSaaで配布してた時、やってみたかったんだけど、出来なかったカタチなので、ちょっと嬉しい。
コメントとか、レコメンドとか要らないものを削除しまくると、かなりシンプルなものになります。
観覧車の写真は写真好きの友人に撮ってもらったもの。葛西臨海公園の大観覧車。
撮る時にあれこれ口挟んだ人。。。
写真部分とかオリジナルにカスタマイズすると大分雰囲気変わると思います。
カスタマイズ方法を追記しますので、写真をころころ変えて楽しむのもアリかな。
■Le ciel DATA
・全体の幅&記事部分の幅:可変(ウィンドウサイズに合わせて変わります)
・記事部分の高さは400px(カスタマイズでかなり変えられます)
・1カラム(?) 横に3分割
→Le cielのDL Sample
結構自分の中ではシンプルな作りだと思うので、好きにカスタマイズして楽しんでください。
てわけで、カスタマイズのご案内〜
■真ん中をカスタマイズ
記事の表示される、真ん中部分。好きな写真や好きな色、好きな高さにしたいですよね。
CSSを弄れば、好きな感じに出来ますよ。
・高さを変えたい時は、青文字部分の高さを好きな大きさにしてください。
・写真を変えたい時は、赤文字部分を好きな画像のURLにしてください。
・背景色を変えたい時は、緑文字部分を好きなカラーコードにしてください。
CSSが分かる人は、もっと弄り倒せるんじゃないですかね。
記事のタイトルとか、文字色を変えるとなると、かなりの部分を弄らなきゃならないので、割愛。
他にもご希望あれば、追記します。はい。
分かる人はお好きどぞー。
記事の表示される、真ん中部分。好きな写真や好きな色、好きな高さにしたいですよね。
CSSを弄れば、好きな感じに出来ますよ。
・高さを変えたい時は、青文字部分の高さを好きな大きさにしてください。
・写真を変えたい時は、赤文字部分を好きな画像のURLにしてください。
・背景色を変えたい時は、緑文字部分を好きなカラーコードにしてください。
/* content */
#content{
width: 100%;
height:400px;
background-image: url(https://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が分かる人は、もっと弄り倒せるんじゃないですかね。
記事のタイトルとか、文字色を変えるとなると、かなりの部分を弄らなきゃならないので、割愛。
他にもご希望あれば、追記します。はい。
分かる人はお好きどぞー。
<< 原因はさっぱりわかりませんが|MAIN|休みの日のデフォルト >>
Comment
ほんとにスクリーンみたいです!
記事部分だけスクロールするから使い勝手もいいし
シンプルシックな感じもいいですよね、うわーいいな。
カスタマイズ性も高いし長く愛されそうです。
そういえばちょっと前の記事で黒背景の感想がありましたが、
私は、テンプレ利用者様に白い背景は目に痛くて嫌だよね
と言われていたことがあります 笑
もう目に優しい緑にするしかない。
from: 深玖 | 2007/03/11 2:35 AM
ちょっとやってみたいカタチだったんですよ。
個人のホームページとかでよく横に2分割とかして上にメニューがあってーみたいな。
さすがにフレームで切ったりは出来ないけど、似たようなカタチって出来ないかな−で出来たのがコレでした。
色んな人がカスタマイズして遊んでくれるといいなぁ。
白背景でも目が痛いとな。
>もう目に優しい緑にするしかない。
ありかもしれません。笑
今度作ってみようかしら。でも緑を弄くるのは苦手だ…
from: 冥 | 2007/03/11 11:01 PM
Trackback
トラックバックURL :
NEW ENTRYS
- 生存報告とか色々なお知らせ (12/28)
- 生存報告とお知らせと宣伝と (08/21)
- CSS Naked Day だそうです。 (04/09)
- gift (03/28)
- エントリが1ヶ月おきな件について (03/24)
COMMENTS
TRACKBACK
- JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ buggy_trekkerの学習帳 (10/24) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ Memoのメモ (08/23) - (追記:2007.8.29)IE7でbodyの背景が拡大/縮小されない!【IE7対策】
⇒ SOHOカアチャン通信 (06/09) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ WEB制作会社のメモ帳in徳島(ホームページ作成Tips) (11/18) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ btmup Blog [tech] (11/04) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ Bowz::Notebook (03/12) - Twitterな話。
⇒ COLORFULLIFE (05/16)
ARCHIVES
- December 2010 (1)
- August 2009 (1)
- April 2008 (1)
- March 2008 (2)
- February 2008 (1)
- December 2007 (1)
- November 2007 (1)
- October 2007 (1)
- August 2007 (1)
- July 2007 (2)
- June 2007 (10)
- May 2007 (4)
- April 2007 (9)
- March 2007 (16)
- February 2007 (17)