Vicunaのスキンをローカルで編集・調整する方法 - 3ping.org
Vicunaで配布しているスキンをカスタマイズする場合には、ローカルでスキンCSSを編集したあとにサーバーにアップロードし、実際のブログの表示を確認するという方法になりますが、大幅に変更したい場合などは編集のたびにこの作業をしなくてはならず、とっても面倒くさいです。 そこで、編集作業を軽減するために、VicunaのXHTML構造と同じHTMLファイルを用意しました。このファイルを使い、ローカルでスキンの編集と表示の確認をした後、完成したCSSファイル一式をサーバーニアップロードすることでローカルでの表示と実際にVicunaを使って運営されているブログが同じように表示されます。 私がVicunaのスキンを製作するときはこのファイルを利用しています。 使い方 まず以下のリンクからtyle-test.zipをダウンロードします。 Download: styleTest.zip スキンフォルダの中
Vicunaのキーカラーを一発調整するCSSモジュール - 3ping.org
配色の中で主要な色をグループ化し、最低限の編集でキーカラーを変更するkeyCollor.cssを試験的に作りました。一応、全てのスキンで使うことができます。 Vicunaは主要な要素(例えばリンクやボタン類など)は機能的に目立つ色にデザインされており、これにはある程度規則があるので、それらのセレクタをまとめ、数箇所色を変更するだけでアクセントとなる色を変更できるようにしたCSSファイルです。 使い方 keyCollor.cssをダウンロードし、お使いのスキンのmoduleフォルダの中に入れ、5-module.cssからimportしてください。(別にどんなやりかたでもいいけど、他のモジュールにならって) 同じようなCSSファイルにsubSkin.cssがあるのですが、もしsubSkinモジュールを使用している場合は、その一番最後にファイルの記述を書き写して調整してもいいです。 面倒くさい人
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
