Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.38 veröffentlicht (30.04.24)


Benutzer, die gerade dieses Thema anschauen: 4 Gast/Gäste
Navigation
#1
Hallo,

im Aufbau meines Forums, bräuchte ich eure Hilfe.
Momentan habe ich Probleme mit der Navigation.
Ich würde es gerne so hinbekommen, wie es hier ist.

http://www.extreme-assault.org/index.php

Ich würde mich sehr freuen, wenn ich hilfreiche Posts erhalte.

LG
Zitieren
#2
Hallo und willkommen Tugay,

diese Art von Menü ist nicht Bestandteil des MyBB, d.h. du musst dir erst mal in den Weiten des WWW den Code für ein Menü suchen, das deinen Vorstellungen entspricht. Über die Suche findest du auch hier bereits einige Themen dazu; z.B. https://www.mybb.de/forum/thread-14955.html

Wenn du dann den Code hast (nach Möglichkeit mit Link zu der Seite), sind wir dir beim weiteren Einbau gerne behiflich.
 
The User, Formerly Known As "En-Gedi"
 
Zitieren
#3
Hallo,

ich habe mir nun dieses Script ausgesucht.
http://dynamicdrive.com/dynamicindex1/chrome/index.htm
Habe alles runtergeladen und es in den entsprechenden Verzeichnis rein kopiert.
Und nun ?

/e

Habe es geschafft zu installieren, durch dieses Tutorial : https://www.mybb.de/forum/thread-14955-page-2.html
Nun eine andere Frage..
Wie ändere ich die Schriftfarbe und die farbe des menüs?
Zitieren
#4
Hab´s jetzt nur mal schnell überflogen ... die gewünschten Änderungen müsstest du in der Datei chromestyle.css des Menüs vornehmen können.

Schau´ dir da speziell die Stellen an, die mit /*THEME CHANGE HERE*/ gekennzeichnet sind. Du kannst dort andere Hintergrundgrafiken bzw. -farben angeben.

Die Schriftfarbe sollte bei

PHP-Code:
.chromestyle ul li a {
color#494949; 

zu ändern sein.
 
The User, Formerly Known As "En-Gedi"
 
Zitieren
#5
Und wo finde ich die Datei Chromestyle.css?
Zitieren
#6
Die Datei müsste dem Menü, das du ausgesucht hast, beiliegen.
[Bild: banner.png]

Bitte die Foren-Regeln beachten und im Profil die verwendete MyBB-Version angeben.
Zitieren
#7
Danke, ich hab's auf Scharz ändern wollen (#000000).
Trotzdem will es nicht klappen :o

Und welche Datei müsste ich den ändern?
Chromestyle
Chromestyle 2
Chromestyle 3
Chromestlye 4
Hab vorsichtshalber alle auf Schwarz gemacht :o

Zitat:.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #000000;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: red;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #FFD700;
}
Zitieren
#8
Es sollte eigentlich ausreichen, wenn du nur die Datei chromestyle.css änderst. Die anderen drei sind ja nur Beispiele für Farbvariationen.

Was genau möchtest du schwarz, also #000 haben? Den Hintergrund oder die Schriftfarbe?

Anbei ein Beispiel mit schwarzem Hintergrund und weißer Schrift; vielleicht ist es ja das, was du suchst.


Angehängte Dateien
.css   chromestyle.css (Größe: 1,4 KB / Downloads: 1)
 
The User, Formerly Known As "En-Gedi"
 
Zitieren