ホームページテンプレートを無料配布中
商用利用もWEB制作業者様利用も全て無料

テンプレートパーティー

中古車販売用CMSのcar6タイプテンプレートにリセットボタンを追加

CMS専用テンプレートのtp_car6タイプのlist.html(中古車一覧ページ)にリセットボタンが入っていない為に、前の検索情報がそのまま残ってリセットできない問題が出ていました。
2014/03/03以前にDLされた方で既に利用中のお客様は、以下方法で修正をお願いします。

list.htmlを開き、
<input type="submit" value="この条件で検索する">
のタグを、
<input type="submit" value="この条件で検索する">
<input type="button" value="リセット" onClick="do_reset()">

にします。(※リセットボタンが追加された形です)

続いて、cssフォルダのstyle.cssを開き、
/*submitボタンの設定*/
input[type="submit"]{

となっているのを、
/*submitボタンの設定*/
input[type="submit"],
input[type="button"] {

に変更。

/*submitボタンのマウスオン時の設定*/
input[type="submit"]:hover {

となっているのを、
/*submitボタンのマウスオン時の設定*/
input[type="submit"]:hover,
input[type="button"]:hover {

に変更。

後は新規で以下を追加して下さい。
input[type="button"] {
width: 150px; /*ボタン幅*/
}

補足:
上記のタグは全てのページのsubmitとbuttonに適用されます。もし、他ページに影響させたくない場合は、inputの前に#listを追加して下さい。(例:#list input[type="button"] {・・・)
これはlist.htmlのbodyタグにid="list"がついている為に設定できるスタイルです。

↑ PAGE TOP