Page 1 of 1

Search button layout

Posted: Mon Mar 08, 2010 1:02 pm
by redigo
Hallo  zusammen
Kann mir jemand sagen, wo und wie ich das Aussehen des "input"-Buttons der Erweitwerung  "Search" verändern kann?
Danke und Gruss
redigo/

Re: Search button layout

Posted: Mon Mar 08, 2010 1:11 pm
by uniqu3
Unter "Erweiterungen/Suche/Such-Template" siehst Du folgendes:

Code: Select all

{$startform}
<label for="{$search_actionid}searchinput">{$searchprompt}: </label><input type="text" class="search-input" id="{$search_actionid}searchinput" name="{$search_actionid}searchinput" size="20" maxlength="50" value="{$searchtext}" {$hogan}/><input class="search-button" name="submit" value="{$submittext}" type="submit" />
{if isset($hidden)}{$hidden}{/if}

{$endform}
Jetzt kannst Du alles in ein /div> einbinden und in deinem Stylesheet "Layout/Stylesheets/deinStylesheet" alles mit .searchForm stylen.

Oder du kannst auch im Such-Template direkt classen vergeben wie:

Code: Select all

{$startform}
<label class="wasauchimmer" for="{$search_actionid}searchinput">{$searchprompt}: </label><input class="wasauchimmerfuerdieeingabe" type="text" class="search-input" id="{$search_actionid}searchinput" name="{$search_actionid}searchinput" size="20" maxlength="50" value="{$searchtext}" {$hogan}/><input class="search-button" name="submit" value="{$submittext}" type="submit" />
{if isset($hidden)}{$hidden}{/if}

{$endform}
und im css:

.wasauchimmer label {dein:style;}
.wasauchimmerfuerdieeingabe input {dein:style;}

Re: Search button layout

Posted: Mon Mar 08, 2010 1:20 pm
by redigo
Danke, unique, ich mach mich gleich an die Arbeit.
;-)

Re: Search button layout

Posted: Mon Mar 08, 2010 1:51 pm
by redigo
Nochmals danke! Du hast mich auf die richtige Fährte gebracht. :-)

Re: Search button layout

Posted: Mon Mar 08, 2010 2:19 pm
by uniqu3
kein problem :-)