画像の使用を(略)CSS大会
大会の趣旨
画像の使用を控え(あるいは一切使用しないで)、スペース、ボーダー、配色などを駆使し、どれだけ美しいCSSデザインが作れるか皆で挑戦しよう!
という大会が開催されているようで
一時期個人的に画像全然使わないデザインとかにはまってたこともあたので、応募してみた。
大会内容を簡単に説明すると
開催側が用意したHTMLをCSSのみでデザインしてみたらいんじゃね?みたいな感じ^^^
→
大会用HTML
部門が2つあって、まったく画像使わない部門と画像ちょっとだけ使ってもいいよ部門がある模様
とりあえず画像使わない部門にエントリー
上の大会用HTMLがCSSだけでこんな感じになる
→
提出作品
→
作成したCSS
もうちょっとダークでポップな感じにしたかったんです>w<
コーディングは好きなんだけどなー
いかんせんデザイン力の方g
最初、フォントにTrebuchet MSを使いたかったんですが
どうやらIEだかMicrosoftだかにバグがあるっぽく
文字サイズがなんかおかしいことになるらしいので諦め>w<
ところどころかなり手抜きをしてて
HTMLにはhrタグの水平線が入ってたんですが
かなり扱いに困って
hr { display: none;}
とかやっちゃう始末wwww
左側に日付を持ってきたのは完全にデザイン目的ですありがとうございまst
2007年のとこで自動改行されるように幅調節するのが地味にめんどうでした^^^^
ウィンドウ小さくすると本文にもかぶっちゃって、これはどうにかしたかった所
z-indexが超絶意味わからない件
あ、ちなみに表示確認はFirefox2とIE6、IE7ぐらいしか見てませんヨー
これをblogテンプレにしようと思ったら
かなり手直しが必要な予感
まあ楽しみつつ作れましたん(*'ω'*)