Hallo, Gast! (Registrieren)

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


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Forum Menü icon
#11
Also dann doch nochmal in der Gesamtheit die Änderungen in der CSS-Datei... Wink 
Suche in der theme.css ab Zeile 676 nach folgendem Abschnitt:
Code:
/* Main menu */
.menu {
    width: 360px;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
}

.menu ul {
    margin: 0;
    padding: 0;
}

.menu ul li {
    list-style: none;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    transition: all linear .5s;
}

li.portal a, li.members a, li.search a, li.today a, li.calendar a, li.help a {
    color: #fff !important;
    text-decoration: none;
    padding: 13px 13px;
    line-height: 40px;
}

li.portal a:hover, li.members a:hover, li.search a:hover, li.today a:hover, li.calendar a:hover, li.help a:hover {
    background: #009dff;
    color: #fff !important;
}

li.home a {
    background: #009dff;
    color: #fff !important;
    text-decoration: none;
    padding: 13px 13px;
    line-height: 40px;
}

li.home a::before {
    font-family: 'FontAwesome';
    content: "\f27b";
    font-size: 19px;
}

li.portal a:before {
    font-family: 'FontAwesome';
    content: "\f015";
    font-size: 19px;
}

li.members a:before {
    font-family: 'FontAwesome';
    content: "\f0c0";
    font-size: 19px;
}

li.search a:before {
    font-family: 'FontAwesome';
    content: "\f00e";
    font-size: 19px;
}

li.today a:before {
    font-family: 'FontAwesome';
    content: "\f0e6";
    font-size: 19px;
}

li.calendar a:before {
    font-family: 'FontAwesome';
    content: "\f133";
    font-size: 19px;
}

li.help a:before {
    font-family: 'FontAwesome';
    content: "\f29c";
    font-size: 19px;
}

.badge {
    background: #009dff;
    border-radius: 0px;
}

.badge:hover {
    background: #5b82a4;
}

.badge a:hover {
    color: #fff;
}
Ändere wie folgt:
Code:
/* Main menu */
.menu {
    width: 400px;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
}

.menu ul {
    margin: 0;
    padding: 0;
}

.menu ul li {
    list-style: none;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    transition: all linear .5s;
}

li.portal a, li.members a, li.search a, li.today a, li.calendar a, li.help a, li.fa_headphones a  {
    color: #fff !important;
    text-decoration: none;
    padding: 13px 13px;
    line-height: 40px;
}

li.portal a:hover, li.members a:hover, li.search a:hover, li.today a:hover, li.calendar a:hover, li.help a:hover, li.fa_headphones a:hover {
    background: #009dff;
    color: #fff !important;
}

li.home a {
    background: #009dff;
    color: #fff !important;
    text-decoration: none;
    padding: 13px 13px;
    line-height: 40px;
}

li.home a::before {
    font-family: 'FontAwesome';
    content: "\f27b";
    font-size: 19px;
}

li.fa_headphones a::before {
    font-family: 'FontAwesome';
    content: "\f025";
    font-size: 19px;
}

li.portal a:before {
    font-family: 'FontAwesome';
    content: "\f015";
    font-size: 19px;
}

li.members a:before {
    font-family: 'FontAwesome';
    content: "\f0c0";
    font-size: 19px;
}

li.search a:before {
    font-family: 'FontAwesome';
    content: "\f00e";
    font-size: 19px;
}

li.today a:before {
    font-family: 'FontAwesome';
    content: "\f0e6";
    font-size: 19px;
}

li.calendar a:before {
    font-family: 'FontAwesome';
    content: "\f133";
    font-size: 19px;
}

li.help a:before {
    font-family: 'FontAwesome';
    content: "\f29c";
    font-size: 19px;
}

.badge {
    background: #009dff;
    border-radius: 0px;
}

.badge:hover {
    background: #5b82a4;
}

.badge a:hover {
    color: #fff;
}

Damit sollte die Sache eigentlich erledigt sein. Sollte ich etwas vergessen haben, oder es passt was nicht, dann melde Dich.
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Menü unter Willkommen Menü ändern mps 2 1.106 26.09.2022, 11:46
Letzter Beitrag: mps