fc2ブログ
2005.11.17

CSS で装飾してください。に便乗

livedoorに帰参するとか言っておいてむこうは全く更新していないわけで・・・


というのもBlukfeedsの検索で面白そうな企画を見つけたので少しずつ作業してました。
その企画というのはCSSデザインで有名なcss Zen Gardenに似た事をFC2ブログでもやってみようという趣旨。


CSS で装飾してください。 - R'style Lab in FC2


とても面白そうなので私も乗っかってみました。
デザインするに当たってのちょっとしたルールは以下。

1. タグの総数を増やしてはいけない
  (ただし、減らすことに制限なし)
2. 他の部分でタグを削れば、その同数タグの追加は可
3. xml 宣言、head 要素 内などは上記条件の対象外。
4. 一般的なブログとしての機能は確保してあること
  (コメント、トラックバック、ナビゲーション、なるべくトップに記事)
5. テキスト部分、及び属性などは全て自由に編集可
  (タグ以外の編集に制限なし)
6. RSS Feed、管理者ページへのリンクなどの記述位置・有無は自由。
7. id 属性は 10 個まで任意で追加可
8. class 属性は 5 種類まで任意で追加可
9. CSS で使用する画像サイズに制限なし

こちらのルールに従って基のXHTMLテンプレートから
id属性を5つ(#container, #descript, #contents, #navi, #paging)、class属性を1つ(.main)
追加させてもらい残りはほとんど弄らずにデザインしてみました。
※macIEだとカラム落ちする様子。(泣)


プレビュー:rouge (XHTML, CSS)


感想:
とりあえず今持っている自前の知識のみで作ってみましたが、やはり知識不足を実感させられます。
CSSはもちろんですが、構造の勉強にもなりました。
また他の参加者の方の作品を見ることが出来るのでとても参考になりますね。
面白い企画を立てられたR'styleさんに感謝です。


Posted at 12:06 | Template | COM(12) | TB(0)
2005.11.10

移植作業完了しました。

以上でlivedoorで配布しているデザイン、全16作品を移植させて頂きました。
そのうち新しくテンプレートを作る可能性も大でございますが、とりあえずlivedoorへ帰参させてもらいます。


作品集として上メニューのPortfolioに全ての作品へのリンクを載せてます。
またそれぞれのテンプレートへのご質問や不具合のご報告などはテンプレート配布用にそれぞれ記事を用意しておりますので、コメント欄に書き込んで頂ければ対応させていただきます。
また上メニューのContactよりご連絡していただいても構いません。


ありがとうございました。


Posted at 00:40 | Template | COM(2)
2005.11.09

burberry

burberry

dressyと同じ形で背景にバーバリーチェックを使用しました。
dressy,dressy_blueと比べて落ち着いた雰囲気なので使ってみてください。
livedoor Blogですでに配布しているものをFC2用に移植してみました。


上のプレビュー画像はWinIE6で表示させたときのものです。
他のブラウザでは表示が若干違うかもしれません。


このテンプレートは個人・法人を問わず自由に使用することが出来ますが著作権は放棄しておりません。
※ただしアダルト関係や宗教関係のブログ、公序良俗に反するブログでのご使用はお控えくださいますようお願いいたします。


画像の二次加工やHTML,CSSをカスタマイズしてのご利用はご自由にしてください。
ただし再配布や共有テンプレート化はお控えください。


このテンプレートに関しまして何かご質問などありましたらこちらにどうぞ。


制作環境は以下の通り。
OS:WinXP
ディスプレイ解像度: 1024x786 32bitカラー
ブラウザ:InternetExplorer6、Firefox1.0.7、Opera8.5、Netscape7.1
IE使用時の文字サイズ:中


Posted at 21:37 | Template | COM(3) | TB(0)
2005.11.08

dressy_blue

dressy_blue

dressyの色違いブルーバージョンです。
少々派手(ケバイとも言う)なので使う方を選ぶデザインかもしれません。
livedoor Blogですでに配布しているものをFC2用に移植してみました。


上のプレビュー画像はWinIE6で表示させたときのものです。
他のブラウザでは表示が若干違うかもしれません。


このテンプレートは個人・法人を問わず自由に使用することが出来ますが著作権は放棄しておりません。
※ただしアダルト関係や宗教関係のブログ、公序良俗に反するブログでのご使用はお控えくださいますようお願いいたします。


画像の二次加工やHTML,CSSをカスタマイズしてのご利用はご自由にしてください。
ただし再配布や共有テンプレート化はお控えください。


このテンプレートに関しまして何かご質問などありましたらこちらにどうぞ。


制作環境は以下の通り。
OS:WinXP
ディスプレイ解像度: 1024x786 32bitカラー
ブラウザ:InternetExplorer6、Firefox1.0.7、Opera8.5、Netscape7.1
IE使用時の文字サイズ:中


Posted at 23:40 | Template | COM(0) | TB(0)
2005.11.07

dressy

dressy

plainとほぼ同じ構成で背景やバナーの色を変えたモノです。
少々派手(ケバイとも言う)なので使う方を選ぶデザインかもしれません。
livedoor Blogですでに配布しているものをFC2用に移植してみました。


上のプレビュー画像はWinIE6で表示させたときのものです。
他のブラウザでは表示が若干違うかもしれません。


このテンプレートは個人・法人を問わず自由に使用することが出来ますが著作権は放棄しておりません。
※ただしアダルト関係や宗教関係のブログ、公序良俗に反するブログでのご使用はお控えくださいますようお願いいたします。


画像の二次加工やHTML,CSSをカスタマイズしてのご利用はご自由にしてください。
ただし再配布や共有テンプレート化はお控えください。


このテンプレートに関しまして何かご質問などありましたらこちらにどうぞ。


制作環境は以下の通り。
OS:WinXP
ディスプレイ解像度: 1024x786 32bitカラー
ブラウザ:InternetExplorer6、Firefox1.0.7、Opera8.5、Netscape7.1
IE使用時の文字サイズ:中


Posted at 21:29 | Template | COM(8) | TB(0)