+- 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: Abgerundete Ecken bei "Hilfe", "Kalender" usw (/thread-15555.html)
Abgerundete Ecken bei "Hilfe", "Kalender" usw - freebirds - 22.01.2010
Ich hab zwar dazu was in der Suche was gefunden, hab aber nicht verstanden, wie ich das bei mir übernehme.
Also es geht um mein Forum http://kleinerwichtel.square7.ch/index.php.
Wie zu sehen ist, haben die Menüpunkte Hilfe, Kalender, Mitglieder und Suche normale Ecken. Was muss ich tun, damit die rund sind.
Der Code, welchen ich bis jetzt habe lautet so:
Zitat:.menu ul li a:hover {
background: url(images/Wichtel/menue_bg.png) 100% -31px no-repeat;
}
.menu ul li a span {
background: url(images/Wichtel/menue_bg.png) 100% 0 no-repeat;
padding: 8px 12px 7px 8px;
}
.menu ul li a {
background: url(images/Wichtel/menue_bg.png) 0 0 no-repeat;
color: #fff;
padding: 7px 0 6px 4px;
margin-right: 10px;
float: right;
text-decoration: none;
}
.menu ul li a:hover {
background: url(images/Wichtel/menue_bg.png) 0 -31px no-repeat;
color: #fff;
padding: 7px 0 6px 4px;
text-decoration: none;
}
.menu ul li a:hover span {
background: url(images/Wichtel/menue_bg.png) 100% -31px no-repeat;
color: #fff;
padding: 8px 12px 7px 8px;
text-decoration: none;
}
Ich hoffe das ist soweit richtig. Ich habe den Code aus einem anderen Theme übernommen, was soweit ja geklappt hat, nur eben die Ecken sind nicht rund.
RE: Abgerundete Ecken bei "Hilfe", "Kalender" usw - querschlaeger - 22.01.2010
Kurz und schmerzlos den Inhalt con .menu ul li a gegen diesen ersetzen:
Code:
background-color: #BDDD51;
border: 3px solid #BDDD51;
color: #FFFFFF;
float: right;
margin-right: 10px;
padding: 2px;
-moz-border-radius: 10px;RE: Abgerundete Ecken bei "Hilfe", "Kalender" usw - freebirds - 22.01.2010
Okay, danke! Aber irgendwo muss ich noch nen Fehler drin haben. Jetzt sitzt zwar alles am richtigen Platz, aber rund sind die Ecken leider noch nicht.
RE: Abgerundete Ecken bei "Hilfe", "Kalender" usw - querschlaeger - 22.01.2010
Sorry, hatte was vergessen... Bitte den Code nochmal kopieren.
Lies bitte auch dies hier: http://www.css4you.de/trickkiste/tr00012.html (runde Ecken sind sind noch nicht offiziell in CSS drin)
RE: Abgerundete Ecken bei "Hilfe", "Kalender" usw - freebirds - 22.01.2010
Hat geklappt! Vielen Dank, sieht super aus (zumindestens meiner Meinung nach)!