| 記事No | ： 13277 |
| 投稿日 | ： 2014/09/17(Wed) 22:12:57 |
| タイトル | ： ksearchの検索窓の大きさ |
| ID情報 | ： hieizann |
| 投稿者 | ： 書庫番 |
| URL | ： http://koujitu.com/ |
ksearchをここで教えていただき、設置できました。システムは順調ですが、検索窓（の上下巾）をもう少し大きく出来ないでしょうか。可能でしたら、お教えください。
| 記事No | ： 13280 |
| 投稿日 | ： 2014/09/18(Thu) 11:10:59 |
| タイトル | ： Re: ksearchの検索窓の大きさ |
| ID情報 | ： hirayama |
| 投稿者 | ： hirayama |
これもスタイルシートでやることになると思います。
tmplディレクトリ内のnote.htmlやsearch.htmlのスタイルシート部分に
input { height:40px; }
などと追加すると大きくできるのではないでしょうか。
ほかのinput要素は変更したくないなら、セレクタを指定して
input.text { height:40px; }
として、フォーム表示部分
<input type="text" name="q" value="!word!" size="45">
にだけ
<input type="text" name="q" value="!word!" size="45" class="text">
とクラス指定すればいいと思います。
詳しくはスタイルシートについて調べてください。
| 記事No | ： 13281 |
| 投稿日 | ： 2014/09/18(Thu) 12:19:35 |
| タイトル | ： Re^2: ksearchの検索窓の大きさ |
| ID情報 | ： hieizann |
| 投稿者 | ： 書庫番 |
| URL | ： http://koujitu.com/ |
> これもスタイルシートでやることになると思います。
> tmplディレクトリ内のnote.htmlやsearch.htmlのスタイルシート部分に
> input { height:40px; }
> などと追加すると大きくできるのではないでしょうか。
>
> ほかのinput要素は変更したくないなら、セレクタを指定して
> input.text { height:40px; }
> として、フォーム表示部分
> <input type="text" name="q" value="!word!" size="45">
> にだけ
> <input type="text" name="q" value="!word!" size="45" class="text">
> とクラス指定すればいいと思います。
>
> 詳しくはスタイルシートについて調べてください。
hirayama様、今回もありがとうございます！
tmplディレクトリ内のnote.htmやsearch.htmを開いて、styleから/stileまでの間の一番上に、input.text { height:40px; }を追加しました。その結果、検索した後の検索結果を表示する画面では枠が大きくなりました。しかし入っている文字は小さいままです。また、検索する前のトップページの検索窓の大きさはそのままです。このあたりももう少し広げたいのですが、どこを触ったらよいのかわかりません。
| 記事No | ： 13282 |
| 投稿日 | ： 2014/09/18(Thu) 19:28:30 |
| タイトル | ： Re^3: ksearchの検索窓の大きさ |
| ID情報 | ： hirayama |
| 投稿者 | ： hirayama |
ここはCGI設置のサポート掲示板なので、
HTMLやスタイルシートについては、詳しく説明できませんが、
input.text { height:40px;font-size:20px; }
のようにセレクタを指定した場合は、
class="text"を指定したinput要素にだけ設定が反映されます。
スタイルシートについては、「CSS セレクタ フォントサイズ」
などで検索すれば、色々見つかると思います。
| 記事No | ： 13283 |
| 投稿日 | ： 2014/09/18(Thu) 23:07:18 |
| タイトル | ： Re^4: ksearchの検索窓の大きさ |
| ID情報 | ： hieizann |
| 投稿者 | ： 書庫番 |
| URL | ： http://koujitu.com/ |
> ここはCGI設置のサポート掲示板なので、
> HTMLやスタイルシートについては、詳しく説明できませんが、
> input.text { height:40px;font-size:20px; }
> のようにセレクタを指定した場合は、
> class="text"を指定したinput要素にだけ設定が反映されます。
>
> スタイルシートについては、「CSS セレクタ フォントサイズ」
> などで検索すれば、色々見つかると思います。
ありがとうございます。
今、ネットで調べましたが、まだよく分かりません。明日もう一度調べます。調べ方を教えてくださったので、そこからたどってゆきます。ありがとうございました。