Mam kłopot z ustawieniem stylów css dla pewnych pól formularza chciałabym zmienić wygląd pól formularzy wyszukiwarki na stronie.
Jest coś takiego
<div id="quick_search_content"> <div id="quick_search"> <form name="qsearch" id="qsearch" method="post" action="{$live_site}/listings.php"> {$lng.search.search_for} <input type="text" id="qs_keyword" name="qs_{$keyword_name}" size="35" /> {$lng.general.in} <select id="qs_category" name="qs_category" onchange="onQuickSearch(this.form, '{$live_site}'); {if $multi_depending}reloadDep('{$multi_depending}', '{$live_site}');{/if}"> <option value="">{$lng.search.all_categories}</option> {foreach from=$categories item=v name=cat} <option value="{$v.id}"{if $v.parent} class="opt_parent"{/if}{* {if $cat==$v.id && $self_noext=="listings"}selected="selected"{/if}*}>{$v.str}{$v.name|escape:"html"}</option> {/foreach} </select><br/> {foreach from=$qfields item=v name=custom} {elseif $v.type=="depending"} <li {if $v.fieldset!=0} id="li_{$v.depending.caption1}" style="display: none"{/if}> <div> <label>{$v.depending.name1}</label><br/> <select name="qs_{$v.depending.caption1}" id="qs_{$v.depending.caption1}" {if $multi_depending && in_array($v.dep_id, ','|explode:$multi_depending)}disabled="disabled"{/if} onchange="selDepending(1, 'qs_{$v.depending.caption1}', 'qs_{$v.depending.caption2}', '{$v.depending.id}', {if $multi_depending && in_array($v.dep_id, ','|explode:$multi_depending)}this.form.qs_category.value{else}0{/if}, 0, '', '{$live_site}' )"> <option value="">{$v.depending.top_str1}</option> {foreach from=$v.depending.elements item=t} <option value="{$t.name}">{$t.name|escape:"html"}</option> {/foreach} </select> </div> </li> <li {if $v.fieldset!=0} id="li_{$v.depending.caption2}" style="display: none"{/if}> <div> <label>{$v.depending.name2}</label><br/> <span><select disabled='disabled' name="qs_{$v.depending.caption2}" id="qs_{$v.depending.caption2}" {if $v.depending.no>=3}onchange="selDepending(2, 'qs_{$v.depending.caption2}', 'qs_{$v.depending.caption3}', '{$v.depending.id}', 0, 0, '' , '{$live_site}')"{/if}> <option value="">{$v.depending.top_str2}</option> </select></span> </div> {if $v.depending.no>=3} </li> <li {if $v.fieldset!=0} id="li_{$v.depending.caption4}" style="display: none"{/if}> <div> </span> </div> {/if} </li> {else} {if $v.type=="textbox" || $v.type=="url" || $v.type=="email" || ($v.type=="price" && $ads_settings.enable_price) || !in_array($v.type, $default_fields_types) } <li {if $v.fieldset!=0} id="li_{$v.caption}{if $v.search_type==2}_low{/if}" style="display: none"{/if}> <div> <label>{$v.name}</label><br/> {if $v.prefix!=""} {$v.prefix} {/if} {if $v.type=="price" && $appearance.currency_pos==0} {if $currencies|@count>1} <select name="qs_currency"> <option value="">-</option> {foreach from=$currencies item=i} <option value="{$v.currency}">{$i.currency|escape:"html"}</option> {/foreach} </select> {else} {$currencies[0].currency} {/if} {/if} {if $v.search_type==2} <select id="qs_{$v.caption}_low" name="qs_{$v.caption}_low"> {foreach from=$v.search_elements_array item=t} <option value="{$t|replace:',':''|replace:'.':''}">{$t}</option> {/foreach} </select> </div> </li> <li {if $v.fieldset!=0} id="li_{$v.caption}_high" style="display: none"{/if}> <div> <label></label><br/> <select id="qs_{$v.caption}_high" name="qs_{$v.caption}_high"> {foreach from=$v.search_elements_array item=t} <option value="{$t|replace:',':''|replace:'.':''}">{$t}</option> {/foreach} </select> {else} {/if} {else} {/if} {if $v.postfix!=""} {$v.postfix} {/if} {if $v.type=="price" && $appearance.currency_pos==1} {if $currencies|@count>1} {else} {$currencies[0].currency} {/if} {/if} </div> </li> {elseif $v.type=="menu"} <li {if $v.fieldset!=0} id="li_{$v.caption}{if $v.search_type==2}_low{/if}"{/if}> <div> {if $v.prefix!=""} {$v.prefix} {/if} {if $v.search_type==2} </div> </li> <li {if $v.fieldset!=0} id="li_{$v.caption}_high" style="display: none"{/if}> <div> {else} {/if} {if $v.postfix!=""} {$v.postfix} {/if} </div> </li> {/if} {/if} {/foreach} <input type="hidden" name="order" value="date_added" /> <input type="hidden" name="order_way" value="desc" /> <div class="search-button" style="display: inline;"><strong><input type="submit" name="Search" value="{$lng.general.search}" /></strong></div> {if $qfields|@count && $self_noext!="index"} <span id="span_more_options"><a id="more_options" href="java script:;">{$lng.general.more_options}</a></span><span id="span_less_options" style="display: none;"><a id="less_options" href="java script:;">{$lng.general.less_options}</a></span> {/if} <br/> {/if} </form> </div> </div>
Dla pola
select id="qs_category" name="qs_category"
potrafię nadać css
#quick_search_content #quick_search #qs_category { -webkit-appearance: none; -moz-appearance: none !important; vertical-align: top; width: 280px; height: 38px; padding: 8px 10px; margin: 0 0 0 8px; color: #993333; background-attachment: scroll; background-color: #C9C994;background-repeat: no-repeat; background-position: right center; border: 1px solid #6A6A35; font-family: Verdana, Geneva, sans-serif; font-size: 14px; }
Nie potrafię niestety tego samego zrobić dla
select name="qs_{$v.depending.caption1}"id="qs_{$v.depending.caption1}"
Niestety jest tu dużo kodu php na którym się nie znam. Potrzebuje tylko tej nie wielkiej zmiany. Skrypt ten to ogłoszeniowy cms, niestety support wydawcy nie udziela żadnego wsparcia. Czy może ktoś pomóc jak dokonać tych zmian