Boxen

So, wie du bestimmt schon mal gesehen hast, gibt es auch Boxen, die du an die Seite oder nach oben an deine Homepage machen kannst. Es gibt komplett graue Boxen, die ziemlich langweilig aussehen, und es gibt welche, die echt hübsch sind! Hier schreibe ich einige der Codes für die Boxen hin, plus eine kleine Erklärung am Ende ^^




1. Boxdesign

<style type="text/css"><!--

#content{

background-color: transparent; 

background:rgb(266, 255, 255);

filter:Alpha(opacity=100);

background:rgba( 240, 240, 240, 0.8);}

 

/* Original-Box Hintergrundfarbe weiß */

#sidebar {

background: none !important;

}

 

/* Aussehen neue Boxen */

.boxen {

width: 90%;

min-height: 50px;

padding: 19px;

margin: 10px 10px 20px 10px;

background-color:#E6E6E6;

border: 1px solid #c8c8c8;

overflow: hidden;

} 

 

/* Aussehen Balken mit Ueberschrift */

.boxen h2 {

background-color:#FFFFFF;

color:#000000 ;

font-size: 19px;

margin: -10px 0px 20px -20px;

width: 225px;

padding-left: 60px;

box-shadow: 2px 2px 12px spx ; 

 

--></style>

Das sieht dann ungefähr so aus:



2. Boxdesign