おちゃのこ通信 Vol.121 - デザイン道場 - おちゃのこネットメールマガジン

このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。

皆さん、こんにちは。おちゃのこネットの刑部です。
今回のデザイン道場は、No.1～No.5の文字色、サイズを変更する方法をご紹介します。

	http://cafe0808.ocnk.net/

スタイルシートを編集する

管理画面→デザイン管理→スタイルシートの編集をクリックして下さい。

下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

/* 1位用 */
.rank1 {
color: #FF0000;
font-size: 16px;
font-weight: bold;
}

/* 2位-5位用 */
.rank2-5 {
color: #FF0000;
font-size: 14px;
font-weight: bold;
}

編集後、「登録処理を完了する」ボタンをクリックして下さい。

※上記は、中央エリアにランキングを配置している場合の指定となります。
右エリアに配置されている場合は、.rank1は使用しておりません。
全て.rank2-5の指定のみを利用してNo.1～No.5まで共通で指定しています。

color について	color: #FF0000; 文字色用の指定となります。例では、赤色となりますので、#FF0000をご希望のカラーコードに変更して下さい。、
font-size について	font-size: 16px; 文字サイズ用の指定となります。例では、No.1が16px、No.2～No.5が14pxで表示されます。
font-weight について	font-weight: bold; 文字の太さの指定となります。例では、太字になります。

なお、お問い合わせは下記ページからお願い致します。

https://www.ocnk.net/contact/index.php