スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

--:-- | スポンサー広告 | edit | page top↑

検索フォームの変更(不具合ではありません)

pb_searchbox
変更前(pb_fallの場合)
メニューの「検索フォーム」に関する変更です。
今までのテンプレートでは検索フォームは右の画像のように入力欄は下線になっていたのを、ボックスにします。
pbテンプレートでは、コメント投稿フォームの設定がメニューの「検索フォーム」にも反映されていたため、一部のテンプレートには「プラグインの検索フォームの中に新たにクラス名(class="sbutton")を追加してください」と記しておいたのですが、これをスタイルシートのみで設定できるようにしました。

すべてのテンプレートを変更+上書き登録済みですが、ご自身で変更されたい場合は、以下の方法でお願いいたします。


pb_searchbox
変更後(pb_fallの場合)
*不具合ではありませんので、気にならないという方は修正の必要はありません。

*この件に関する質問はこちらの記事のコメント欄へお願いいたします。


最後にHTMLの修正箇所を載せておきます。
これは、プラグイン無効での検索フォームですのでプラグイン有効でお使いの場合は、変更の必要はありませんが、ついでですのでなるべくでしたら修正しておいてください。


以下の部分をスタイルシートの一番下にでもコピペしてください。テンプレートによって違いますので、お気を付けください。(新しい順になっています)。

また、既にスタイルシート内に「/*検索フォーム*/」などの記述があれば、その部分は削除してください(削除しなくても問題ありません)。

pb_helmet
/*検索*/
p.plugin-search input{
font-size:12px;
color:#5F533D;
border:1px solid #D8CBB7;
margin:10px 0px;
padding:1px 3px;
background:transparent;

}

/*検索(プラグイン無効)*/
.search_np input {
font-size:12px;
color:#5F533D;
border:1px solid #D8CBB7;
margin:10px 0px 0px 20px;
padding:1px 2px;
background:transparent;
}


pb_december
/*検索*/
p.plugin-search input, .search_np input {
color:#4C4C4C;
font-size:12px;
margin:10px 0px 0px 0px;
padding:1px 2px;
background:transparent;
border:1px solid #9F1533;
}


pb_plain
/*検索*/
.search_np input, p.plugin-search input {
border-top: 1px solid #D4C7AE;
border-right: 2px solid #FFF;
border-bottom: 2px solid #FFF;
border-left: 1px solid #D4C7AE;
margin-top:5px;
background-color:transparent;
}


pb_fall
/*検索*/
.search_np input, p.plugin-search input {
border:1px solid #C7C0AF;
margin-top:5px;
padding:1px 2px;
color:#5A463F;
font-size:12px;
background:transparent;
}


pb_summer
/*検索*/
.search_np input, p.plugin-search input {
color:#676B7E;
font-size:12px;
margin:5px 0px 0px 5px;
padding:1px 2px;
border:1px solid #D9E1EC;
background:transparent;
}


pb_simplegreen
/*検索*/
.search_np input, p.plugin-search input {
color:#666;
font-size:12px;
margin:5px 0px 0px 5px;
padding:1px 2px;
border:1px solid #93A385;
background:transparent;
}


pb_simpleblue
/*検索*/
.search_np input, p.plugin-search input {
color:#666;
font-size:12px;
margin:5px 0px 0px 5px;
padding:1px 2px;
border:1px solid #8392A9;
background:transparent;
}


pb_simplered
/*検索*/
.search_np input, p.plugin-search input {
color:#666;
font-size:12px;
margin:5px 0px 0px 5px;
padding:1px 2px;
border:1px solid #B57D7A;
background:transparent;
}


pb_sky
/*検索フォーム*/
.search_np input, p.plugin-search input {
color:#666;
font-size:12px;
margin:5px 0px 5px 5px;
padding:1px 2px;
border:1px solid #FFF;
background:transparent;
}


pb_puddle
/*検索*/
.search_np input, p.plugin-search input {
color:#8C8060;
font-size:12px;
margin:5px 0px 0px 5px;
padding:1px 2px;
border-top: 1px solid #E7CFA4;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
border-left: 1px solid #E7CFA4;
background:transparent;
}


pb_guitarcase
/*検索フォーム*/
.search_np input, p.plugin-search input {
color:#994F62;
font-size:12px;
margin:5px 0px 0px 5px;
padding:1px 2px;
border-top: 1px solid #E7CFA4;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
border-left: 1px solid #E7CFA4;
background:transparent;
}


以上です。


HTML(プラグイン無効での設定)

まず、HTMLから以下の部分を見つけてください。
やや上の方にあります。

修正するのは2カ所です。

<div class="menu_block">
<h3>検索</h3>←これが目印です。
(1)<div class="com_form_np">

~略~

<br>
(2)<input type="submit" value="ok" class="button">
</form></div>
</div>


(1)ここがテンプレートによって、<div class="com_form_np">や
<div="com_form">、または別のクラス名が与えられているかと思います。
これを<div class="search_np">にします。

(2)class="button"を削除します。
テンプレートによっては、"sbutton"になっているかもしれませんが、それも同様に削除してください。

このようになります。赤い部分をそのままコピペしていただいて構いません。
<div class="menu_block">
<h3>検索</h3>
<div class="search_np">

~略~

<input type="submit" value="ok">
</form></div>
</div>
スポンサーサイト

13:50 | 不具合・修正報告 | edit | page top↑
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。