Was ist neu?

Runde Ecken

Cartman

- Royal Clan Member -
Ein Website-Designelement, das den Zeitgeist wiederspiegelt, ist die sog. runde Ecke bzw. rounded corner. Die entsprechenden Grafiken vorausgesetzt lassen sich mit ein paar Zeilen CSS schöne, harmonische Umrandungen für Textblöcke oder Bilder gestalten. Doch das Erzeugen der benötigten Ecken-Grafiken ist nicht jedermanns Sache, nicht alle WebWorker sind geborene Grafiker. Macht aber nix, dazu gibt’s ja das Internet, bei dem man immer wieder fündig wird. In diesem Fall bei RoundedCornr , einem Online-Generator, der nach Eingabe einiger Basisparameter die entsprechenden Grafiken und CSS-Deklarationen ausspuckt – noch nie waren runde (Nuss-)Ecken so geschmackvoll.

RoundedCornr
 

john-smith

- Premium Member -
rundes eck

rundes eck oder eckiger kreis :D :D:D

aufjedenfall eine gute möglichkeit schnell an ergebnisse zu kommen;)
 

rudi

- Premium Member -
css

.linie1, .linie2, .linie3, .linie4 {display:block; overflow:hidden; font-size:1px;}
.linie1, .linie2, .linie3 {height:1px;}
.linie2, .linie3, .linie4 {background:ivory; border-left:2px solid #ccc; border-right:2px solid #ccc;}
.linie1 {margin:0 5px; background:#ccc;}
.linie2 {margin:0 3px; border-width:0 2px 0 2px;}
.linie3 {margin:0 2px;}
.linie4 {height:1px; margin:0 1px 0 1px;}

html dazu
<div id="roundbox">
<b class="linie1"></b>
<b class="linie2"></b>
<b class="linie3"></b>
<b class="linie4"></b>

Hier dan dein blablabla oder halt Bild


<b class="linie4"></b>
<b class="linie3"></b>
<b class="linie2"></b>
<b class="linie1"></b>
</DIV>
 

Neue Themen

Oben