TOC

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

「XHTMLCSS化 バージョンアップ時の注意」に戻る

見出し・セル罫線

searchFormLine(検索フォームライン)の入力欄の枠線の色を変更するには以下のような指定を行います。

.searchFormLine .input_text {
    border: 1px 線の色 solid;
}

weeklyCalendarTable(週間カレンダーテーブル)の枠線の色を変更するには以下のような指定を行います。

.weeklyCalendarTable .block,
#Body .weeklyCalendarTable .calendar td {
    border: 1px 線の色 solid;
}

homeMainTable(ホームメインテーブル)の枠線の色を変更するには以下のような指定を行います。

.homeMainTable .partsHeading {
    border-width: 1px 1px 0px;
    border-color: 線の色;
    border-style: solid;
}
#Body .homeMainTable th,
#Body .homeMainTable td {
    border-width: 1px 1px 0px 0px;
    border-color: 線の色;
    border-style: solid;
}
.homeMainTable table {
    border-width: 0px 0px 1px 1px;
    border-color: 線の色;
    border-style: solid;
}

friendIntroList(フレンド紹介文リスト)の枠線の色を変更を行います。

.friendIntroList .partsHeading {
    border-width: 1px 1px 0px;
    border-color: 線の色;
    border-style: solid;
}
#Body .friendIntroList th,
#Body .friendIntroList td {
    border-width: 1px 1px 0px 0px;
    border-color: 線の色;
    border-style: solid;
}
.friendIntroList table {
    border-width: 0px 0px 1px 1px;
    border-color: 線の色;
    border-style: solid;
}

テーブル外枠

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

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

メッセージメニュー枠線

sideNav(サイドナビ)のメッセージメニューの線の色を変更するには以下のような指定を行います。

.pageNav ul {
    border-width: 1px 0px 0px;
    border-color: 線の色;
    border-style: solid;
}
.pageNav li {
    border-width: 0px 1px 1px;
    border-color: 線の色;
    border-style: solid;
}

テーブル背景1

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

テーブル内枠

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

セル背景1

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

セル背景2

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

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

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

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

紹介文下部罫線

friendIntroList(フレンド紹介文リスト)の紹介文下部罫線の色を変更するには以下のような指定を行います。

.friendIntroList .block.moreInfo {
    border-width: 0px 1px 1px;
    border-color: 線の色;
    border-style: solid;
}

テーブル背景2

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

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

見出し背景

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

9面パネル罫線

homeNineTable(ホーム9面テーブル)の枠の色を変更するには以下のような指定を行います。

#Body .homeNineTable td {
    border-width: 1px 1px 0px 0px;
    border-color: 線の色;
    border-style: solid;
}
.homeNineTable table {
    border-width: 0px 0px 1px 1px;
    boder-color: 線の色;
    border-style: solid;
}
.homeNineTable .block.moreInfo {
    border-width: 0px 1px 1px;
    border-color: 線の色;
    border-style: solid;
}

テーブル・項目背景1

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

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

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

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

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

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

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

テーブル・項目背景2

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

日記カレンダー背景

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

お知らせ見出し背景

homeInfoBox(ホームインフォメーションボックス)の背景色を変更するには以下のような指定を行います。

#Body .homeInfoBox {
    background-color: 背景色;
}

サイドバナー領域背景

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

コンテンツ領域背景

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

カレンダー(日曜)背景

カレンダーの日曜日のセルの背景色を変更するには以下のようにします。

.calendar .sun {
    background-color: 背景色;
}

Searchフォーム背景

searchFormLine(検索フォームライン)の背景色を変更するには以下のような指定します。

.searchFormLine ul {
    background-color: 背景色;
}

関連ページ

• XHTMLCSS化 バージョンアップ時の注意
• OpenPNE2.12でできる見栄えの変更
• 【～2.10】SNS配色設定対応表
• ​【2.12～】SNS配色設定対応表

WikiInclude(DIRECTORYNAVI)?