+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Forum Menü icon (/thread-36628.html)
Seiten: Seiten:
1
2
RE: Forum Menü icon - Schnapsnase - 19.07.2019
Also dann doch nochmal in der Gesamtheit die Änderungen in der CSS-Datei...
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;
}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.