Wie werden die runden Ecken hier im Forum gemacht?

[Counti]

Hallo,

die ganzen Kästen hier im Forum ist ja abgerundet. Anders als bei anderen Websites, werden die Grafiken hier aber nicht erst nachgeladen, sprich sind die Menus die ersten paar Zehntel Sekunden nackt. Wie wird das gemacht? Es sind doch alle Grafiken, oder?

 

[Maik]

Hi,

die Frage nach der Umsetzung wurde schon mal in dem Thread Css Grafiken wie hier die Boxen ? gestellt.

Und ja, es handelt sich hierbei um Grafiken; acht Hintergrundbilder pro Box, die sich aus acht ineinander verschachtelten DIVs zusammensetzt, die den Inhalt umschliessen:

/** Standardbox **/
    div.box{background:url(http://www.tutorials.de/forum/images_v6/silver/box_ww.gif) repeat-y;}
    div.box div{background:url(http://www.tutorials.de/forum/images_v6/silver/box_ee.gif) right repeat-y ;}
    div.box div div{background:url(http://www.tutorials.de/forum/images_v6/silver/box_nn.gif)  repeat-x;}
    div.box div div div{background:url(http://www.tutorials.de/forum/images_v6/silver/box_ss.gif) bottom repeat-x;}
    div.box div div div div{background:url(http://www.tutorials.de/forum/images_v6/silver/box_nw.gif) left top no-repeat;}
    div.box div div div div div{background:url(http://www.tutorials.de/forum/images_v6/silver/box_ne.gif) right top no-repeat;}
    div.box div div div div div div{background:url(http://www.tutorials.de/forum/images_v6/silver/box_sw.gif) left bottom no-repeat;}
    div.box div div div div div div div{background:url(http://www.tutorials.de/forum/images_v6/silver/box_se.gif) right bottom no-repeat; padding:0 5px;margin:0;}