追記: 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 でブログはじめちゃいましょう。
- Newer: Vicuna カスタマイズサイト Part2
- Older: floatプロパティのテスト
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してみることにしました。おせわになりますｗ- 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はちょっとした遊び心です(´・ω・｀)
週末時間を見つけてＭＴのほうもお世話になりますね。
ぢつはまだMT4適用してないのでその辺も併せて･･･
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 3.5ping.org
