3D Webpage Display

 

 

Präsentieren Sie Ihre Images oder Webseite in 3D mit Schatten und Reflektionen .

Wählen Sie Ihren Hintergrund und Farben einfach mit dem Color Slider . PSD File sowie PDF Anleitung anbei .

 

CSS - Rounded Corners

 

Ja , es ist möglich auch ohne überladene Scripts , verschachtelte DIVs , Bilder , Webkits oder moz - border - radius runde Ecken zu erzeugen . Diese Variante funktioniert mit allen Browsern , sogar in dem schwulen IE6 .

 

Hier ist der CSS - Code : Klick →

CSS - Code :

#rnd_container {background: #F4F4F4; margin:1px;}
.rnd_top, .rnd_bottom {display:block; background:#F4F4F4; font-size:1px;}
.rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;} .rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
.rnd_b2, .rnd_b3, .rnd_b4 {background:#FFFFFF; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.rnd_b1 {margin:0 5px; background:#CCCCCC;} .rnd_b2 {margin:0 3px; border-width:0 2px;} .rnd_b3 {margin:0 2px;}
.rnd_b4 {height:2px; margin:0 1px;}
.rnd_content { display:block;
border:0 solid #CCCCCC;
border-width:0 1px;
padding: 4px;
background:#FFFFFF;
color:#000000; }

 

Die Hintergrund , Border und Containerfarbe kann natürlich individuell angepasst werden.

Am besten wäre es eine externe CSS - Datei anzulegen .

 

Hier ist der HTML - Code : Klick →

HTML - Code :

<div id="rnd_container">
<b class="rnd_top"><b class="rnd_b1"></b><b class="rnd_b2"></b><b class="rnd_b3"></b><b class="rnd_b4"></b></b> <div class="rnd_content">
Your Text Goes Here
</div>
<b class="rnd_bottom"><b class="rnd_b4"></b><b class="rnd_b3"></b><b class="rnd_b2"></b><b class="rnd_b1"></b></b> </div>

 

Ich habe dem Container zusätzlich noch eine Größe von 800 Pixel gegeben um es in die Seite anzupassen :

<div id="rnd_container" style="width:800px;"/div>

 

CSS - Rounded Corner Generator : Klick →

CSS - Rounded Corner Generator :

 

 

Noch leichter geht das ganze mit einem CSS - Generator mit Vorschau . Werte eingeben , Code erzeugen und in Webseite einfügen .

 

Weitere Software

 

 

 

 

 

Download

 

 

 

 

 

  • Schnellster Manager und Betrachter
  • Müheloser Import und Verwaltung Ihrer Bilder
  • Digital Photo Software All in One
  • Korrigieren und Nacharbeiten Ihrer Photos
  • Unendliche Möglichkeiten rund ums Photo