bombastiic

Boxen-styles

Styles für Boxen

Ich dachte mir ich mache mal Styles für eure Boxen, da es einige von euch schwer fällt selber welche zu machen.

1. Dieser Code kommt  zwischen den Style-tags (also zwischen < style> und < /style>)



.box { margin: 10px; color: #f7f7f7; font-family: Arial; font-size : 11px ; padding: 5px; background-color: #004f00; width:150; border: 3px solid #DEB887; }




.box { margin: 10px; color: #363636; font-family: Arial; font-size : 11px ; padding: 5px; background-color: #ececec; width:150; border-left: 3px solid #bebebe; border-top: 3px solid #bebebe; border-right: 3px solid #5e5e5e; border-bottom: 3px solid #5e5e5e; }




.box { margin: 10px; color: #363636; font-family: Arial; font-size : 11px ; padding: 5px; background-color: #f7f7f7; width:150; border: 1px dotted #5e5e5e; }




.box { margin: 10px; color: #363636; font-family: Arial; font-size : 11px ; padding: 5px; background-color: #F5F5DC; width:150; border-left: 1px solid #2F4F4F; border-right: 1px solid #2F4F4F; }




.box { margin: 10px; color: #363636; font-family: Arial; font-size : 11px ; padding: 5px; background-color: #C6E2FF; width:150; border-top: 1px solid #708090; border-bottom: 1px solid #708090; }




.box { margin: 10px; color: #363636; font-family: Arial; font-size : 11px ; padding: 5px; background-color: #FFF8DC; width:150; border-right: 3px solid #666666; border-bottom: 3px solid #666666; border-left: 1px solid #666666; border-top: 1px solid #666666; }




.box { margin: 10px; color: #363636; font-family: Arial; font-size : 11px ; text-align: center; padding: 5px; background-color: #D8BFD8; width:150; -moz-border-radius: 20px; border: 1px solid #666666; }





2. Der Code der eure Box sichtbar macht

<div class=box> Inhalt </div>


Inhalt hier kommt euer/e Text/Bilder/ Navigation oder was auch immer rein


Fall es noch Fragen gibt könnt ihr mich HIER fragen.
Tutorial by Bombastiic