[GELÖST] {search} Modul dem design anpassen

[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

[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

[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}

[antiheld2000]

wenn ich dich richtig verstehe muss in dein css einfach
. textbox { border:none; }

[snowb]

ne ich müsste der form des searchmodules dies ".searchform {" zuweisen, doch ich weis ned genau wie

[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">

[LeisureLarry]

Gib einfach außen um Dein Such-Template einen DIV-Tag mit Klasse oder ID an, zB:

Code: Select all

<div id="suchbox">
...
</div>

Und sag dann bei Deinem CSS halt etwas nach dem Motto:

Code: Select all

#suchbox form

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.

[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

[cyberman]

Du hast die Raute (#) vor suchbox vergessen ... die Raute steht für die ID.

[snowb]

jap schon bemerkt, sorry alter Quellcode, aber wie definiere ich jetzt das feld und den Button?

[cyberman]

Das Feld für die Suchbegriffe hat eine eigene ID, da kannst du dir den ganzen Spaß sparen und es direkt mit

Code: Select all

input#cntnt01searchinput {}

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

Code: Select all

input#submitsearch {}

ansprechen.

[snowb]

perfekt!!!

das mit dem Button habe ich noch geschafft, alles Bestens!!!