るうのたわごと。

[£]Stinger2をカスタマイズする -サーチボックスのスタイルを変更する-

 

今日は何を書こうと思っていたのかをすっかり失念しているるう(@Lugh_)です。
仕方がないので、需要があるのかないのかわからないサーチボックスのスタイル変更を書いておこうと思います。

seach

今日の作業も、style.cssです。
※作業前と書いているのはDLしてきたままの状態のCSSのことです。

1.左端の虫眼鏡マークを変更する
50×32くらいのサイズの「btn2.gif」という画像を作成し、wp-content/themes/stinger(バージョン名)/imagesにアップロードする。
btn2

2.右のサーチボックスの色を変更する

作業前:1212行目あたりから

#s  {
	width: 266px;
	height: 24px;
	border: none;
	color: #333;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	background-color: #CCC;
	font-size: 14px;
}

作業後

#s  {
	width: 266px;
	height: 24px;
	border: none;
	color: #653d29;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	background-color: #EBF7FA;
	font-size: 14px;
}

と、いうわけで完成。
seach2

ロリポップが改ざん対策をせよと言っているので細かい作業をしないとな…と思っているるう(@Lugh_)でした。

 - ぶろぐ, めも , ,

admax300-2

admax300-2

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


  関連記事

wpid-rps20131112_201803.jpg
[£]ニベアでスキンケア再開しました

ニベアはチューブ派のるう (@Lugh_)です。 ニベアってなんかすごいと聞いて …

だららんペンギン
[£]ロリポップで運営しているWordPressの乗っ取り対策?

ロリポップユーザーのるう(@Lugh_)です。 かなり多くのユーザーのWordp …

no image
[£]Androidユーザーに贈る?iOS端末のカーソル移動法

Xperia SXとiPad mini使いのるう(@Lugh_)です。 なぜか、 …

no image
[£]ウェブマスターツールがエラー(hentry)まみれだったので修正してみた:その2

先日施したエラーの結果が思わしくなかったので、少し方法を変えてみました。 先日の …

wpid-wp-1416407810016.jpeg
[£]だららんっと過ごせる気がしない!ミスドのスケジュールン2015を貰ってきたよ!

キイロイトリ派のるう(@Lugh_)です。 ミスタードーナツでポイントを集めても …

no image
[£]スーパーマリオがもらえるキャンペーンは2014.1.20まで!ニンテンドーネットワークIDを登録してみた

ネットワークIDは実は私にとっては不要なんじゃないか…と思ってしまったるう(@L …

炭酸水出し紅茶
[£]好みの味にするのは難しい?簡単ティーソーダの作り方

職場で水出し紅茶を良く作っているるう(@Lugh_)です。 去年の夏、炭酸水には …

no image
[£]ウェブマスターツールがエラー(hentry)まみれだったので修正してみた

TLが騒がしかったので、確認してみたら見事にエラーまみれだったるう(@Lugh_ …

Xperia SX with Danbou
[£]WPTouch(フリー版)をAndroid4.1に対応させてみた

一つ進んだら一つ問題が起きてる気がするのはきっと気のせい…と思いたいるう(@Lu …

no image
[£]ドメイン、更新しました。が…

デザインの神様降りてこないかなぁ…とぼやいているるう(@Lugh_)です。 ドメ …