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モジュールを使用している場合は、その一番最後にファイルの記述を書き写して調整してもいいです。 面倒くさい人
MTテンプレート vicuna - クラスアイテム
vicuna.jpの専用スキンには、記事投稿時に使えるスタイルがあらかじめ用意されています。これらは、2-class.cssのに汎用クラスとして記述されており、要素と組み合わせて使用します。 ここで紹介するclassはデフォルトでは使用されていません。 画像を左右に寄せたい 記事内に画像を挿入し、本文の左右に回り込ませたいときなどには.img_Lや.img_Rクラスを使用します。 以下は画像を左によせ、本文を回りこませ対場合の記述例です。 (エントリー、改行変換無しでの投稿時) <p class="img_L"><img href="" height="100" width="100" alt="photo" /></p> <p>Text Text Text Text Text Text Text Text Text Text Text Text</p> 以下、表示サンプル .img_L
MTテンプレート vicuna - アイキャッチ画像の表示
アイキャッチ画像とは、ページデザインの印象を直接視覚的に伝える要素です。 ここでは、アイキャッチ画像の挿入と編集方法、アイキャッチ画像が手に入るサイトを紹介します。 Eye Catch モジュールの読み込み方法 mt.Vicuna専用スキンでは、スキンによってアイキャッチモジュールを読みこませることができるものがあります。他のモジュールと同様、読み込ませるためのimport規則は5-module.cssに記述されており、コメントアウトの解除によって即座に適用されます。 /*-------------------------------------- Eye Catch [Short] ---------------------------------------*/ /* @import url(module/hoge.css); */ 以下のソースではコメントアウトの解除によりモジュー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
