Search button layout

Für Fragen und Diskussionen zum Layout und Design, Templates und Stylesheets sowie Themes
Post Reply
redigo
Forum Members
Forum Members
Posts: 80
Joined: Mon Nov 23, 2009 3:33 pm

Search button layout

Post 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/
uniqu3

Re: Search button layout

Post 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;}
redigo
Forum Members
Forum Members
Posts: 80
Joined: Mon Nov 23, 2009 3:33 pm

Re: Search button layout

Post by redigo »

Danke, unique, ich mach mich gleich an die Arbeit.
;-)
redigo
Forum Members
Forum Members
Posts: 80
Joined: Mon Nov 23, 2009 3:33 pm

Re: Search button layout

Post by redigo »

Nochmals danke! Du hast mich auf die richtige Fährte gebracht. :-)
uniqu3

Re: Search button layout

Post by uniqu3 »

kein problem :-)
Post Reply

Return to “Layout und Design”