Neue Box links neben dem Forum

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Benutzeravatar
RyoBerlin
Mitglied
Beiträge: 304
Registriert: 24.05.2004 14:11
Wohnort: Berlin

Beitrag 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 :/
_joschka_
Mitglied
Beiträge: 94
Registriert: 18.01.2007 18:59

Beitrag 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
Benutzeravatar
Berliner Schildkroete
Mitglied
Beiträge: 563
Registriert: 30.03.2007 19:02
Wohnort: Berlin

Beitrag 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.
Grüße
Berliner Schildkröte
kein Support via PN, etc. - Befolgung meiner Vorschläge auf eigene Gefahr!
_joschka_
Mitglied
Beiträge: 94
Registriert: 18.01.2007 18:59

Beitrag von _joschka_ »

danke,
hmmmmmm......
ergibt bei mir aber dieses Bild

[ externes Bild ] :o
Benutzeravatar
Berliner Schildkroete
Mitglied
Beiträge: 563
Registriert: 30.03.2007 19:02
Wohnort: Berlin

Beitrag 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:
Grüße
Berliner Schildkröte
kein Support via PN, etc. - Befolgung meiner Vorschläge auf eigene Gefahr!
_User_
Mitglied
Beiträge: 221
Registriert: 11.10.2007 19:56

Beitrag 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?
Benutzeravatar
Berliner Schildkroete
Mitglied
Beiträge: 563
Registriert: 30.03.2007 19:02
Wohnort: Berlin

Beitrag 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!
Grüße
Berliner Schildkröte
kein Support via PN, etc. - Befolgung meiner Vorschläge auf eigene Gefahr!
_User_
Mitglied
Beiträge: 221
Registriert: 11.10.2007 19:56

Beitrag 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ß?
Benutzeravatar
Berliner Schildkroete
Mitglied
Beiträge: 563
Registriert: 30.03.2007 19:02
Wohnort: Berlin

Beitrag 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:
Grüße
Berliner Schildkröte
kein Support via PN, etc. - Befolgung meiner Vorschläge auf eigene Gefahr!
_User_
Mitglied
Beiträge: 221
Registriert: 11.10.2007 19:56

Beitrag von _User_ »

super danke. und wie verschieb ich ihr das nach unten?
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“