るうのたわごと。

[£]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


  関連記事

no image
[£]京都グルメマップを作ってみた!…だけですよ?

迷子属性のるう(@Lugh_)です。 Twitterのお友達で「京都に行きたい! …

danbou
[£]”するぷろ”既存エントリーBANからの生還劇

Androidではモブログし難いよね、と思っているるう(@Lugh_)です。 う …

no image
[£]Stinger2をカスタマイズする -「続きを見る」のスタイルを変更する-

カスタマイズで検索に来て下さる方もちらほら居てくださるのが励みになっているるう( …

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

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

交換サービスの箱
[£]Xperia SX、復元中に迷うことなく入れたアプリ8選

復元作業に疲れてしまい、アプリ最低限の生活をしているるう(@Lugh_)です。 …

ジェットストリーム 3色ボールペン
[£]ジェットストリーム 3色ボールペン 0.5mmの替え芯をようやく買ってきたよ。

ジェットストリーム 3色ボールペン 0.5mm愛用中のるう(@Lugh_)です。 …

no image
[£]STINGER3、ウィジェットがうまく編集されない場合はテーマを変えてみるといいかも?

と、言うことを書こうと思ったら事象が再現しなかったるう(@Lugh_)です。 い …

wpid-rps20131123_145254_874.jpg
[£]LAWSONポイントカードを再発行してみた

LOWSONをよく使うるう(@Lugh_)です。 ポイントを使おうとロッピーの機 …

no image
[£]とりあえずPC版!SNSボタンの形をそれとなく揃えてみたよ!

やろうやろうと思っていたことをようやくやりました。 るう(@Lugh_)です。 …

だららんペンギン
[£]「Stinger2」改造 -SNSアイコン群にFeedly・RSS追加-

「Stinger2」で運営中のるう(@Lugh_)です。 「Stinger2」は …