[phpBB3] Forenindex abrunden - Problem

Liebes Team,

ich habe folgendes Problem:

Ich will unter phpbb3 die Kategorienanzeige abrunden, nur leider gelingt mit das nur teilweise, so dass immer Ecken überstehen.

Code:

.forabg {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

.icon  {
  -webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

Vielleicht hilft dir das weiter.
https://hilfe.forumieren.com/t33705-runde-ecken-werden-nicht-angezeigt

https://hilfe.forumieren.com/search?mode=searchbox&search_keywords=abrunden&show_results=topics

Generator:
http://border-radius.com/

Hallo,

von mir noch eine kleine Ergänzung, weil alle Suchergebnisse, die sich auf die "überstehenden" Ecken beziehen, für BB2 gestaltet sind.

Normalerweise legt man unter BB3 ja keine so extremen Abrundungen (25px) fest, sondern geringere Abrundungen - und verwendet dafür kein CSS, sondern setzt dort passende Grafiken ein, die abgerundete Ecken darstellen:
AB -> Anzeige -> Bilder & Farben -> Bilderverwaltung (Fortgeschrittene Methode)
Links abgerundete Ecken
Rechts abgerundete Ecken
Linke Ecken auf farbigen Hintergrund abrunden
Rechte Ecken auf farbigen Hintergrund abrunden

Aber bei einer so starken Abrundung von 25px reicht das nicht aus, weil die Ecken der enthaltenen Tabelle und Zellen trotzdem überstehen würden. Also bist du mit deinem CSS-Code schon am richtigen Weg, aber ein paar Verfeinerungen sind zusätzlich noch nötig.

Ich poste diese hier, weil sie für BB2 bereits vorhanden sind (siehe Suche) und diese Frage dann auch für BB3 ein für alle Mal geklärt ist. ;)Also:

Code:

.topiclist.forums, .row {
  border-radius: 25px;
}
.topiclist.forums .dterm {
  border-radius: 25px 0 0 25px;
}

Wenn du das ergänzt, verschwinden auch die "überstehenden" Ecken im Index.

Solltest du noch weitere Bereiche in deinem Forum abrunden wollen, findest du zu vielen Bereichen Lösungen über den Link, den Julie dir gegeben hat.
Weitere Bereiche müsstest du ansonsten mit Firebug selbst untersuchen. Die CSS-Codes, die du von uns schon erhalten hast, solltest du dann auch auf andere Bereiche übertragen können, wenn du dich ein wenig damit auseinander setzt.

Danke für eine Beiträge :-)

Ich habe nun das ganze auf 15 px runtergeschraubt, da ich doch fand, dass 25px zu viel waren.

Noch eine Frage:

Ich verwende den integrierten "FireBug" von Mozilla Firefox (Element untersuchen) , da firebug bei mir immer Abgestürzt ist. Aber der ist doch genau so gut oder?

Der integrierte Inspektor von FF oder Chrome ist auch ein gutes Werkzeug. Firebug selbst ist natürlich am weitesten entwickelt, aber die integrierten Entwicklerwerkzeuge reichen auch aus, wenn du Firebug nicht verwenden kannst.

Da deine Frage damit beantwortet ist, schließe ich hier.
-closed-