以下の内容はhttp://10plate.blog44.fc2.com///blog-entry-192.htmlより取得しました。


タイトルの横に検索窓を設置する

タイトルが左に寄せられていると、右にスペースが空きます。
このスペースに検索窓を設置しるカスタマイズを紹介します。

HTMLのh1タグの下に以下の記述を加えてください。

<div class="top_search">
<form action="./" method="get">
<input type="text" size="20" name="q" value="" maxlength="200" />
<input type="submit" value=" 検索 " />
</form>
</div>


次にスタイルシートの末尾に以下の記述を加えてください。

.top_search {
float:right;
margin-top:10px; /* 検索窓の上間隔 */
margin-right:20px; /* 検索窓の右間隔 */
}

h1 {
float:left;
}



ここから更に加える記述がテンプレートにより異なります。

standardの場合

h2 {
clear:both;
}


lightframeの場合

.intro {
clear:both;
}


を、スタイルシートの末尾に加えてください。

検索窓の位置は検索窓の上間隔検索窓の右間隔の数値を変更して調整してください。

2010/01/03 追記HTMLに不備があったので修正しました。
</form>が欠けていました。誠に申しわけありません m(__)m

関連記事



以上の内容はhttp://10plate.blog44.fc2.com///blog-entry-192.htmlより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14