Home > Vicuna > | XHTML CSS > サブスキン CSS

サブスキン CSS

追記: 2008.01-07. Mono Crystal サブスキンも追加しました。スキンページからダウンロードできます。

以前のエントリーで CSS スキンの構成について解説しましたが、そこでスキンの色彩定義等をまとめたサブスキンというものを作ったと書きました。今回、Ninja スキンをベースに、イメージを大きく変える Boomer というサブスキンを作ったので紹介します。

Ninja スキンはデフォルトではモノクロのやや暗い感じの配色なのですが、サブスキンの入れ替えでイメージを変えやすいように作ってあり、サブスキン第一弾として、Ninja スキン用の Boomer サブスキンを配付しました。

Boomer sub skin

Ninja スキンを適用後、style-ninja/subSkinを、Boomer のsubSkinフォルダと差し替えることで適用されます。 

1-subSkin.css で変更した箇所は

  • ヘッダーの上のボーダー色
  • 背景色・背景画像の変更
  • サイドバーのタイトルの背景画像
  • サイドバーの項目の背景色

で、ここら辺の変更は、1-subSkin.css 内のコメントを見ながらCSSに明るくない人でも変えられる簡単なものです。 これだけでもだいぶイメージが違うと思います。ちょっとNinja から変えたと言えば、早速 Vicuna アイコン のものをいくつか使って装飾した点で、アイコンの表示例として見ていただけたらと思います。 使われていないアイコンは subSkin/images/ に同梱してあるので、CSSの背景画像のアドレスを変えれば色々なアイコンに変更して遊べるでしょう。

可能なレイアウト

構造的な部分は NInja スキンを継承しているので、Boomer サブスキンでも同じように、コメントアウトでさまざまなレイアウトに対応できます。

2008年は Vicuna CMS でブログはじめちゃいましょう。

Comments:6

zeroshiki 2008年1月 7日 10:55

すげー

さっそくやってみますね

wu 2008年1月 7日 12:40

あ、FC2ブログは構造的に出来ないですね・・・。
どこかにスキンフォルダをアップして、FC2ブログから読みこませばいいのですが。
FC2のスキンテンプレートは独立していて保守が大変なので、しばらくしてから対応させます。

sishu 2008年1月 9日 01:48

2008ねんはVicuna CMS でブログはじめちゃいます。
とりあえずfc2してみることにしました。おせわになりますw

Sumika 2008年1月 9日 03:53

Mono Crystal の訪問済みentry h2 aの表示がおかしくなってるみたい?

wu 2008年1月 9日 09:37

おおお、いいね!でも sishu には FC2ブログ はお勧めしないよ! やめたほうがいいよ。

sumikaさん
うわ、すごいことになっちゃってますね。すみません。
おうち帰ったら即効直します。ご報告ありあとう!

sishu 2008年1月 9日 23:48

FC2とは別にゼロベースから構築してる環境がありますので、FC2はちょっとした遊び心です(´・ω・`)
週末時間を見つけてMTのほうもお世話になりますね。
ぢつはまだMT4適用してないのでその辺も併せて・・・

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://3ping.org/mt2/mt-tb.cgi/114
Listed below are links to weblogs that reference
サブスキン CSS from 3ping.org

Home > Vicuna > | XHTML CSS > サブスキン CSS

Book

実践 Web Standards Design

拙著「実践 Web Standards Design」ではXHTMLやCSSの仕様からマークアップの手法・考え方をはじめ、レイアウトや実践的なWebサイト構築のワークフロー、そしてCSSを利用したさまざまな技術的Tipsを解説しています。

Products
OpenID accepted here

Accepted OpenID

Search
Feeds

Return to page top