気ままにアクアリウム

*

20.見出し前の画像を変更する。

      2014/06/02 6:37 pm    0

  • 見出し2,3前の標準画像を変更します。
  • 見出し2前の画像変更は「19.見出し2前の画像を表示する。」を実施している必要があります。

見出し2前の画像変更方法

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

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

pen24

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

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

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

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

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

/*中見出し*/

h2 {
	font-size: 24px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 75px;
	color: #000;
	line-height: 30px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: -65px;
	background-image: url(images/cah2-bk.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/*中見出し*/

h2 {
	font-size: 24px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 75px;
	color: #000;
	line-height: 30px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: -65px;
	background-image: url(images/pen24.png);
	background-repeat: no-repeat;
	background-position: left top;
}

 見出し3前の画像変更方法

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

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

pin

(2)は同様

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

.kizi h3 {
	font-size: 20px;
	margin-bottom: 30px;
	margin-top: 10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 60px;
	color: #000000;
	line-height: 30px;
	background-image: url(images/cah3-bk.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.kizi h3 {
	font-size: 20px;
	margin-bottom: 30px;
	margin-top: 10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 60px;
	color: #000000;
	line-height: 30px;
	background-image: url(images/pin.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

以上です!

 - Stinger3 , , , ,

Shares