「Gush2」カスタマイズ その9 引用部のデザインを変更

   2015/03/13

こんにちは、たけぞうです。

まだまだカスタマイズは終わりません。

引用部を変更する

次に、引用部のデザインを調整します。
全体の背景をグレーから白に変更しました。
引用部のデフォルトは、背景白で囲み罫と影、ダブルクォーテーションの画像で出来てます。
背景白に、白の引用部ではちょっと目立たなすぎなので、少しグレーにします。
合わせて、ダブルクォーテーションの画像(bq24.png)は事前にPhotoshopで背景透明に加工してFTPで差し替えました。

blockquote {
	width: 85%;
	background: #fff url(images/bq24.png) left top no-repeat;
	margin: 24px auto 36px auto;
	padding: 30px 15px 15px;
	border-radius: 4px;
	box-shadow: 1px 1px 2px #000;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
}

これを

blockquote {
	width: 85%;
	background: #f3f3f3 url(images/bq24.png) left top no-repeat;
	margin: 24px auto 36px auto;
	padding: 30px 15px 15px;
	border-radius: 4px;
	box-shadow: 1px 1px 2px #000;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
}

こうしました。
#fffを#f3f3f3としています。

  • このエントリーをはてなブックマークに追加
  • Pocket

この記事へのコメントはこちら

メールアドレスは公開されませんのでご安心ください。
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメント送信」ボタンを押してください。