Page 1 of 1
[GELÖST] {search} Modul dem design anpassen
Posted: Wed Feb 13, 2008 11:57 am
by snowb
Servus,
komme immer besser mit CMSMS zurecht und bin begeistert. Bisher habe ich das search-Modul weggelassen, möchte es aber einmal versuche zu implementieren.
Wie kann ich gemäss Attachment das design des Search Moduls (untere Suche) dem meines Layouts (oben) anpassen?
Ich finde leider die nötigen css-tags nicht, bzw. wie kann ich das ändern oder direkt einbauen?
Vielen dank schonmal
snowb
Re: {search} Modul dem design anpassen
Posted: Wed Feb 13, 2008 1:37 pm
by antiheld2000
hi,
unter Erweiterungen -> Suche kannst Du das Suchtemplate verändern. So auch z. B. ids und classes für die Elemente der Suche einrichten. Daraufhin einfach im CSS Deiner Seite die entsprechenden Attribute angeben. Fertig.
Gruss
anti
Re: {search} Modul dem design anpassen
Posted: Wed Feb 13, 2008 2:08 pm
by snowb
hmmm irgendwie bring ich das ned hin... das original
Code: Select all
{$startform}
{$label}: {$inputbox}<input name="submit" value="{$submittext}" type="submit" />
{if isset($hidden)}{$hidden}{/if}
{$endform}
in mein Template:
Code: Select all
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
Ich habe den Code schon umgeschrieben, aber den grauen Rahmen bringe ich nicht weg, diser wird wohl im Inputbox festgelegt.. muss ich diese php datei manuell bearbeiten?
Code: Select all
{$startform class="searchform"}
<p>
{$inputbox class="textbox"}<input name="submit" class="button" value="{$submittext}" type="submit" />
{if isset($hidden)}{$hidden}{/if}
</p>
{$endform}
Re: {search} Modul dem design anpassen
Posted: Wed Feb 13, 2008 3:38 pm
by antiheld2000
wenn ich dich richtig verstehe muss in dein css einfach
. textbox { border:none; }
Re: {search} Modul dem design anpassen
Posted: Wed Feb 13, 2008 3:46 pm
by snowb
ne ich müsste der form des searchmodules dies ".searchform {" zuweisen, doch ich weis ned genau wie
Re: {search} Modul dem design anpassen
Posted: Wed Feb 13, 2008 3:52 pm
by snowb
der
hier erklärt das Problem, aber ich möchte nicht den form style ändern weil das sonst global für alles gilt
Also wie bringe ich hier einen Style rein:
Code: Select all
<form id="cntnt01moduleform_1" _base_href="http://site.snowbound.ch/" action="index.php" method="get">
Re: {search} Modul dem design anpassen
Posted: Wed Feb 13, 2008 4:02 pm
by LeisureLarry
Gib einfach außen um Dein Such-Template einen DIV-Tag mit Klasse oder ID an, zB:
Und sag dann bei Deinem CSS halt etwas nach dem Motto:
Oder gib anstatt form eine Klasse oder ID an, die sich in diesem DIV befindet.
Zur Erklärung mit einem Leerzeichen gibt man eine Verschachtelung von Tags an, das innerste Tag bzw. Element steht ganz rechts.
Re: {search} Modul dem design anpassen
Posted: Wed Feb 13, 2008 4:11 pm
by snowb
dank danke, habe ich probiert, trotzdem nichts
Code: Select all
/* suchbox form */
suchbox form{
background-color: transparent;
border: none;
margin: 0 0 0 3px; padding: 5px 0 10px 0;
width: 220px;
}
suchbox form p { margin: 0; padding: 0; }
suchbox form input.textbox {
width: 130px;
color: #777;
height: 18px;
padding: 2px;
border: 1px solid #E5E5E5;
vertical-align: top;
}
suchbox form input.button {
width: 60px;
height: 24px;
padding: 2px 5px;
vertical-align: top;
}
sieh selbst ===>>>
hier
Re: {search} Modul dem design anpassen
Posted: Wed Feb 13, 2008 4:16 pm
by cyberman
Du hast die Raute (#) vor suchbox vergessen ... die Raute steht für die ID.
Re: {search} Modul dem design anpassen
Posted: Wed Feb 13, 2008 4:18 pm
by snowb
jap schon bemerkt, sorry alter Quellcode, aber wie definiere ich jetzt das feld und den Button?
Re: {search} Modul dem design anpassen
Posted: Wed Feb 13, 2008 4:34 pm
by cyberman
Das Feld für die Suchbegriffe hat eine eigene ID, da kannst du dir den ganzen Spaß sparen und es direkt mit
ansprechen. Da auch das Suchformular eine ID hat könntest du
Code: Select all
form.cntnt01moduleform_1 input.button {}
verwenden.
Oder du verpasst dem Button im Template auch noch eine ID
Code: Select all
{$label}: {$inputbox}<input name="submit" id="submitsearch" value="{$submittext}" type="submit" />
und könntest ihn dann mit
ansprechen.
Re: {search} Modul dem design anpassen
Posted: Wed Feb 13, 2008 4:37 pm
by snowb
