Code

<style type="text/css">
<!--
/* Textgröße + Textfarben Seiteninhalte */
td, div {font-size: 13px;font-family: arial;color: #000000;}

/*Schriftfarbe der Navigation. Navigation voll anklickbar. Buttonhöhe beachten (30)*/
a.rednav{font-family: arial;font-size: 13px;color: #000000;text-decoration: none;display: block;line-height: 30px;}
a.rednav:hover{font-family: arial;font-size: 13px;color: #000000;text-decoration: none;display: block;line-height: 30px;}

/*Haeder, Breite ist 955, Höhe variabel*/
td.edit_header{background-image:url(https://img.webme.com/pic/6/6p-bilder/redicebluehaeder135.png);background-position:
center top;background-color:Transparent;width:
955; height: 135px;background-repeat: no-repeat;}

/*Feld des Seitennamen oben im Content, Breite 524*/
td.edit_content_header{background-image:url(https://img.webme.com/pic/6/6p-bilder/redicebluecontenttop2.png);background-color:#1D4050;
border-top:0px solid #XXXXXX;}

/* Schrift des Seitentitels oben im Textfeld (Seitenname)) */
span.Stil2 {font-size: 13px;font-familiy: arial;color: #ffffff;text-decoration: underline;}
   
/*Hintergrund des Designs, ansatzfreies Bild oder Farbton nehmen*/
body{background-image: none;background-color:#16242A;background-attachment:fixed;background-repeat:repeat;}
 
/*Navibuttons, normale Breite 202, Höhe in dem Fall 33 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg{background-image:url(https://img.webme.com/pic/g/gringo/redicebluebutt1.png);
background-color:#969696;height:33px;border-right: 3px solid #333333;border-bottom: 3px solid #333333;}

/*Navibuttons, Hovereffekt, normale Breite 202, Höhe in dem Fall 33 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg:hover{background-image:url(https://img.webme.com/pic/g/gringo/redicebluebutt2.png);
background-color:#777777;height:33px;border-right: 3px solid #333333;border-bottom: 3px solid #333333;}

/*Hintergrund Navigation, inklusive Umrahmung*/
td.edit_page_main_bg{background-image: none;background-color:#1D4050;
border-left:1px solid #c0c0c0;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;}

/*Schriftfarbe der Navigation*/
a.rednav{font-family: arial;font-size: 13px;color: #000000;text-decoration: none;}
a.rednav:hover{font-family: arial;font-size: 13px;color: #000000;text-decoration: none;}

/*Content (Textfeld), Breite 525*/
td.cont{background-image:url(https://img.webme.com/pic/6/6p-bilder/contenthintergrund3.png);background-color:#FCFCFC;height:400px;}

/* Textfeld unterer Teil, farblich anpassen wie den Content, inklusive der Umrahmung des Content, Breite 525*/
td.edit_page_main2{background-image:url(https://img.webme.com/pic/6/6p-bilder/contenthintergrund3.png);background-color:#FCFCFC;
border-bottom:1px solid #c0c0c0;border-left:5px solid #D2D4DA;border-right:3px solid #D2D4DA;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;}


/*Hintergrund Boxentabelle */
td.edit_zeile2{border:0px solid #xxxxxx;}
td.edit_zeile{background-image: none;background-color:#1D4050;
border:1px solid #c0c0c0;}

td.edit_zeile3{background-image: none;background-color:#1D4050;}

/*Boxentabelle, der Abstand oben und zwischen den Boxen, Farbton der Boxentabelle nehmen */
td.edit_rechts_header{background-image: none;
height: 33px;background-color:#1D4050;}

/*Hintergrund rechte Boxen, bei Solid dann den Farbton der Boxentabelle nehmen*/
td.edit_rechts_bg{background-image:url(https://img.webme.com/pic/6/6p-bilder/rediniceblueshouty.png);background-color:#EAEBEE;border-right:3px solid #777777;border-left: 3px solid #333333;border-top: 3px solid #777777;border-bottom: 3px solid #333333;} 

/*Schrift der Boxen*/
td.edit_rechts_bg{font-family: arial;font-size: 13px;color: #000000;}

/*Boxen, untere Teil entfernt*/
td.edit_rechts_bg_unten img{display:none;}
td.edit_rechts_bg_unten{background-image: none;background-color:#XXXXXX;}

/*Feld Über Navigation*/
td.edit_navhead{background-image: none;
height: 23px;background-color:#1D4050;}
 
td.rb_footer img{display:none;}
td.rb_footer{background-color:#xxxxxx;height:0px;}

td.edit_rechts_header2{display:none;}

td.content_over img{display:none;}

td.edit_bottom_bg{display:none;}
 
td.edit_links_bg{visibility:hidden;}
 
td.edit_navi_bg{color: #;background-image: none;background-color:#xxxxxx;}

td.nav_mini,td.edit_navi_top{display:none;}

td.edit_page_main_top,td.rb_right_mini{display:none;}

td.rb_bottom img{display:none;}
td.rb_over{background-color:#xxxxxx;height:0px;}
td.edit_rechts_container{padding-top:0px;background-color:#xxxxxx;}

td.cont_bottom img{display:none;}
td.cont_bottom {background-image:none;background-color:#xxxxxx;border: 0px solid #xxxxxx;}

img {border: 0px solid #ff0000}

#webme_footer_textlink_dont_hide {
color: #c0c0c0;
background-color: Transparent; } 
-->
</style>

 

Box 1
 

Buttonbreite 185 Pixel

Buttonbreite 200 Pixel

Buttonbreite 206 Pixel


Das sind Teststreifen, um zu sehen wie die ein oder andere Breite eines Buttons oder Bild wirken würde.

Facebook Like-Button
 
Box 2
 

Hier kann man Texte reinschreiben oder ein sinnvolles Gimmik einfügen.

Wie wäre es Beispielsweise mit einem Video von Youtube? In diesem Fall, müsst Ihr die Maße des Einbettcodes in 190 x 140 ändern.



 
Hier kann man Texte reinschreiben oder ein sinnvolles Gimmik einfügen. Bilder natürlich auch.
 
Heute waren schon 1 Besucher (5 Hits) hier!


Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden