Da öfters gefragt wird wie man Sachen unter der Navigation einfügen kann, hab ich mich mal wieder Zeit genommen und einige Standard Designs als Red Designs gemacht.
Teilweise hab ich die Designs etwas verändernt. Aber das sollte der Optik zu gute kommen.
Schriften sind direkt im Code festgelegt, das bedeutet für euch, dass ihr euch darum eigentlich nicht kümmern müsst.
Vorerst sind es nur Designs ohne Boxen. Designs mit Boxen kommen später noch. Die Designs sind mitsamt der Werbung zentriert.
Die Designs haben keine Headerbeschriftung, sollte aber kein Problem darstellen. Einfach die URL des jeweiligen Headers kopieren, im Browser eingeben, das Bild runterladen. Nun beschriftet ihr es und lädt es wieder hoch. Jetzt noch die URL im Code ersetzen und euer Header ist fertig.
Eingefügt wird der Code wie folgt:
Design einstellen und auf "Red" schalten. Nun erstmal speichern. Jetzt den Karteireiter "Erweiterte Einstellungen" und dort bei "Text über dem Design" den Code einfügen.
Inhalte und Navigationspunkte werden automatisch übernommen.
Im Textfeld Bilder einzufügen, die 700 Pixel breit sind, ist hierbei kein Problem.
Noch ein Tip am Rande: Bei Text unter dem Design fügt ihr einfach <br> ein. Damit klebt das Design nicht unten am Bildschirm.
Gruss Gringo
Design Fussball
Code: <style type="text/css">
<!--
/* SKYBANNER WERBUNG PLATZIEREN*/
#skybanner{
position: fixed;
top:5px;
right: 5px;
width:160px;
height: 600px;
overflow: hidden;}
/* Textgröße + Textfarben Seiteninhalte */
td, div {font-size: 13px;font-family: arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma ;color: #ffffff; }
/* Linkfarben + Größen auf Seiten */
a:link {
color:#c0c0c0;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none; }
/*Hover-Effekt bei Links*/
a:hover{
color:#c0c0c0;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/* besuchte Links */
a:visited {
color:#c0c0c0;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/*Schriftfarbe der Navigation. Navigation voll anklickbar. Buttonhöhe beachten (30)*/
a.rednav{font-family: arial;font-size: 13px;color: #ffffff;text-decoration: none;display: block;line-height: 30px;}
a.rednav:hover{font-family: arial;font-size: 13px;color: #ffffff;text-decoration: none;display: block;line-height: 30px;}
/*Header, Breite ist 955, Höhe variabel (Minimum 135). In dem Fall gibt es zwischen Haeder und Textfeld einen kleinen Zwischenraum,
weil der Header eigentlich 5 Pixel nieriger ist als ich im Code angegeben habe. Je mehr man der Headerhöhe zugibt,
desto mehr Abstand kommt unter dem Header. Der Header hier, hat also normaler Weise eine Höhe von 152 Pixel.*/
td.edit_header{background-image:url(http://img.webme.com/pic/r/red-bilder/redfussballheader.png);background-position:
center top;background-color:Transparent;width:
955; height: 157px;background-repeat: no-repeat;}
/*Hintergrund des Designs, ansatzfreies Bild oder Farbton nehmen*/
body{background-image:url(http://theme.webme.com/designs/fussball/Bilder/bg.gif);background-color:#244210;background-attachment:fixed;background-repeat:repeat;}
/*Navibuttons, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg{background-image:url(http://img.webme.com/pic/r/red-bilder/redfussballbutt1.png);
background-color:#244210;height:30px;border-right: 3px solid #333333;border-bottom: 3px solid #333333;border-left: 2px solid #c0c0c0;border-top: 2px solid #c0c0c0;}
/*Navibuttons, Hovereffekt, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg:hover{background-image:url(http://img.webme.com/pic/r/red-bilder/redfussballbutt2.png);
background-color:#244210;height:30px;border-right: 3px solid #333333;border-bottom: 3px solid #333333;border-left: 2px solid #c0c0c0;border-top: 2px solid #c0c0c0;}
/*Hintergrund Navigation, inklusive Umrahmung*/
td.edit_page_main_bg{background-image:url(http://img.webme.com/pic/r/red-bilder/redfussballnavbody.png);background-color:#244210;
border-left:2px solid #C0C0C0;border-top:2px solid #C0C0C0;border-bottom:2px solid #C0C0C0;}
/*Content (Textfeld)*/
td.cont{background-image:none;background-color:#244210;height:400px;}
/* Textfeld unterer Teil, farblich anpassen wie den Content, inklusive der Umrahmung*/
td.edit_page_main2{background-image:url();background-color:#244210;
border-bottom:2px solid #C0C0C0;border-left:1px solid #C0C0C0;border-right:2px solid #C0C0C0;border-top:2px solid #C0C0C0;}
/* Bordererklärung (Rahmen): left ist links, right ist rechts, top ist oben, bottom ist unten*/
/* Ausgeblendete Sachen, unterhalb nichts ändern*/
/*Feld des Seitennamen oben im Content*/
td.edit_content_header img{display:none;}
td.edit_content_header{display:none;}
/* Schrift des Seitentitels oben im Textfeld (Seitenname) */
span.Stil2 {font-size: 15px;font-familiy: arial;color: #ffffff;text-decoration: underline;}
td.edit_main_bg{background-image:url();
background-color:#969696;height:0px;border: 0px solid #ffffff}
/*Hintergrund Boxentabelle */
td.edit_zeile2 img{display:none;}
td.edit_zeile2{display:none;}
td.edit_zeile3 img{display:none;}
td.edit_zeile3{display:none;}
td.edit_zeile img{display:none;}
td.edit_zeile{display:none;}
/*Boxentabelle*/
td.edit_rechts_header img{display:none;}
td.edit_rechts_header{display:none;}
/*Hintergrund rechte Boxen*/
td.edit_rechts_bg img{display:none;}
td.edit_rechts_bg{display:none;}
/*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:url();
background-color:Transparent;}
td.rb_footer img{display:none;}
td.rb_footer{display:none;}
td.rb_bottom2 img{display:none;}
td.rb_bottom2{display:none;}
td.edit_rechts_header2 img{display:none;}
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_navhead{display:none;}
td.edit_navi_bg{color: #xxxxxx;background-image:url();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;}
td.cont div { width: 710px!important;overflow: hidden!important;}
td.cont table[width="480"] {width:710px!important;}
img {border: 0px solid #ff0000}
-->
</style>
<div id="skybanner">
<iframe src="http://ads.webme.com/ad.php?pos=bw_sky" frameborder="0" width="160" height="600" scrolling="no"></iframe>
</div>
Design Musik
Code: <style type="text/css">
<!--
/* SKYBANNER WERBUNG PLATZIEREN*/
#skybanner{
position: fixed;
top:5px;
right: 5px;
width:160px;
height: 600px;
overflow: hidden;}
/* Textgröße + Textfarben Seiteninhalte */
td, div {font-size: 13px;font-family: arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma ;color: #000000; }
/* Linkfarben + Größen auf Seiten */
a:link {
color:#330000;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none; }
/*Hover-Effekt bei Links*/
a:hover{
color:#330000;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/* besuchte Links */
a:visited {
color:#330000;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/*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;}
/*Header, Breite ist 955, Höhe variabel (Minimum 135). In dem Fall gibt es zwischen Haeder und Textfeld einen kleinen Zwischenraum,
weil der Header eigentlich 5 Pixel nieriger ist als ich im Code angegeben habe. Je mehr man der Headerhöhe zugibt,
desto mehr Abstand kommt unter dem Header. Der Header hier, hat also normaler Weise eine Höhe von 161 Pixel.*/
td.edit_header{background-image:url(http://img.webme.com/pic/r/red-bilder/redmusikheader.png);background-position:
center top;background-color:Transparent;width:
955; height: 166px;background-repeat: no-repeat;}
/*Hintergrund des Designs, ansatzfreies Bild oder Farbton nehmen*/
body{background-image:url();background-color:#000000;background-attachment:fixed;background-repeat:repeat;}
/*Navibuttons, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg{background-image:url(http://img.webme.com/pic/r/red-bilder/redmusikbutt1.png);
background-color:#0000000;height:30px;border-right: 3px solid #333333;border-bottom: 3px solid #333333;border-left: 2px solid #c0c0c0;border-top: 2px solid #c0c0c0;}
/*Navibuttons, Hovereffekt, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg:hover{background-image:url(http://img.webme.com/pic/r/red-bilder/redmusikbutt2.png);
background-color:#000000;height:30px;border-right: 3px solid #333333;border-bottom: 3px solid #333333;border-left: 2px solid #c0c0c0;border-top: 2px solid #c0c0c0;}
/*Hintergrund Navigation, inklusive Umrahmung*/
td.edit_page_main_bg{background-image:url();background-color:#7E7E7E;
border-left:2px solid #B1D000;border-top:2px solid #B1D000;border-bottom:2px solid #B1D000;}
/*Content (Textfeld)*/
td.cont{background-image:none;background-color:#7E7E7E;height:400px;}
/* Textfeld unterer Teil, farblich anpassen wie den Content, inklusive der Umrahmung*/
td.edit_page_main2{background-image:url();background-color:#7E7E7E;
border-bottom:2px solid #B1D000;border-left:1px solid #B1D000;border-right:2px solid #B1D000;border-top:2px solid #B1D000;}
/* Bordererklärung (Rahmen): left ist links, right ist rechts, top ist oben, bottom ist unten*/
/* Ausgeblendete Sachen, unterhalb nichts ändern*/
/*Feld des Seitennamen oben im Content*/
td.edit_content_header img{display:none;}
td.edit_content_header{display:none;}
/* Schrift des Seitentitels oben im Textfeld (Seitenname) */
span.Stil2 {font-size: 15px;font-familiy: arial;color: #ffffff;text-decoration: underline;}
td.edit_main_bg{background-image:url();
background-color:#969696;height:0px;border: 0px solid #ffffff}
/*Hintergrund Boxentabelle */
td.edit_zeile2 img{display:none;}
td.edit_zeile2{display:none;}
td.edit_zeile3 img{display:none;}
td.edit_zeile3{display:none;}
td.edit_zeile img{display:none;}
td.edit_zeile{display:none;}
/*Boxentabelle*/
td.edit_rechts_header img{display:none;}
td.edit_rechts_header{display:none;}
/*Hintergrund rechte Boxen*/
td.edit_rechts_bg img{display:none;}
td.edit_rechts_bg{display:none;}
/*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:url();
background-color:Transparent;}
td.rb_footer img{display:none;}
td.rb_footer{display:none;}
td.rb_bottom2 img{display:none;}
td.rb_bottom2{display:none;}
td.edit_rechts_header2 img{display:none;}
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_navhead{display:none;}
td.edit_navi_bg{color: #xxxxxx;background-image:url();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;}
td.cont div { width: 710px!important;overflow: hidden!important;}
td.cont table[width="480"] {width:710px!important;}
img {border: 0px solid #ff0000}
-->
</style>
<div id="skybanner">
<iframe src="http://ads.webme.com/ad.php?pos=bw_sky" frameborder="0" width="160" height="600" scrolling="no"></iframe>
</div>
Design Skater
Code: <style type="text/css">
<!--
/* SKYBANNER WERBUNG PLATZIEREN*/
#skybanner{
position: fixed;
top:5px;
right: 5px;
width:160px;
height: 600px;
overflow: hidden;}
/* Textgröße + Textfarben Seiteninhalte */
td, div {font-size: 13px;font-family: arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma ;color: #c0c0c0; }
/* Linkfarben + Größen auf Seiten */
a:link {
color:#ffffff;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none; }
/*Hover-Effekt bei Links*/
a:hover{
color:#ffffff;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/* besuchte Links */
a:visited {
color:#ffffff;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/*Schriftfarbe der Navigation. Navigation voll anklickbar. Buttonhöhe beachten (30)*/
a.rednav{font-family: arial;font-size: 13px;color: #800000;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;}
/*Header, Breite ist 955, Höhe variabel (Minimum 135). In dem Fall gibt es zwischen Haeder und Textfeld einen kleinen Zwischenraum,
weil der Header eigentlich 5 Pixel nieriger ist als ich im Code angegeben habe. Je mehr man der Headerhöhe zugibt,
desto mehr Abstand kommt unter dem Header. Der Header hier, hat also normaler Weise eine Höhe von 211Pixel.*/
td.edit_header{background-image:url(http://img.webme.com/pic/r/red-bilder/redskaterheader.png);background-position:
center top;background-color:Transparent;width:
955; height: 216px;background-repeat: no-repeat;}
/*Hintergrund des Designs, ansatzfreies Bild oder Farbton nehmen*/
body{background-image:url();background-color:#000000;background-attachment:fixed;background-repeat:repeat;}
/*Navibuttons, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg{background-image:url();
background-color:#C0C0C0;height:30px;border-right: 0px solid #333333;border-bottom: 1px solid #800000;border-left: 0px solid #c0c0c0;border-top: 0px solid #c0c0c0;}
/*Navibuttons, Hovereffekt, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg:hover{background-image:url();
background-color:#c0c0c0;height:30px;border-right: 0px solid #333333;border-bottom: 1px solid #000000;border-left: 0px solid #c0c0c0;border-top: 0px solid #c0c0c0;}
/*Hintergrund Navigation, inklusive Umrahmung*/
td.edit_page_main_bg{background-image:url();background-color:#c0c0c0;
border-left:2px solid #800000;border-top:2px solid #800000;border-bottom:2px solid #800000;}
/*Content (Textfeld)*/
td.cont{background-image:none;background-color:#262626;height:400px;}
/* Textfeld unterer Teil, farblich anpassen wie den Content, inklusive der Umrahmung*/
td.edit_page_main2{background-image:url();background-color:#262626;
border-bottom:2px solid #800000;border-left:1px solid #800000;border-right:2px solid #800000;border-top:2px solid #800000;}
/* Bordererklärung (Rahmen): left ist links, right ist rechts, top ist oben, bottom ist unten*/
/* Ausgeblendete Sachen, unterhalb nichts ändern*/
/*Feld des Seitennamen oben im Content*/
td.edit_content_header img{display:none;}
td.edit_content_header{display:none;}
/* Schrift des Seitentitels oben im Textfeld (Seitenname) */
span.Stil2 {font-size: 15px;font-familiy: arial;color: #000000;text-decoration: underline;}
td.edit_main_bg{background-image:url();
background-color:#969696;height:0px;border: 0px solid #ffffff}
/*Hintergrund Boxentabelle */
td.edit_zeile2 img{display:none;}
td.edit_zeile2{display:none;}
td.edit_zeile3 img{display:none;}
td.edit_zeile3{display:none;}
td.edit_zeile img{display:none;}
td.edit_zeile{display:none;}
/*Boxentabelle*/
td.edit_rechts_header img{display:none;}
td.edit_rechts_header{display:none;}
/*Hintergrund rechte Boxen*/
td.edit_rechts_bg img{display:none;}
td.edit_rechts_bg{display:none;}
/*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:url();
background-color:Transparent;}
td.rb_footer img{display:none;}
td.rb_footer{display:none;}
td.rb_bottom2 img{display:none;}
td.rb_bottom2{display:none;}
td.edit_rechts_header2 img{display:none;}
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_navhead{display:none;}
td.edit_navi_bg{color: #xxxxxx;background-image:url();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;}
td.cont div { width: 710px!important;overflow: hidden!important;}
td.cont table[width="480"] {width:710px!important;}
img {border: 0px solid #ff0000}
-->
</style>
<div id="skybanner">
<iframe src="http://ads.webme.com/ad.php?pos=bw_sky" frameborder="0" width="160" height="600" scrolling="no"></iframe>
</div>
Design Men
Code: <style type="text/css">
<!--
/* SKYBANNER WERBUNG PLATZIEREN*/
#skybanner{
position: fixed;
top:5px;
right: 5px;
width:160px;
height: 600px;
overflow: hidden;}
/* Textgröße + Textfarben Seiteninhalte */
td, div {font-size: 13px;font-family: arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma ;color: #000000; }
/* Linkfarben + Größen auf Seiten */
a:link {
color:#339966;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none; }
/*Hover-Effekt bei Links*/
a:hover{
color:#555979;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/* besuchte Links */
a:visited {
color:#555979;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/*Schriftfarbe der Navigation. Navigation voll anklickbar. Buttonhöhe beachten (30)*/
a.rednav{font-family: arial;font-size: 13px;color: #ffffff;text-decoration: none;display: block;line-height: 30px;}
a.rednav:hover{font-family: arial;font-size: 13px;color: #ffffff;text-decoration: none;display: block;line-height: 30px;}
/*Header, Breite ist 955, Höhe variabel (Minimum 135). In dem Fall gibt es zwischen Haeder und Textfeld einen kleinen Zwischenraum,
weil der Header eigentlich 5 Pixel nieriger ist als ich im Code angegeben habe. Je mehr man der Headerhöhe zugibt,
desto mehr Abstand kommt unter dem Header. Der Header hier, hat also normaler Weise eine Höhe von 146 Pixel.*/
td.edit_header{background-image:url(http://img.webme.com/pic/r/red-bilder/redmenheader.png);background-position:
center top;background-color:Transparent;width:
955; height: 151px;background-repeat: no-repeat;}
/*Hintergrund des Designs, ansatzfreies Bild oder Farbton nehmen*/
body{background-image:url();background-color:#DEDFE7;background-attachment:fixed;background-repeat:repeat;}
/*Navibuttons, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg{background-image:url();
background-color:#9A4C46;height:30px;border-right: 3px solid #333333;border-bottom: 3px solid #333333;border-left: 2px solid #c0c0c0;border-top: 2px solid #c0c0c0;}
/*Navibuttons, Hovereffekt, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg:hover{background-image:url();
background-color:#AA6053;height:30px;border-right: 3px solid #333333;border-bottom: 3px solid #333333;border-left: 2px solid #c0c0c0;border-top: 2px solid #c0c0c0;}
/*Hintergrund Navigation, inklusive Umrahmung*/
td.edit_page_main_bg{background-image:url();background-color:#979AAD;
border-left:2px solid #C0C0C0;border-top:2px solid #C0C0C0;border-bottom:2px solid #C0C0C0;}
/*Content (Textfeld)*/
td.cont{background-image:none;background-color:#FFFFFF;height:400px;}
/* Textfeld unterer Teil, farblich anpassen wie den Content, inklusive der Umrahmung*/
td.edit_page_main2{background-image:url();background-color:#FFFFFF;
border-bottom:2px solid #C0C0C0;border-left:1px solid #C0C0C0;border-right:2px solid #C0C0C0;border-top:2px solid #C0C0C0;}
/* Bordererklärung (Rahmen): left ist links, right ist rechts, top ist oben, bottom ist unten*/
/* Ausgeblendete Sachen, unterhalb nichts ändern*/
/*Feld des Seitennamen oben im Content*/
td.edit_content_header img{display:none;}
td.edit_content_header{display:none;}
/* Schrift des Seitentitels oben im Textfeld (Seitenname) */
span.Stil2 {font-size: 15px;font-familiy: arial;color: #ffffff;text-decoration: underline;}
td.edit_main_bg{background-image:url();
background-color:#969696;height:0px;border: 0px solid #ffffff}
/*Hintergrund Boxentabelle */
td.edit_zeile2 img{display:none;}
td.edit_zeile2{display:none;}
td.edit_zeile3 img{display:none;}
td.edit_zeile3{display:none;}
td.edit_zeile img{display:none;}
td.edit_zeile{display:none;}
/*Boxentabelle*/
td.edit_rechts_header img{display:none;}
td.edit_rechts_header{display:none;}
/*Hintergrund rechte Boxen*/
td.edit_rechts_bg img{display:none;}
td.edit_rechts_bg{display:none;}
/*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:url();
background-color:Transparent;}
td.rb_footer img{display:none;}
td.rb_footer{display:none;}
td.rb_bottom2 img{display:none;}
td.rb_bottom2{display:none;}
td.edit_rechts_header2 img{display:none;}
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_navhead{display:none;}
td.edit_navi_bg{color: #xxxxxx;background-image:url();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;}
td.cont div { width: 710px!important;overflow: hidden!important;}
td.cont table[width="480"] {width:710px!important;}
img {border: 0px solid #ff0000}
-->
</style>
<div id="skybanner">
<iframe src="http://ads.webme.com/ad.php?pos=bw_sky" frameborder="0" width="160" height="600" scrolling="no"></iframe>
</div>
Design Woman
Code: <style type="text/css">
<!--
/* SKYBANNER WERBUNG PLATZIEREN*/
#skybanner{
position: fixed;
top:5px;
right: 5px;
width:160px;
height: 600px;
overflow: hidden;}
/* Textgröße + Textfarben Seiteninhalte */
td, div {font-size: 13px;font-family: arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma ;color: #000000; }
/* Linkfarben + Größen auf Seiten */
a:link {
color:#339966;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none; }
/*Hover-Effekt bei Links*/
a:hover{
color:#339966;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/* besuchte Links */
a:visited {
color:#339966;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/*Schriftfarbe der Navigation. Navigation voll anklickbar. Buttonhöhe beachten (30)*/
a.rednav{font-family: arial;font-size: 13px;color: #ffffff;text-decoration: none;display: block;line-height: 30px;}
a.rednav:hover{font-family: arial;font-size: 13px;color: #ffffff;text-decoration: none;display: block;line-height: 30px;}
/*Header, Breite ist 955, Höhe variabel (Minimum 135). In dem Fall gibt es zwischen Haeder und Textfeld einen kleinen Zwischenraum,
weil der Header eigentlich 5 Pixel nieriger ist als ich im Code angegeben habe. Je mehr man der Headerhöhe zugibt,
desto mehr Abstand kommt unter dem Header. Der Header hier, hat also normaler Weise eine Höhe von 146 Pixel.*/
td.edit_header{background-image:url(http://img.webme.com/pic/r/red-bilder/redwomanheader2.png);background-position:
center top;background-color:Transparent;width:
955; height: 151px;background-repeat: no-repeat;}
/*Hintergrund des Designs, ansatzfreies Bild oder Farbton nehmen*/
body{background-image:url();background-color:#F1D6E0;background-attachment:fixed;background-repeat:repeat;}
/*Navibuttons, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg{background-image:url();
background-color:#B30135;height:30px;border-right: 3px solid #333333;border-bottom: 3px solid #333333;border-left: 2px solid #c0c0c0;border-top: 2px solid #c0c0c0;}
/*Navibuttons, Hovereffekt, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg:hover{background-image:url();
background-color:#DC0169;height:30px;border-right: 3px solid #333333;border-bottom: 3px solid #333333;border-left: 2px solid #c0c0c0;border-top: 2px solid #c0c0c0;}
/*Hintergrund Navigation, inklusive Umrahmung*/
td.edit_page_main_bg{background-image:url();background-color:#6CAAAA;
border-left:2px solid #ffffff;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;}
/*Content (Textfeld)*/
td.cont{background-image:none;background-color:#D8F6F6;height:400px;}
/* Textfeld unterer Teil, farblich anpassen wie den Content, inklusive der Umrahmung*/
td.edit_page_main2{background-image:url();background-color:#D8F6F6;
border-bottom:2px solid #ffffff;border-left:1px solid #ffffff;border-right:2px solid #ffffff;border-top:2px solid #ffffff;}
/* Bordererklärung (Rahmen): left ist links, right ist rechts, top ist oben, bottom ist unten*/
/* Ausgeblendete Sachen, unterhalb nichts ändern*/
/*Feld des Seitennamen oben im Content*/
td.edit_content_header img{display:none;}
td.edit_content_header{display:none;}
/* Schrift des Seitentitels oben im Textfeld (Seitenname) */
span.Stil2 {font-size: 15px;font-familiy: arial;color: #ffffff;text-decoration: underline;}
td.edit_main_bg{background-image:url();
background-color:#969696;height:0px;border: 0px solid #ffffff}
/*Hintergrund Boxentabelle */
td.edit_zeile2 img{display:none;}
td.edit_zeile2{display:none;}
td.edit_zeile3 img{display:none;}
td.edit_zeile3{display:none;}
td.edit_zeile img{display:none;}
td.edit_zeile{display:none;}
/*Boxentabelle*/
td.edit_rechts_header img{display:none;}
td.edit_rechts_header{display:none;}
/*Hintergrund rechte Boxen*/
td.edit_rechts_bg img{display:none;}
td.edit_rechts_bg{display:none;}
/*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:url();
background-color:Transparent;}
td.rb_footer img{display:none;}
td.rb_footer{display:none;}
td.rb_bottom2 img{display:none;}
td.rb_bottom2{display:none;}
td.edit_rechts_header2 img{display:none;}
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_navhead{display:none;}
td.edit_navi_bg{color: #xxxxxx;background-image:url();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;}
td.cont div { width: 710px!important;overflow: hidden!important;}
td.cont table[width="480"] {width:710px!important;}
img {border: 0px solid #ff0000}
-->
</style>
<div id="skybanner">
<iframe src="http://ads.webme.com/ad.php?pos=bw_sky" frameborder="0" width="160" height="600" scrolling="no"></iframe>
</div>
Dazu gibt es einen passenden Header für Nagelstudios:
http://img.webme.com/pic/r/red-bilder/rednailheader.png
Design Cars
Code: <style type="text/css">
<!--
/* SKYBANNER WERBUNG PLATZIEREN*/
#skybanner{
position: fixed;
top:5px;
right: 5px;
width:160px;
height: 600px;
overflow: hidden;}
/* Textgröße + Textfarben Seiteninhalte */
td, div {font-size: 13px;font-family: arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma ;color: #000000; }
/* Linkfarben + Größen auf Seiten */
a:link {
color:#330000;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none; }
/*Hover-Effekt bei Links*/
a:hover{
color:#330000;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/* besuchte Links */
a:visited {
color:#330000;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/*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: #800000;text-decoration: none;display: block;line-height: 30px;}
/*Header, Breite ist 955, Höhe variabel (Minimum 135). In dem Fall gibt es zwischen Haeder und Textfeld einen kleinen Zwischenraum,
weil der Header eigentlich 5 Pixel nieriger ist als ich im Code angegeben habe. Je mehr man der Headerhöhe zugibt,
desto mehr Abstand kommt unter dem Header. Der Header hier, hat also normaler Weise eine Höhe von 165 Pixel.*/
td.edit_header{background-image:url(http://img.webme.com/pic/r/red-bilder/carheader.png);background-position:
center top;background-color:Transparent;width:
955; height: 170px;background-repeat: no-repeat;}
/*Hintergrund des Designs, ansatzfreies Bild oder Farbton nehmen*/
body{background-image:url();background-color:#6B6B6B;background-attachment:fixed;background-repeat:repeat;}
/*Navibuttons, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg{background-image:url();
background-color:#ADADAD;height:30px;border-right: 3px solid #515151;border-bottom: 3px solid #515151;border-left: 2px solid #c0c0c0;border-top: 2px solid #c0c0c0;}
/*Navibuttons, Hovereffekt, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg:hover{background-image:url();
background-color:#C0C0C0;height:30px;border-right: 3px solid #515151;border-bottom: 3px solid #515151;border-left: 2px solid #c0c0c0;border-top: 2px solid #c0c0c0;}
/*Hintergrund Navigation, inklusive Umrahmung*/
td.edit_page_main_bg{background-image:url();background-color:#ADADAD;
border-left:2px solid #515151;border-top:2px solid #515151;border-bottom:2px solid #515151;}
/*Content (Textfeld)*/
td.cont{background-image:none;background-color:#EDEDED;height:400px;}
/* Textfeld unterer Teil, farblich anpassen wie den Content, inklusive der Umrahmung*/
td.edit_page_main2{background-image:url();background-color:#EDEDED;
border-bottom:2px solid #515151;border-left:1px solid #515151;border-right:2px solid #515151;border-top:2px solid #515151;}
/* Bordererklärung (Rahmen): left ist links, right ist rechts, top ist oben, bottom ist unten*/
/* Ausgeblendete Sachen, unterhalb nichts ändern*/
/*Feld des Seitennamen oben im Content*/
td.edit_content_header img{display:none;}
td.edit_content_header{display:none;}
/* Schrift des Seitentitels oben im Textfeld (Seitenname) */
span.Stil2 {font-size: 15px;font-familiy: arial;color: #ffffff;text-decoration: underline;}
td.edit_main_bg{background-image:url();
background-color:#969696;height:0px;border: 0px solid #ffffff}
/*Hintergrund Boxentabelle */
td.edit_zeile2 img{display:none;}
td.edit_zeile2{display:none;}
td.edit_zeile3 img{display:none;}
td.edit_zeile3{display:none;}
td.edit_zeile img{display:none;}
td.edit_zeile{display:none;}
/*Boxentabelle*/
td.edit_rechts_header img{display:none;}
td.edit_rechts_header{display:none;}
/*Hintergrund rechte Boxen*/
td.edit_rechts_bg img{display:none;}
td.edit_rechts_bg{display:none;}
/*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:url();
background-color:Transparent;}
td.rb_footer img{display:none;}
td.rb_footer{display:none;}
td.rb_bottom2 img{display:none;}
td.rb_bottom2{display:none;}
td.edit_rechts_header2 img{display:none;}
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_navhead{display:none;}
td.edit_navi_bg{color: #xxxxxx;background-image:url();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;}
td.cont div { width: 710px!important;overflow: hidden!important;}
td.cont table[width="480"] {width:710px!important;}
img {border: 0px solid #ff0000}
-->
</style>
<div id="skybanner">
<iframe src="http://ads.webme.com/ad.php?pos=bw_sky" frameborder="0" width="160" height="600" scrolling="no"></iframe>
</div>
Design Anime
Code: <style type="text/css">
<!--
/* SKYBANNER WERBUNG PLATZIEREN*/
#skybanner{
position: fixed;
top:5px;
right: 5px;
width:160px;
height: 600px;
overflow: hidden;}
/* Textgröße + Textfarben Seiteninhalte */
td, div {font-size: 13px;font-family: arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma ;color: #000000; }
/* Linkfarben + Größen auf Seiten */
a:link {
color:#000080;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none; }
/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/* besuchte Links */
a:visited {
color:#000080;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/*Schriftfarbe der Navigation. Navigation voll anklickbar. Buttonhöhe beachten (30)*/
a.rednav{font-family: arial;font-size: 13px;color: #ffffff;text-decoration: none;display: block;line-height: 30px;}
a.rednav:hover{font-family: arial;font-size: 13px;color: #FFCC99;text-decoration: none;display: block;line-height: 30px;}
/*Header, Breite ist 955, Höhe variabel (Minimum 135). In dem Fall gibt es zwischen Haeder und Textfeld einen kleinen Zwischenraum,
weil der Header eigentlich 5 Pixel nieriger ist als ich im Code angegeben habe. Je mehr man der Headerhöhe zugibt,
desto mehr Abstand kommt unter dem Header. Der Header hier, hat also normaler Weise eine Höhe von 223 Pixel.*/
td.edit_header{background-image:url(http://img.webme.com/pic/r/red-bilder/animeheader.png);background-position:
center top;background-color:Transparent;width:
955; height: 228px;background-repeat: no-repeat;}
/*Hintergrund des Designs, ansatzfreies Bild oder Farbton nehmen*/
body{background-image:url();background-color:#59ACCB;background-attachment:fixed;background-repeat:repeat;}
/*Navibuttons, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg{background-image:url();
background-color:#22657E;height:30px;border-right: 0px solid #333333;border-bottom: 1px solid #ffffff;border-left: 0px solid #c0c0c0;border-top: 0px solid #c0c0c0;}
/*Navibuttons, Hovereffekt, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg:hover{background-image:url();
background-color:#22657E;height:30px;border-right: 0px solid #333333;border-bottom: 1px solid #FFCC99;border-left: 0px solid #c0c0c0;border-top: 0px solid #c0c0c0;}
/*Hintergrund Navigation, inklusive Umrahmung*/
td.edit_page_main_bg{background-image:url();background-color:#22657E;
border-left:2px solid #808080;border-top:2px solid #808080;border-bottom:2px solid #808080;}
/*Content (Textfeld)*/
td.cont{background-image:none;background-color:#709BAB;height:400px;}
/* Textfeld unterer Teil, farblich anpassen wie den Content, inklusive der Umrahmung*/
td.edit_page_main2{background-image:url();background-color:#709BAB;
border-bottom:2px solid #808080;border-left:1px solid #808080;border-right:2px solid #808080;border-top:2px solid #808080;}
/* Bordererklärung (Rahmen): left ist links, right ist rechts, top ist oben, bottom ist unten*/
/* Ausgeblendete Sachen, unterhalb nichts ändern*/
/*Feld des Seitennamen oben im Content*/
td.edit_content_header img{display:none;}
td.edit_content_header{display:none;}
/* Schrift des Seitentitels oben im Textfeld (Seitenname) */
span.Stil2 {font-size: 15px;font-familiy: arial;color: #000000;text-decoration: underline;}
td.edit_main_bg{background-image:url();
background-color:#969696;height:0px;border: 0px solid #ffffff}
/*Hintergrund Boxentabelle */
td.edit_zeile2 img{display:none;}
td.edit_zeile2{display:none;}
td.edit_zeile3 img{display:none;}
td.edit_zeile3{display:none;}
td.edit_zeile img{display:none;}
td.edit_zeile{display:none;}
/*Boxentabelle*/
td.edit_rechts_header img{display:none;}
td.edit_rechts_header{display:none;}
/*Hintergrund rechte Boxen*/
td.edit_rechts_bg img{display:none;}
td.edit_rechts_bg{display:none;}
/*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:url();
background-color:Transparent;}
td.rb_footer img{display:none;}
td.rb_footer{display:none;}
td.rb_bottom2 img{display:none;}
td.rb_bottom2{display:none;}
td.edit_rechts_header2 img{display:none;}
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_navhead{display:none;}
td.edit_navi_bg{color: #xxxxxx;background-image:url();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;}
td.cont div { width: 710px!important;overflow: hidden!important;}
td.cont table[width="480"] {width:710px!important;}
img {border: 0px solid #ff0000}
-->
</style>
<div id="skybanner">
<iframe src="http://ads.webme.com/ad.php?pos=bw_sky" frameborder="0" width="160" height="600" scrolling="no"></iframe>
</div>
Design Love
Code: <style type="text/css">
<!--
/* SKYBANNER WERBUNG PLATZIEREN*/
#skybanner{
position: fixed;
top:5px;
right: 5px;
width:160px;
height: 600px;
overflow: hidden;}
/* Textgröße + Textfarben Seiteninhalte */
td, div {font-size: 13px;font-family: arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma ;color: #800000; }
/* Linkfarben + Größen auf Seiten */
a:link {
color:#000000;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none; }
/*Hover-Effekt bei Links*/
a:hover{
color:#000000;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/* besuchte Links */
a:visited {
color:#000000;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/*Schriftfarbe der Navigation. Navigation voll anklickbar. Buttonhöhe beachten (30)*/
a.rednav{font-family: arial;font-size: 13px;color: #800000;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;}
/*Header, Breite ist 955, Höhe variabel (Minimum 135). In dem Fall gibt es zwischen Haeder und Textfeld einen kleinen Zwischenraum,
weil der Header eigentlich 5 Pixel nieriger ist als ich im Code angegeben habe. Je mehr man der Headerhöhe zugibt,
desto mehr Abstand kommt unter dem Header. Der Header hier, hat also normaler Weise eine Höhe von 138 Pixel.*/
td.edit_header{background-image:url(http://img.webme.com/pic/r/red-bilder/redloveheader.png);background-position:
center top;background-color:Transparent;width:
955; height: 143px;background-repeat: no-repeat;}
/*Hintergrund des Designs, ansatzfreies Bild oder Farbton nehmen*/
body{background-image:url();background-color:#FFC7F6;background-attachment:fixed;background-repeat:repeat;}
/*Navibuttons, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg{background-image:url(http://img.webme.com/pic/r/red-bilder/redlovebutton1.png);
background-color:#B7E1FA;height:30px;border-right: 0px solid #333333;border-bottom: 0px solid #003300;border-left: 0px solid #c0c0c0;border-top: 0px solid #c0c0c0;}
/*Navibuttons, Hovereffekt, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg:hover{background-image:url(http://img.webme.com/pic/r/red-bilder/redlovebutton2.png);
background-color:#B7E1FA;height:30px;border-right: 0px solid #333333;border-bottom: 0px solid #5A9600;border-left: 0px solid #c0c0c0;border-top: 0px solid #c0c0c0;}
/*Hintergrund Navigation, inklusive Umrahmung*/
td.edit_page_main_bg{background-image:url();background-color:#B7E1FA;
border-left:2px solid #ffffff;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;}
/*Content (Textfeld)*/
td.cont{background-image:none;background-color:#FBDCED;height:400px;}
/* Textfeld unterer Teil, farblich anpassen wie den Content, inklusive der Umrahmung*/
td.edit_page_main2{background-image:url();background-color:#FBDCED;
border-bottom:2px solid #ffffff;border-left:1px solid #ffffff;border-right:2px solid #ffffff;border-top:2px solid #ffffff;}
/* Bordererklärung (Rahmen): left ist links, right ist rechts, top ist oben, bottom ist unten*/
/* Ausgeblendete Sachen, unterhalb nichts ändern*/
/*Feld des Seitennamen oben im Content*/
td.edit_content_header img{display:none;}
td.edit_content_header{display:none;}
/* Schrift des Seitentitels oben im Textfeld (Seitenname) */
span.Stil2 {font-size: 15px;font-familiy: arial;color: #000000;text-decoration: underline;}
td.edit_main_bg{background-image:url();
background-color:#969696;height:0px;border: 0px solid #ffffff}
/*Hintergrund Boxentabelle */
td.edit_zeile2 img{display:none;}
td.edit_zeile2{display:none;}
td.edit_zeile3 img{display:none;}
td.edit_zeile3{display:none;}
td.edit_zeile img{display:none;}
td.edit_zeile{display:none;}
/*Boxentabelle*/
td.edit_rechts_header img{display:none;}
td.edit_rechts_header{display:none;}
/*Hintergrund rechte Boxen*/
td.edit_rechts_bg img{display:none;}
td.edit_rechts_bg{display:none;}
/*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:url();
background-color:Transparent;}
td.rb_footer img{display:none;}
td.rb_footer{display:none;}
td.rb_bottom2 img{display:none;}
td.rb_bottom2{display:none;}
td.edit_rechts_header2 img{display:none;}
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_navhead{display:none;}
td.edit_navi_bg{color: #xxxxxx;background-image:url();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;}
td.cont div { width: 710px!important;overflow: hidden!important;}
td.cont table[width="480"] {width:710px!important;}
img {border: 0px solid #ff0000}
-->
</style>
<div id="skybanner">
<iframe src="http://ads.webme.com/ad.php?pos=bw_sky" frameborder="0" width="160" height="600" scrolling="no"></iframe>
</div>
Design Tiere
[code:1:39ab2d6554]<style type="text/css">
<!--
/* SKYBANNER WERBUNG PLATZIEREN*/
#skybanner{
position: fixed;
top:5px;
right: 5px;
width:160px;
height: 600px;
overflow: hidden;}
/* Textgröße + Textfarben Seiteninhalte */
td, div {font-size: 13px;font-family: arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma ;color: #003300; }
/* Linkfarben + Größen auf Seiten */
a:link {
color:#599400;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none; }
/*Hover-Effekt bei Links*/
a:hover{
color:#599400;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/* besuchte Links */
a:visited {
color:#599400;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
/*Schriftfarbe der Navigation. Navigation voll anklickbar. Buttonhöhe beachten (30)*/
a.rednav{font-family: arial;font-size: 13px;color: #003300;text-decoration: none;display: block;line-height: 30px;}
a.rednav:hover{font-family: arial;font-size: 13px;color: #599400;text-decoration: none;display: block;line-height: 30px;}
/*Header, Breite ist 955, Höhe variabel (Minimum 135). In dem Fall gibt es zwischen Haeder und Textfeld einen kleinen Zwischenraum,
weil der Header eigentlich 5 Pixel nieriger ist als ich im Code angegeben habe. Je mehr man der Headerhöhe zugibt,
desto mehr Abstand kommt unter dem Header. Der Header hier, hat also normaler Weise eine Höhe von 243 Pixel.*/
td.edit_header{background-image:url(http://img.webme.com/pic/r/red-bilder/redkatzenheader.png);background-position:
center top;background-color:Transparent;width:
955; height: 255px;background-repeat: no-repeat;}
/*Hintergrund des Designs, ansatzfreies Bild oder Farbton nehmen*/
body{background-image:url();background-color:#ffffff;background-attachment:fixed;background-repeat:repeat;}
/*Navibuttons, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg{background-image:url();
background-color:#ffffff;height:30px;border-right: 0px solid #333333;border-bottom: 1px solid #003300;border-left: 0px solid #c0c0c0;border-top: 0px solid #c0c0c0;}
/*Navibuttons, Hovereffekt, normale Breite 202, Höhe in dem Fall 30 Pixel. Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg:hover{background-image:url();
background-color:#ffffff;height:30px;border-right: 0px solid #333333;border-bottom: 1px solid #5A9600;border-left: 0px solid #c0c0c0;border-top: 0px solid #c0c0c0;}
/*Hintergrund Navigation, inklusive Umrahmung*/
td.edit_page_main_bg{background-image:url();background-color:#ffffff;
border-left:2px solid #5A9600;border-top:2px solid #5A9600;border-bottom:2px solid #5A9600;}
/*Content (Textfeld)*/
td.cont{background-image:none;background-color:#DEDBC4;height:400px;}
/* Textfeld unterer Teil, farblich anpassen wie den Content, inklusive der Umrahmung*/
td.edit_page_main2{background-image:url();background-color:#DEDBC4;
border-bottom:2px solid #5A9600;border-left:1px solid #5A9600;border-right:2px solid #5A9600;border-top:2px solid #5A9600;}
/* Bordererklärung (Rahmen): left ist links, right ist rechts, top ist oben, bottom ist unten*/
/* Ausgeblendete Sachen, unterhalb nichts ändern*/
/*Feld des Seitennamen oben im Content*/
td.edit_content_header img{display:none;}
td.edit_content_header{display:none;}
/* Schrift des Seitentitels oben im Textfeld (Seitenname) */
span.Stil2 {font-size: 15px;font-familiy: arial;color: #000000;text-decoration: underline;}
td.edit_main_bg{background-image:url();
background-color:#969696;height:0px;border: 0px solid #ffffff}
/*Hintergrund Boxentabelle */
td.edit_zeile2 img{display:none;}
td.edit_zeile2{display:none;}
td.edit_zeile3 img{display:n
Zuletzt bearbeitet von red-bilder am 12.07.2013, 16:25, insgesamt 5-mal bearbeitet
|
