FC2ブログ

logs

すっごいテンプレート

 まずは私の努力の後を見てもらおう。最初はここから始まった。

  (Javascriptで動いてます)

 うわっ。びっくり。何じゃこれ。(再度ボタンを押すと元に戻ります)
最初はこうで、そして現在がこれである。



 発想力がないのである。1から物事を作り上げることが苦手なのである。

 例えば、テンプレートを1から作ろうなどと思ったことはない。何せ具体的に素敵なアイディアなど湧かないのである。なので、今までも気に入った機能のテンプレートをカスタマイズしてそれを長らく使うと言うことをしてきたわけだ。

 一度気に入るとなかなか手離さない方なので、今はchameleonをちまちま弄り倒している。とりあえず長らく使えるようにcyaimi_styleを作っちまおう。

 と思った矢先であった。

 CSS で装飾してください。(by R'style Lab in FC2
 
補足:決められたHTMLを縛りに則ってCSSを作成する企画。


 前述の通りである。具体的なものは湧かないのであるが、「とりあえず1から書けるかどうか」と、鎖骨と鎖骨を結ぶ点の10cm下辺りの奥の方からなにやらムラムラとこみ上げるものを押さえきれずに取り掛かってしまった。

 そして出来上がったのがこいつである。なんともシンプル。装飾自体どっかで見たことありげであると言うか、誰でも思いつきそうなと言うか、独創的な部分が欠片もないとか、総合して言えば特徴もそれほどないいやはやなんともな仕上がりである。むしろ、敢えて作らないでも良かったのじゃないかと思うほどである。

 それでもこのテンプレートのすっごいところは、

 初めて1からCSS書いてみた

 これである。
(カレンダーはchameleon見ながらだけどね。そうそう、アイコン風RSSもね。しかもフォームで泣きそうになったけどね)

 いやもうがんばった私。偉いぞ私。シンプルでも誰でも作れそうでも何でもいい。とりあえず「最初から」なのである。満足。

 (注:この記事でコメント・トラックバック部分も見ることが出来ます)


 ムラムラする機会をくれたR'styleさんに感謝感謝。

この記事へのトラックバック

http://cyaimi.blog5.fc2.com/tb.php/202-ca0ce292

お題にチャレンジ~♪
  • 2005/11/09
  • From : Glim.

Glim.何だかな~(ToT)cyaimiさんの所で記事を読みつつ自分もチャレンジしたのですが・・CSS で装飾してください。( ......


この記事へのコメント

 シンプル
  • 2005/11/05
  • R'style ♦skJgSh2U
  • URL
  • [ 編集 ]

配色と点線の装飾でカワイイ感じがしますね。
(私が「カワイイ感じ」なんて似合いませんね orz)

特に気になったのは 「RSS」 がよくあるあのアイコンっぽく装飾されている点ですね。 ( ^ー゜)b ナイス
コメント投稿フォームもイイ感じです。

ただ、細かい事ですが一点だけ。
CSS ではありませんが、「entries」は class 属性にされるとなおいいです。テンプレート編集画面では一度しか出てきませんが、実際に Web ページになると複数回繰り返される部分なので、id 属性は好ましくないです^^;

(元ですが) 私の XHTML で1からCSSを書くというのは大変だったかもしれませんが、何か一つでも cyaimi さんのプラスになった事があればいいなと思っています。それでは。

 > R'styleさん
  • 2005/11/06
  • cyaimi ♦qPsYJoI2
  • URL
  • [ 編集 ]

いやもうめちゃくちゃ勉強になりました。
元からあるものに手を加えるのではなく自分で考えながら定義付けていくって、今まで判っていたような気になっていた部分をはっきり認識できる感じで、ずいぶんと納得できました。
特に今まで苦手だったフォームも悪戦苦闘しながら(縛りが特に役に立ちました)何とか出来上がりました。

entries、なるほど。ああ、なるほど。ああ、そうか。(徐々に納得度合いが上がっていくらしい)
また一つ勉強になりました。

> 「RSS」 がよくあるあのアイコンっぽく装飾されている点ですね。 ( ^ー゜)b ナイス

実はこれもchameleonのパクリでした。おほほ
これを最初見た時に「ああ、CSSってこんなことまでできるんだぁ」と思ったのでした。

アドバイスもいただき、ありがとうございました。

 Re: すっごいテンプレート
  • 2005/11/12
  • 有希之武 ♦V/g6puX6
  • URL
  • [ 編集 ]

どうもchaimiさん
私もchaimiさんの記事を読んでトライしたんですが、自分で作るとすぐにHTMLの方を都合良く変えてしまって本当の意味でCSSが出来る事って奥が深いと再認識しました。
R'styleさんには感謝をせねば(^ー^)
テンプレートと言えば、chameleonの仕組みを理解したいと一度思って探索したのですが、その時は分かりませんでした。(^^;
いつかchameleonを解読して仕組みを横取りしたいと考えている怪盗yukinoでした。(笑)

 chameleon
  • 2005/11/13
  • cyaimi ♦qPsYJoI2
  • URL
  • [ 編集 ]

なかなか難しいですねぇ。構造をそのままに見た目だけ変更は何とかあと一歩くらいまで出来たのですが、
タブの部分なんかはもうお手上げ状態です。
私などはHTMLを生かしたままCSSの変更をと思ってますが、
このHTMLを他に組み込んで、とかもう鼻っから諦め気分です。ふくざつ~

コメント投稿フォーム

Paging Navigation

Navigations, etc.