個別記事

前後の記事

このサイトの誕生日

この記事が属するカテゴリー
Misc

このサイト始めてから今日でちょうど 1 年が経った。1 年なんてホントあっという間なのね。つうことで、とりあえず上っ面の雰囲気を変えてみた。

今月に入ってから、時間があるときにフォトショップでチマチマとモックアップを作ってたんだけど、如何せん最近は時間がなくてどうにもはかどらなく、納得のいかないまま今日になっちゃった。右サイドカラムの部分なんて何も思いつかなかったんだけど、もういいやって感じで見切り発車。おいおい手を加えていく予定。とりあえず、マック IE は対象ブラウザのスコープからは外してしまったんで、マック IE な環境だと若干しょっぱい感じになってるんだけど、閲覧するにはそれほど障害はないはず。

デザインを変えるにあたって

今回は、最初から使いたい色を決めていた。honeydew3(#C1CDC1) と honeydew4(#838B83) に惚れて、この色をどう使うかって所から膨らませてていった。今回も可変レイアウトな訳だけど、前回は両サイドの余白部分は左右 40px 固定だったのを、両サイドの余白も可変にした。んで、余白可変の場合って、div を増やさずに上左右に影をつけるようとすると激しく面倒。とりあえず、スライスして下図のようにブロック要素に割り当てていった。

newdesign_sample.png

基本的には前回の CSS をベースに弄ってるんで、レイアウト的に大幅な変更は無く、部分部分は前のままだったりするんだけど、そこら辺も時間があるときに変えていきます。多分、所々崩れているとこがあるかもしれないんで、気が向いたら教えてください。ちなみに IE でサイト内検索すると結果ページが崩れてるのは確認済み。

まぁ、そんな感じで良く分からないけど、これからもよろしくおながいします ;-)

2005-09-30T21:12:10+09:00 | コメント (12) | トラックバック (0) |はてなブックマーク

関連性が高いエントリー 5 件

トラックバック

このエントリーのトラックバックURL:
http://WWW.lucky-bag.com/cgi/mt/mt-tb.cgi/316

"このサイトの誕生日"へのトラックバックはまだありません。

コメント

lomo さんからのコメント

blogのお誕生日おめでとうございます。
いつもストーカーのように見つめてます。
今回のデザインはオレンジが効いてて色合いもとっても素敵ですね～
ナビゲーションで天使がチラホラ現れるのがとってもかわいい!!

2005年09月30日 21:53
名無し さんからのコメント

この天使の絵は自作ですか？

2005年09月30日 22:23
すずき さんからのコメント

あ、いいですね☆やっぱ好きです。
そして誕生日★おめでとうございますっ。

ちなみに僕も明後日リアルに誕生日だったりします。

あ、関係ないですか。。

これからも楽しみにしてまーす。

2005年09月30日 22:53
e-luck さんからのコメント [TypeKey Profile Page]

>>lomo さん
ありがとうございます :-)
オレンジ、好きな色なんですけど、実際今回使うか迷ったんですよね。目立ち過ぎそうとか思ってたんで。
でも、そう言って頂けて良かったっす。

>>名無し さん
そうですとか言いたい所ですが、あいにく描く時間も画才もないもんで自作ではないです。

>>すずき さん
ありがとうございます。
これからも精進しますです。
あ、お誕生日おめでとうございます :-)

2005年10月01日 00:34
もそ さんからのコメント [TypeKey Profile Page]

いやぁ、恐ろしく綺麗なデザインですねぇ。
さすが、さすが！
私にはこういう透明感のあるデザインは絶対無理なので、余計に感動してしまいます。

ちなみにワタクシは未だにうまい影のつけかたが良く分かってなかったりします…。
こうやってパーツを分ければ、私にもできるのか？と思いつつ、解説図をのぞいてみたり。

2005年10月01日 13:47
Neo さんからのコメント

透明感のあるデザインで素晴らしいですね！
最初、海外のカスイケサイトかと思っちゃったぐらいです！
私はPhotoshopとか使えないんで、こういう画像が作れないです…

2005年10月01日 14:14
Noisy さんからのコメント

お誕生日おめでとうございます。
ていうかこのサイトさんって出来てから一年も経ってなかったのですか…。驚きんぎょ。
これからも頑張ってください。電柱の影から覗いてますので。

2005年10月01日 14:37
e-luck さんからのコメント [TypeKey Profile Page]

>>もそ さん
どうもです :-)
影はフォトショップのレイヤー効果でつけてますね。
最初はどうスライスするとか考えずにフォトショップでゴリゴリとああでもないこうでもないって。
って、もそさんは Fireworks 派でしたっけ。

>>Neo さん
いやいや、僕もフォトショップはまだまだっす。
海外カスイケとかのフォトショップ使いな人たちには到底適わないっす。

>>Noisy さん
そうなんです、まだ一年なんですよー。
「クールな URI は変わらない」を目指します ;-)

2005年10月01日 18:53
あや さんからのコメント

お誕生日おめでとうございます！
いつも楽しく読んでます。
前のデザインもかなり、めっちゃ好きでしたが
今回は記事が読みやすいですね！
これからも流行り先取りな楽しい記事とィヶてるデザィン、期待してます！☆★

ところで、Lucky bagのコメント記入時に
名前欄からメルアド欄に飛ぶときなどにTABを押すと
ページ右上の検索窓に飛んじゃうのですが、
私だけでしょうか？WinXPのFirefox 1.0.7を使ってます。
もう一度TABを押せばまたコメントの方に飛ぶし、
ショートカットキーがついてるからそっちを使えばいいだけの話なのですが、
TABの方が慣れてるので、ちょっとびびりました。
…もしかしてこれが普通なんですかね？(^-^;
あんまりわかんないですけど、気が向いたら検証してみてください☆

それでは、これからもがんばってください◎

2005年10月02日 12:47
e-luck さんからのコメント [TypeKey Profile Page]

>>あや さん
ありがとうございます。
TAB の件、ご報告ありがとうございます。
全然、気づいてませんでした :-P
サイド部分は php でインクルードしているんで、tabindex の値がフォームの部分と被ってしまってる状態でした。
とりあえず、修正しておきました。感謝です :-)

2005年10月02日 13:04
シンヤ さんからのコメント

うわー、凄いキレイになってますね！ 一周年を天使に祝ってもらってるのですね。

私もこうゆうセンスが欲しいです。

2005年10月04日 18:12
e-luck さんからのコメント [TypeKey Profile Page]

>>シンヤ さん
ありがとうございます。
うーん、センスあるんでしょうか（笑）
そう言って頂けると単純なんで嬉しいっす。

2005年10月04日 22:56

コメントしてください

コメント内ではタグは一切使えません。コメント内にてタグを表記したい場合は、お手数ですが、文字実体参照を利用して < を &lt; 、> を &gt; とそれぞれ置き換えてください。




保存しますか?


(V) (P)