Searchbox in die Sidebar

[Simple]

Hallo Zusammen

Bin neu im Forum und versuche mich mal schlau zu machen, wie das hier so läuft. Bisher habe ich noch nichts zu meinem Problem gefunden, darum helft mir bitte:

Im Design Julia möchte ich die Searchbox rechts in der Sidebar haben. Wie mache ich das? Vielen Dank für eure Unterstützung.

[ontourrh]

indem du den codeblock der "searchbar" in die "sidebar" verschiebst.

[Simple]

Hi ontourr

Herzlichen Dank für deine rasche Antwort. Da ich erst seit gestern mit wdt 8 arbeite, weiss ich nicht, was du mit "codeblock" meinst. Wo finde ich den und wie verschiebe ich ihn? Sorry, bin blutiger Anfänger. Vielen Dank!

[ontourrh]

nun, ich weiß nicht wie fit du in html und css bist.
kannst selbständig du damit was anfangen ?

es muss dafür die navigation.ccml und die style_design.css angepasst werden.

codeblock = passage für die suche.

[Simple]

Ich habe im style_arial schon die fontsize von 12px auf 14 px gestellt und vor 20 Jahren arbeitete ich mit sql auf oracle Ich denke, wenn du mir genau sagst, was ich machen muss, werde ich das schaffen. Vielen Dank!!! ps: Womit editiere ich navigation.ccml und die style_design.css?

[ontourrh]

solche dateien sollten immer mit einem vollwertigen editor bearbeitet werden.
suche in der "navigation.ccml" nach folgendem codeblock:

<cc:if cond="&site.ftsfile">
<div id="searchbox">
<form action="<cc:print value="&site.ftsfile">" method="get">
<input id="searchcriteria" type="text" name="criteria" maxlength="100" value="<cc:print value="&site.ressource.search">..." />
<input id="searchsubmit" type="image" src="<cc:printpictureurl obj="pic.searchsubmit">" />
</form>
</div>
</cc:if>

diesen codeblock verschiebst du in der navigation.ccml. suche deshalb nach:
<div id="sidebar"> und füge o.g. block dort danach wieder ein.

nun musst noch die größenangaben der suche für die sidebar bearbeiten.
das passiert in der "style_design.css". du musst:

#searchbox {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 200px;
	height: 24px;
	background: url(../images/<cc:print value="&pic.searchbox.filename">) no-repeat;
	z-index: 3;
}

#searchcriteria {
	position: absolute;
	background-color: #fafafa;
	color: #888888;
	top: 3px;
	left: 4px;
	border: 0;
	outline: 0;
	height: 18px;
	width: 170px;
}

#searchsubmit {
	width: 14px;
	height: 14px;
	position: absolute;
	right: 6px;
	top: 6px;
}

als erstes aus absolute = relative machen und dann die größen anpassen.

[Simple]

Wow, werd ich gleich versuchen... Herzlichen Dank vorerst!

[voodoo36]

so müsste es dann ohne es zu testen aussehen..

navigation.ccml

<div id="sidebar">
<cc:if cond="&site.ftsfile">
<div id="searchbox">
<form action="<cc:print value="&site.ftsfile">" method="get">
<input id="searchcriteria" type="text" name="criteria" maxlength="100" value="<cc:print value="&site.ressource.search">..." />
<input id="searchsubmit" type="image" src="<cc:printpictureurl obj="pic.searchsubmit">" />
</form>
</div>
</cc:if>
<cc:loop type="sidebar" obj="mysidebar">
<cc:if cond="&mysidebar.caption">
<h1><cc:print value="&mysidebar.caption"></h1>
</cc:if>
<div class="paragraph">
<cc:print value="&mysidebar.text">
</div>
</cc:loop>
</div>

[Simple]

Ein voller Erfolg!!! Vielen Dank euch für die tolle Unterstützung, hat genauso geklappt, wie ihr geschrieben habt. Liebe Grüsse aus Zürich.