wiki:pne-xhtmlcss/upgrade/colorcode
 ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Version 3 (modified by masabon, 13 years ago) (diff)

2.12からのバージョンで2.10の配色を使用する方法(テーブル・項目背景1を追加)

TOC

2.12からのバージョンで2.10の配色を使用する方法

見出し・セル罫線

テーブル外枠

Lineパーツ以外のパーツの外側の線とホーム系画面の左側パーツの線の色を変更するには以下のような指定を行います。

div.dparts, #LayoutA #Left div.parts {
        border-color:線の色;
}

メッセージメニュー枠線

テーブル背景1

配色・CSS設定「4. 枠色」で設定できます。

テーブル内枠

配色・CSS設定「1. 線の色」で設定できます。

セル背景1

配色・CSS設定「7. ボックスの背景」で設定できます。

セル背景2

マイフレンドリスト・コミュニティリストの画像セルの背景色を変えます。

.photo td {
    background-color: 背景色;
}

friendIntroList(フレンド紹介文リスト)の背景色を変更するには以下のようにします。

div.friendIntroList th {
    background-color: 背景色;
}

紹介文下部罫線

テーブル背景2

homePhotoBoxの枠色を変更するには以下のような指定を行います。

div.homePhotoBox {
        background-color:線の色;
}

見出し背景

配色・CSS設定「5. 見出し背景」で設定できます。

9面パネル罫線

テーブル・項目背景1

表の項目部分の指定は以下のようにします。

infoButtonBox(ボタン付き案内ボックス)のblock内の背景色

div.infoButtonBox .block {
    background-color: 背景色;
}

messageList(メッセージリスト)のテーブルの見出しの背景色

div.messageList th {
    background-color: 背景色;
}

sideNav(サイドナビ)のカレンダーの見出しの背景色

#Body div.calendar div.partsHeading {
    background-color: 背景色;
}

テーブル・項目背景2

配色・CSS設定「6. 説明領域背景」で設定できます。

日記カレンダー背景

配色・CSS設定「8. 左メニュー枠色」で設定できます。

お知らせ見出し背景

サイドバナー領域背景

配色・CSS設定「2. ページ背景」で設定できます。

コンテンツ領域背景

配色・CSS設定「3. コンテンツ領域背景」で設定できます。

カレンダー(日曜)背景

Searchフォーム背景

関連ページ