Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Die Heidekriger (WaCa) mit Punktesystemvon Rama So 21 Apr 2024 - 20:44
» Forum löschen, Probleme mit Gründeraccount
von Skouliki Di 9 Apr 2024 - 14:03
» [AwsomeBB] LogIn Farbe Weiß auf weiß
von Skouliki Sa 30 März 2024 - 21:14
» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40
» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54
» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48
» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44
» Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03
» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41
» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38
» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07
» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51
» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50
» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33
» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53
» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52
» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47
» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17
Beiträge mit den meisten Reaktionen des Monats
Navigation über dem Header umändern
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv
Seite 1 von 1 • Teilen
Navigation über dem Header umändern
Hallo alle miteinander
Also ich habe mal hier wenn ich mich nicht irre einen Thread gefunden wie man die Navigation über dem Header so umändern kann:
http://www.abload.de/img/navigationhwugu.png
Wie man die Navigation über dem Header anbringt weiß,aber nicht wie man sie so umändern.
In der Suche habe ich vielen eingegeben: Header+Navigation,Navigation etc... nichts kam dabei raus.
Noch dazu sagte mir ein Kumpel das sich der Code davon angeblich geändert haben sollte,deswegen frage ich ja,ansonsten würde ich ja weiter suchen,ich würde es nähmlich gerne in meinem Forum mit einbringen.
Lg,
Traiceheart
Also ich habe mal hier wenn ich mich nicht irre einen Thread gefunden wie man die Navigation über dem Header so umändern kann:
http://www.abload.de/img/navigationhwugu.png
Wie man die Navigation über dem Header anbringt weiß,aber nicht wie man sie so umändern.
In der Suche habe ich vielen eingegeben: Header+Navigation,Navigation etc... nichts kam dabei raus.
Noch dazu sagte mir ein Kumpel das sich der Code davon angeblich geändert haben sollte,deswegen frage ich ja,ansonsten würde ich ja weiter suchen,ich würde es nähmlich gerne in meinem Forum mit einbringen.
Lg,
Traiceheart
Traiceheart- Meister
- Beiträge : 338
Anmeldedatum : 30.04.12
Re: Navigation über dem Header umändern
Hallo,
du hast deine Navibuttons ja schon mit CSS gestaltet:
Kannst du dir vorstellen, dass die Buttons, wenn du Hintergrundfarbe, border-radius etc. änderst und einen entsprechenden (ev. negativen) margin-Wert sowie Schrifteigenschaften bestimmst, dann ganz einfach so aussehen?
Das ist doch kein großer Unterschied zu deiner aktuellen Navi-Gestaltung: Du musst nur den Code etwas anpassen und dann noch die Abstände/Schrift verändern, dann sieht sie doch schon wie auf deinem Screenshot aus.
Liebe Grüße
Günther
du hast deine Navibuttons ja schon mit CSS gestaltet:
- Code:
.mainmenu {
background-color: #E0DAB1;
border: 1px dotted white;
border-radius: 60px 7px 60px 7px;
color: #C5B6A3;
padding: 3px 9px 3px 3px;
}
Kannst du dir vorstellen, dass die Buttons, wenn du Hintergrundfarbe, border-radius etc. änderst und einen entsprechenden (ev. negativen) margin-Wert sowie Schrifteigenschaften bestimmst, dann ganz einfach so aussehen?
Das ist doch kein großer Unterschied zu deiner aktuellen Navi-Gestaltung: Du musst nur den Code etwas anpassen und dann noch die Abstände/Schrift verändern, dann sieht sie doch schon wie auf deinem Screenshot aus.
Liebe Grüße
Günther
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: Navigation über dem Header umändern
Hey,Günther,
oh ich hatte vergessen dir zu sagen von welchen Forum ich sprece,tut mir leid,also da meine user sich einen Forenumzug wünschten musste ich nun ein neues Forum erstellen,dies werde ich auch gleich durch das alte ersetzen,es ist dieses hier: http://sweetpainofwolves.secretstories.org/forum
So und jetzt zu meinem Problem:Okay also den CSS Code habe ich jetzt angepasst,nur was ich noch nicht so perfekt hinbekomme ist,dass diese runden boxen in einander verlaufen,so wie auf dem screen,ich bekomme es nur so hin wie es halt in dem forum jetzt angezeigt ist.(Es wird nicht über den header gesetzt sondern noch halb drauf und es verläuft nicht ineinander und die Navigation bleibt nciht über dem header obwohl ich vorhin das navifix rausnahm.)
Lg.
oh ich hatte vergessen dir zu sagen von welchen Forum ich sprece,tut mir leid,also da meine user sich einen Forenumzug wünschten musste ich nun ein neues Forum erstellen,dies werde ich auch gleich durch das alte ersetzen,es ist dieses hier: http://sweetpainofwolves.secretstories.org/forum
So und jetzt zu meinem Problem:Okay also den CSS Code habe ich jetzt angepasst,nur was ich noch nicht so perfekt hinbekomme ist,dass diese runden boxen in einander verlaufen,so wie auf dem screen,ich bekomme es nur so hin wie es halt in dem forum jetzt angezeigt ist.(Es wird nicht über den header gesetzt sondern noch halb drauf und es verläuft nicht ineinander und die Navigation bleibt nciht über dem header obwohl ich vorhin das navifix rausnahm.)
Lg.
Traiceheart- Meister
- Beiträge : 338
Anmeldedatum : 30.04.12
Re: Navigation über dem Header umändern
Trägst du diese Forenadresse bitte auch in dein Profil ein? Danke.
Du bist schon auf einem guten Weg mit deinem aktuellen CSS.
Zum "Ineinander-Überlaufen" hatte ich dir schon einen Tipp gegeben:
Ich denke, das bekommst du gut hin, oder?
Übrigens, wenn die Navi nicht mitscrollen soll, dann musst du bei der Position nur "fixed" durch "absolute" ersetzen:
Du bist schon auf einem guten Weg mit deinem aktuellen CSS.
Zum "Ineinander-Überlaufen" hatte ich dir schon einen Tipp gegeben:
Zuerst mal solltest du die fixierte Navigation noch etwas nach unten setzen, damit sie oben nicht abgeschnitten dargestellt wird (und daraus den opacity-Wert entfernen):Günther schrieb:Kannst du dir vorstellen, dass die Buttons, wenn du Hintergrundfarbe, border-radius etc. änderst und einen entsprechenden (ev. negativen) margin-Wert sowie Schrifteigenschaften bestimmst, dann ganz einfach so aussehen?
Danach erstellst du in der Navibutton-Zuweisung noch den negativen margin-Wert, von dem ich gesprochen habe, passt das padding nochmal an und fügst dann hier außerdem die opacity hinzu, etwa so:#navifix {
height: 0;
left: 0;
position: fixed;
top: 20px;
width: 100%;
z-index: 50;
}
Dann würde sie so aussehen:.mainmenu {
background-color: #FFFFFF;
border-radius: 20px 20px 0 0;
font-size: 17px;
margin: -10px;
opacity: 0.8;
padding: 15px;
}
Ich denke, das bekommst du gut hin, oder?
Übrigens, wenn die Navi nicht mitscrollen soll, dann musst du bei der Position nur "fixed" durch "absolute" ersetzen:
#navifix {
height: 0;
left: 0;
position: absolute;
top: 20px;
width: 100%;
z-index: 50;
}
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: Navigation über dem Header umändern
Danke dir Günther,vielen lieben dank!
Ich habs hinbekommen!!
Ich muss jetzt nur noch versuchen,diese Navigation über dem header anzubringen
Du bist echt spitze in deinem Job
Somit kann hier geschlossen werden.
Schönen Abend noch!
Lg
Ich habs hinbekommen!!
Ich muss jetzt nur noch versuchen,diese Navigation über dem header anzubringen
Du bist echt spitze in deinem Job
Somit kann hier geschlossen werden.
Schönen Abend noch!
Lg
Traiceheart- Meister
- Beiträge : 338
Anmeldedatum : 30.04.12
Re: Navigation über dem Header umändern
Das freut mich, gern geschehen.
Dir ebenfalls noch einen angenehmen Abend.
-closed-
Dir ebenfalls noch einen angenehmen Abend.
-closed-
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Ähnliche Themen
» Navigation über den Header?
» Navigation über dem Header?
» [phpBB2] Navigation über dem Header
» [Invision] Navigation über dem Header
» Navigation von Grafik in Schrift umändern
» Navigation über dem Header?
» [phpBB2] Navigation über dem Header
» [Invision] Navigation über dem Header
» Navigation von Grafik in Schrift umändern
Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten