Page 1 of 1

Search Modul per CSS formatieren

Posted: Tue Sep 15, 2009 12:58 pm
by rolwalca
Guten Tag zusammen,

ich bin dabei mich in CMSms einzuarbeiten und habe so manches Problem mit Hilfe der Suchfunktion dieses Forums auch schon gelöst. Manchmal, wie auch jetzt wieder, stehe ich aber wieder wie der Ochs´vorm Berg.

Also konkret: Ich bin dabei ein HTML/CSS-Design in CMSms zu übertragen und möchte jetzt die Suchfunktion, die ich mit "{search}" unter Inhalt/Seiten eingebunden habe per CSS nach meinen Vorstellungen gestalten. Wo kann ich das tun?

vielleicht kann mir jemand helfen.

grüße,

rolwalca

Re: Search Modul per CSS formatieren

Posted: Tue Sep 15, 2009 1:19 pm
by nockenfell
Dazu musst du ein eigenes Stylesheet schreiben. Du bindest das Suchmodul z.B. so ein:

Code: Select all

<div id="search">
    {search searchtext="Suchbegriff eingeben" submit="Suchen"}
</div>
Durch den Div Container kannst du die Formularfelder der Suche gezielt formatieren. Du kannst aber auch das Template der Suche anpassen. Dieses sollte bei der Suche bearbeitet werden können.

Re: Search Modul per CSS formatieren

Posted: Tue Sep 15, 2009 2:14 pm
by antibart
Ich glaub die Suchdinger im Modul haben sogar eigene Klassen. Du kannst natürlich auch deine eigenen Namen verwenden.

Default heißen sie:

search-input
search-button...

Also einfachin deine haupt-css

.search-input {bunt und mit rahmen und hinterbild und bitte 120px breit oder so;}
.search-button {bunt und mit rahmen und hinterbild und bitte 120px breit oder so;}


wahlweise geht natürlich auch

#search {wie auch immer entweder unsichtbar und super schrill}
#search input {bunt und mit rahmen und hinterbild, aber nur 50px breit oder so;}

Aber spätestens beimSubmit- Button musst dann schon die Klasse nehmen, da das Ding sonst genauso aussieht wie wie das Eingabefeld.

Re: Search Modul per CSS formatieren

Posted: Tue Sep 15, 2009 2:55 pm
by rolwalca
vielen Dank für die fixen und kompetenten Antworten.

gruß, rolwalca