気ままにアクアリウム

*

21.サイドバー見出し前の画像を変更する。

      2014/06/28 12:41 pm    0

  • サイドバー見出し前の標準画像を変更します。

サイドバー見出し前の画像変更方法

(1)オリジナル画像を用意する。

Check.png(ファイル名はご自由にどうぞ)

Check

画像は32×32くらいまでが良いと思います。

(2)画像をimageフォルダへアップデートする。

FFFTPツール等で、(1)で用意したファイルをimageフォルダへアップデートします。

※imageフォルダは”/public_html/wordpress/wp-content/themes/stinger3ver20140327/images”にあります。

(3)スタイルシート(style.css)を変更する。

/*サイドの各タイトル見出し*/

.menu_underh2 {
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	background-image: url(images/ca3.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/*サイドの各タイトル見出し*/

.menu_underh2 {
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	background-image: url(images/Check.png);
	background-repeat: no-repeat;
	background-position: left center;
}

更にサイドバー見出しの色と背景色変更方法

(1)スタイルシート(style.css)に追記する。

/*サイドの各タイトル見出し*/

.menu_underh2 {
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	background-image: url(images/Check.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/*サイドの各タイトル見出し*/

.menu_underh2 {
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	color: #CF0;
	background-color: blue;
	background-image: url(images/Check.png);</pre>
	background-repeat: no-repeat;
	background-position: left center;
}

もちろん、色指定はお好きなように!


以上です!

 - Stinger3 , , , , , , ,

Shares