Stinger5のプチカスタマイズです。

Stinger5で表を作成した場合、行の背景色が交互に白と薄いグレーになります。

　　　↓　　↓　　↓

色が行ごとに違うのは、行がたくさんある時は見やすいのですが、場合によっては背景色を１色で統一した方が綺麗に見えますね。

　　　↓　　↓　　↓

ということで、今回のカスタマイズは「表の背景色を変更」する方法です。

記事内のテーブル（表）の背景色を変更する方法

1.　メニューの「外観」→「テーマの編集」を開きます。

2.　スタイルシート (style.css)のページで、「CTRL」キーを押しながら「F」キーを押します。

3.　そうすると右上に検索窓が出てきますので、そこに「table」と入力します。

　↓　　↓　　↓

または、「エディタ用」と書いてある箇所を探します。

/*——————————–
エディタ用
———————————*/

このすぐ下に表のためのCSSが書かれています。

「table」は表のことです。

スタイルシートの中には４か所「table」があります。

　↓　　↓　　↓

4.　この中にある「background-color:#F3F3F3;」が背景色の指定になっていますので色を変更します。

#F3F3F3　→　#FFFFFF （小文字でも可）

　　　→　　　

5.　「ファイルを更新」の青いボタンを押して更新します。

6.これで表の背景色をすべて白一色に変更できました。

デモはコチラ　＞＞　stinger5-のカスタマイズの参考サイト

その他の色に変更したいときはコチラのカラーチャートが便利です。

　　＞＞　カラーチャート

枠線の色や線の種類を変更するには

.post table {
border-top: 1px #999 solid;
border-right: 1px #999 solid;
}

枠線もCSSを書き換えることで、さまざまな形に変更することができます。

 いろいろ試してみてくださいね。

注※　変更したCSSは記事内のすべての表に影響します。

まとめ

今回はStinger5をちょこっとカスタマイズするという内容でした＾＾

表を作成してグーグルアドセンスを２つ並びにする時に、枠線が気になる時ってありますよね？

そんな時は「solid」を「none」にしてみてね。

ではでは～(@^^)/~~~

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

サトシオ

WEBデザインとかアフィリエイトとかやってます。 3度のメシよりWEBが好きです。気が付けばネット歴20年ｗ 月間に読むコミックスの量ならだれにも負けない自信があります！　←ジマンになってないｗｗｗ 兵庫県在住・人妻・主婦・2児（といってももうデカいよ）の母・8匹の猫飼い

最新記事 by サトシオ (全て見る)

• 丹波の黒大豆の枝豆をタジンで調理してみた -
• 【簡単手作り】　シャキシャキした食感が楽しい「れんこんハンバーグ」レシピ -
• ぶどうパンを焼いてみた【レシピ】 -
• お中元をそろそろ考えないと -
• 内職したことありますか？ -