Seite 2 von 5

Verfasst: 17.09.2007 17:58
von RyoBerlin
na sagte ich doch...

den code in die navigation.html schreiben

und in der overall header dann include reinsetzen.

aber wie ich ja schon sagte... sinnlos da ja eh auf jeder seite extra ne grafik gemacht werden müsste da bräuchte man also
navigationforum
navigationmembers
navigationstart
navigationmessages

usw.. da kann man ja gleich den html code direkt in die jeweiligen templates einbinden denke ich :/

Verfasst: 20.11.2007 22:14
von _joschka_
hallo,
hat jemand mal einen guten Tip wie ich das Menü und das eigentliche Forum auf gleiche Höhe bringe??

[ externes Bild ]

ich möchte gern das Menü unter die Linie bringen!?

Danke!
Gruss

Verfasst: 21.11.2007 14:06
von Berliner Schildkroete
Ich hab mich nochmal rangesetzt:

Öffne die overall_header.html

Suche:

Code: Alles auswählen

	<a name="start_here"></a>
davor einfügen:

Code: Alles auswählen

<div style="float:left; width:100px;">
		<div class="headerbar">
			<span class="corners-top"><span></span></span>
				<p>Navigation</p>
			<span class="corners-bottom"><span></span></span>
		</div>
	</div>
Suche:

Code: Alles auswählen

	<a name="start_here"></a>
danach einfügen:

Code: Alles auswählen

<div style="float:right; width:90%;">
_________________________________________________________
Öffne die overall_footer.html

Suche:

Code: Alles auswählen

<div class="page-footer" id="page-footer">
davor einfügen:

Code: Alles auswählen

</div>
--------------------------------------------------------------------------------

Der Code ist getestet in Prosilver (RC7). Sollte aber auch später noch funktionieren :wink:

--------------------------------------------------------------------------------

Die Formatierung der Navigation kann natürlich ohne bedenken geändert werden.
Beim Formatieren der Breite sollten die beiden Werte zusammen nicht mehr als 100% der Fenstergröße ergeben,
da die Foren sonst unter die Navigation rutschen.

Verfasst: 21.11.2007 20:17
von _joschka_
danke,
hmmmmmm......
ergibt bei mir aber dieses Bild

[ externes Bild ] :o

Verfasst: 22.11.2007 15:38
von Berliner Schildkroete
hmm.... bei mir ging's...

Code: Alles auswählen

<div style="float:right; width:90%;"> 
versuch es mal mit etwas weniger % z.B. 80 bis es geht....

// Jetzt auch als Snippet erhälltlich :wink:

Verfasst: 22.11.2007 18:46
von _User_
Hy,

erstmals cooLes ding. meine fragen: wo muss meinen text hinschreiben, dass er nicht den blaueb hg hat? und wie kann ich navi nach unten verschieben?

Verfasst: 22.11.2007 19:52
von Berliner Schildkroete
Also den Hintergrund änderst du, indem du

Code: Alles auswählen

      <div class="headerbar">
         <span class="corners-top"><span></span></span>
            <p>Navigation</p>
         <span class="corners-bottom"><span></span></span>
      </div>
   </div> 

durch eine andere Klasse deines Forums ersetzt
z.B. das:

Code: Alles auswählen

<div class="navbar">
		<div class="inner">
			<span class="corners-top"><span></span></span>
				<p>Navigation</p>
			<span class="corners-bottom"><span></span></span>
		</div>
</div>
guck einfach mal in deinem Forum was du als Hintergrund haben möchtest, guck dann in den Quelltext oder in die Templates nach der Klasse und trage sie oben ein...

Edit: du kannst auch sowas hier machen:

Code: Alles auswählen

<div class="forabg">
			<div class="inner">
				<span class="corners-top"><span></span></span>
					<ul class="topiclist">
						<li class="header"><dl><dt>Navigation</dt></dl></li>
					</ul>
					<ul class="topiclist forums">
						<li><dl>				
							Menüpunkt 1	
						</dl></li>
						<li><dl>				
							Menüpunkt 2			
						</dl></li>
					</ul>
				<span class="corners-bottom"><span></span></span>
			</div>
		</div>
__________________________________________________________

um das ganze Nach unten zu schieben:

Code: Alles auswählen

<div style="float:left; width:100px; margin-top: 10px;"> 
je nachdem wie du den Wert von margin-top veränderst, wird der Abstand größer oder kleiner: einfach testen!

Verfasst: 22.11.2007 20:30
von _User_
ok. das mit dem verschieben habe ich hinbekommen. wie kann ich aber einstellen, das es so is wie bei dne foren. sprich die kategorie blau und dann die foren blau umrandet und als hintergrund dieses helle blau oder weiß?

Verfasst: 22.11.2007 20:42
von Berliner Schildkroete

Code: Alles auswählen

<div class="forabg">
			<div class="inner">
				<span class="corners-top"><span></span></span>
					<ul class="topiclist">
						<li class="header"><dl><dt>INFOs</dt></dl></li>
					</ul>
					<div class="navbar">
							<div class="inner">	
						lololololoololo		
							</div>
					</div>
				<span class="corners-bottom"><span></span></span>
			</div>
		</div>
	</div>
//Edit: nochmal überarbeitet
//Edit: ich glaube du hast ein </div> vor <!--Werbung_LINKS--> zuviel und den <center>-Code würde ich weglassen... WERBUNG :roll:

Verfasst: 23.11.2007 14:43
von _User_
super danke. und wie verschieb ich ihr das nach unten?