Ecken der Forentabelle abrunden?

Hallo ihr,

ich hab da mal ne gaaaanz bescheidene Frage...
Ich hab in einem anderen Forum durch Zufall gesehen, dass die Indexmodule an den Ecken (stark) abgerundet wurde.
Wie kann man sowas machen?
Und ist sowas auch für die Forentabelle möglich?

Würde das gerne mal in einem meiner Foren ausprobieren.
Vielen Dank für eure Hilfe schon im Voraus!!!

Liebe Grüße, lost angel

Ps.: Hier das Forum, in dem ich es gesehen habe, damit ihr wisst, was ich so meine.
http://darkest.lightbb.com/

Hallo du verlorener Engel,

das kannst du mit folgendem CSS-Code erreichen:

Code:

.modul {
    border-radius: 25px 25px 25px 25px;
}

Je grösser der Wert, desto runder die Ecken

Scheint bei mir nicht zu klappen... die sehen immer noch gleich aus... ziemlich eckig.

Und was muss ich für Forentabelle eingeben?

Ach so....

Ich hab dir den Code für die Module gegeben.
Was genau willst du ändern?
Hast du mal nen Screenshot?

Eigentlich am liebsten die Ecken der Forentabelle.
Habs grad mit den Modulen probiert, ändert sich aber nichts.
Aber ich würde lieber die Ecken der Forentabelle abrunden.

Ich hab noch kein Screenshot. Kann ich aber gleich machen.
Einen Moment nur...

So, die rot eingekreisten Ecken möchte ich rund haben.
Wie geht das und was muss ich dazu machen?

Hmmm, du hast ein BB2-Forum, da ist es mit CSS eher schwieriger, weil hier mehr mit den Templates gearbeitet wird. Deshalb funktioniert auch der Modul-Code nicht.

Du willst nur die beiden Ecken oben abrunden. Das wird mit einem einfachen CSS-Code nicht funktionieren. Ich habe hier zwar einen Code für dich, der rundet aber überall die Ecken ab:

Code:

.forumline {
    border-radius: 5px 5px 5px 5px;
}

HIER wurde das Thema auch schonmal durchgekaut. Vielleicht hilft es dir ja weiter.

Sollte jemand die passenden Template-Änderungen kenne, dann immer her damit. Ich gebe den Thread dann mal wieder frei.

Nein, ich wollte schon alle vier Ecken abrunden. Ich wollte jetzt nur nicht das ganze Forum screenen.

Prima, dann werd ich das mal probieren.
Mal sehen, ob ich das hinbekomme.

Auch in einem phpBB2 Forum ist das alles über das CSS möglich.
Du kannst dir mein Forum anschauen und das ist alles über das CSS eingestellt.
Mit den Templates hat das nichts zu tun.
Mit Firebug dem AddOn für Firefox ist es kein Problem die richtigen CSS Classen zu bestimmen.
So lassen sich alle gewünschten Elemente finden und auch abrunden.
Bitte Suche im Netz auch mal nach Border-Radius.
Du findest dort viele Erklärungen dazu und auch was für die Verschiedenen Browser beachtet werden muss.

Bekommt man das vielleicht etwas größer?
Ich hab das jetzt mal mit folgendem Code ausprobiert. Sieht aber irgendwie merkwürdig aus.

Code:

.forumline {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius: 5px 5px 5px 5px;
background-color:#FFFFFF;
border:2px solid #FFFFFF;
}

So, hab jetzt noch mal "experimentiert"...
Hab folgenden Code:

Code:

.forumline {
    border-radius:25px 25px 25px 25px;
background-color:#FFFFFF;
border:2px solid #FFFFFF;
}

Hab den Radius jetzt auch mal größer gemacht. jetzt kommt aber die Hintergrundgrafik der Kategorien über die Abrundungen.

Ähm... darf ich nochmal nachfragen, ob da jemand weiß, wie ich die Ecken der Forentabelle größer bekomme ohne dass die Hintergrund Grafik der Kategorieren über die Rundung (wie im Screen) hinüber hinausschaut?
Gibts da vielleicht ein Trick? Oder ist das eigentlich gar nicht möglich?

Sorry, wenn ich nerve, aber ich bin grad nen bisschen neugierig.

Ich würde ehrlich gesagt nicht mit 25ger Ecken arbeiten.
Du müsstest theoretischer Weise auch den Abstand des Bildes vom Rand vergrößern können.

Und wie mach ich das? Ich meine den Abstand des Bildes vom Rand vergrößern?

Muss ich erst nachsehen aber eigentlich mit einer padding oder margin Angabe im CSS.
Ich müsste aber erst schauen, ob das so einfach geht.
Am einfachsten wäre es, wenn du deine Kategori Grafiken mit einen schmalen Transparenten Rahmen noch mal erstellen würdest. Nur wie gesagt, sieht es mit so Übergepäck Rundungen nicht mehr schön aus. Hier solle man die Grenze bei maximal 10 Pixel setzen.

Auf 10px bin ich grade und es ist meine Mindestgrenze. Im oben genannten Beispielforum, wo ich das entdeckt habe ist der Radius auch auf 25 gestellt und eigentlich find ich es ganz chic.
Leider hab ich kein Photobearbeitungsprogramm, in dem ich auch transparente Elemente erzeugen kann. Ich arbeite viel nur mit Paint oder Photoscape und da sind transparente Elemente nicht möglich.
Wäre also ganz lieb von dir, wenn du schauen könntest, wie man den Abstand zum Rand hinbekommt und ob das machbar wäre.

Hast du jetzt deine Kategorie Grafiken verändert?Wenn du das noch ändern möchtest, dann versuche bitte mal diesen CSS Code bei dir einzutragen:

Code:

.secondarytitle img {
    border: 0 none;
    margin: 10px;
}

Mit der margin: 10px Angabe kannst du den Abstand des Bildes vom Rahmen bestimmen.

Hab den Code eingesetzt und noch mal probiert die Rundung dann auch 25px zu setzen. Sieht aber genauso aus, wie vorher (rote Kreise), nur dass die Kategoriegrafik jeweils oben und unten (rote Linien im Bild) an Abstand zulegen und damit der Kategoriebalken breiter wird.


Wenn nicht noch jemand ne Idee hat, werd ich die Rundungen einfach auf max. 10px lassen. Größer wäre schöner, aber wenns nicht geht, dann ist auch ok. Ich kenn mich da nicht so aus und ehe ich jetzt alle mit meinen Extrawünschen in den Wahnsinn treibe...

Ach, nun sehe ich das erst, das du ja dort ein Hintergrundbild hast.
Ich denke, das sich das nicht verhindern lässt. Ich dachte das der Hintergrund zum Kategoribild gehört. Dann kannst du das CSS wieder entfernen.
Ich denke, das wir dann keine Lösung finden.
Aber ich schau später noch mal.

Ja, ich hab da noch ne Hintergrundgrafik. Würde ich die rausnehmen siehts noch merkwürdiger aus.
Hab deshalb schon das CSS wieder entfernt.
Wie gesagt, falls es nicht geht, dann lass ich es auf 10px. Man gewöhnt sich irgendwie dran und dann wirkt es doch ganz hübsch.
Also nur keine Eile, falls du nichts findest ist auch ok.

Vielen lieben Dank aber trotzdem für all deine Mühen.

Das Problem ist, das das Hintergrundbild über dem Rahmen ist. Wenn du deine Ansicht mal stark vergrößerst, dann siehst du das auch.
Ich denke nicht das wir das hinbekommen.
Aber ich schaue noch mal.

Es ist zwar möglich, das abzurunden, aber nicht, das es sich auch auf andere Bereiche auswirkt. Zumindest sehe ich von Außen es so, das es nicht so leicht klappt.
Schau mal wie es dann aussehen würde:

Sieht auch nicht schlecht aus.
Wie hast du das gemacht?

Kannst du mir bitte mal die Daten für einen Adminaccount in deinem Forum zusenden? Ich versuche dann mal was um das so hin zu bekommen.
Aber du hast auch gesehen, das es wenn dann in der ersten Tabellenreihe nicht passt?

So, Schluss für heute...

Ich schaue dann morgen früh danach. Aber ich sage es dir Gleich...
Wir werden alle elemente abrunden müssen, was dann wieder sehr doof aussieht. Ich habe es mal bis zu eine Radius von 15 Px versucht und ich sage dir gleich das wird nicht schön.