Flozu Design - Verschiedene Designs

Verschiedene Designs

Hier findest du verschiedene Designs. Habe diese erstmal so genannt, da ich noch nicht all zu viele Designs habe. Also schau dich in ruhe um.

Beschreibung:
Und so fügst du den Code ein:
-> Login
-> Design einstellen
-> Das Design "Iceblue" auswählen
-> Erweiterte Einstellungen
-> Text über dem Design

Regeln:
-> Der Design Code darf beliebig geändert werden!
-> Das Design darf nicht auf eurer HP angeboten werden!

Bunti

(Für ein größere Ansicht, auf das Bild klicken)

Code zum kopieren:

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

/* Das Design mittig - zentriert ausrichten */
table.edit_main_table {
margin: auto; } 

td[height="102"] {
position:absolute;
left:51.3%;
margin-left:-384px; } 

/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(https://img.webme.com/pic/d/dj-nalo/bunt.jpg);
background-repeat: repeat;
text-align:center; }

/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }

/* Linkfarben + Größen auf Seiten */
a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }

/* besuchte Links */
a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(https://img.webme.com/pic/d/dj-nalo/deinheader.jpg);
background-repeat:no-repeat;
border:1px solid #000000; }

/* Titel im Header entfernen */
td.headline {visibility:hidden;}

/* Titel über Navigation */
td.nav_heading {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:#FFFF00;
background-image: none;
border:1px solid #000000; }

/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url(https://img.webme.com/pic/f/free-picture/radon66iceblue185x33_56.png);
border:1px solid #FF0000; }

/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#006400;
background-image:url(https://img.webme.com/pic/f/free-picture/radon66iceblue185x33_56.png);
border:1px solid #000000; }

/* Textlinks in Navigation */
td.nav a {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}

/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }

/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:# ;
background-image: none;
border:0px solid #000000; }

/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#FF0000;
background-image: none;
border:1px solid #000000; }

/* Seitentitel über Textfeld */
td.headline2 {
color:#000000;
font-size:12px;
font-family:arial,verdana;
text-align:left; }

/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#F2F2F2;
background-image:  none;
border:1px solid #000000; }

/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#00FF00;
background-image: none; }

/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#FF7F00;
background-image: none; }

/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#CD3278;
background-image:  none;
border:1px solid #000000;}


/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image:  none;
border:0px solid #000000; }

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:12px;
background-color:#c9c9c9;
border:1px solid #000000; }

/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image:  none;
border:0px solid #000000; }

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}

/* Titel über rechter Box */
td.sidebar_heading {
color:#000000;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#1E90FF;
background-image:  none;
border:1px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image:  none;
border:1px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image:  none;
border:0px solid #000000; }

--> </style>

Bluedark

(Für eine größere Ansicht, auf das Bild klicken)

Code zum kopieren:

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

/* Das Design mittig - zentriert ausrichten */
table.edit_main_table {
margin: auto; } 

td[height="102"] {
position:absolute;
left:51.3%;
margin-left:-384px; } 

/* Hintergrund hinter Design */
body {background-image:url(http://images2.layoutsparks.com/1/29135/Blue-Rules-Black-Grey.jpg);
background-repeat:no-repeat;background-position: center center;background-attachment: fixed;}
text-align:center; }

/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }

/* Linkfarben + Größen auf Seiten */
a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }

/* besuchte Links */
a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(https://img.webme.com/pic/f/free-picture/header1.png);
background-repeat:no-repeat;
border:1px solid #000000; }

/* Titel im Header entfernen */
td.headline {visibility:hidden;}

/* Titel über Navigation */
td.nav_heading {
color:#1874CD;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:#;
background-image:url(https://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url(https://img.webme.com/pic/f/free-picture/idukiceblue185x33_23.png);
border:1px solid #1874CD; }

/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#006400;
background-image:url(https://img.webme.com/pic/f/free-picture/idukiceblue185x33_19.png);
border:1px solid #000000; }

/* Textlinks in Navigation */
td.nav a {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}

/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }

/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:# ;
background-image: none;
border:0px solid #000000; }

/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#FF0000;
background-image:url(https://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* Seitentitel über Textfeld */
td.headline2 {
color:#1874CD;
font-size:12px;
font-family:arial,verdana;
text-align:left; }

/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#F2F2F2;
background-image:  none;
border:1px solid #000000; }

/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#1874CD;
background-image: none; }

/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#1874CD;
background-image: none; }

/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#CD3278;
background-image: url(https://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000;}


/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image:  none;
border:0px solid #000000; }

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:12px;
background-color:#c9c9c9;
border:1px solid #000000; }

/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image:  none;
border:0px solid #000000; }

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}

/* Titel über rechter Box */
td.sidebar_heading {
color:#1874CD;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#1E90FF;
background-image: url(https://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image:  none;
border:1px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image:  none;
border:0px solid #000000; }

--> </style></textera></body></html>

Schwarzblue

(Für eine größere Ansicht, auf das Bild klicken)

Code zum kopieren:

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

/* Das Design mittig - zentriert ausrichten */
table.edit_main_table {
margin: auto; } 

td[height="102"] {
position:absolute;
left:51.3%;
margin-left:-384px; } 

/* Hintergrund hinter Design */
body {background-image:url(https://img.webme.com/pic/d/dj-nalo/bluestreif.jpg);
background-repeat:repeat;background-position: center center;background-attachment: fixed;}
text-align:center; }

/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }

/* Linkfarben + Größen auf Seiten */
a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }

/* besuchte Links */
a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(https://img.webme.com/pic/f/flozu-design/schwarzblue2.jpg);
background-repeat:no-repeat;
border:1px solid #000000; }

/* Titel im Header entfernen */
td.headline {visibility:hidden;}

/* Titel über Navigation */
td.nav_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:#;
background-image:url(https://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* Navigation Buttons */
td.nav {
background-color:#;
background-image: url(https://img.webme.com/pic/d/dj-nalo/blackblue2.jpg);
border:1px solid #000000; }

/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#006400;
background-image:url(https://img.webme.com/pic/d/dj-nalo/blackblue.jpg);
border:1px solid #000000; }

/* Textlinks in Navigation */
td.nav a {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}

/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }

/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:# ;
background-image: none;
border:0px solid #000000; }

/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#FF0000;
background-image:url(https://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* Seitentitel über Textfeld */
td.headline2 {
color:#FFFFFF;
font-size:12px;
font-family:arial,verdana;
text-align:left; }

/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#F2F2F2;
background-image:  none;
border:1px solid #000000; }

/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#0000FF;
background-image: none; }

/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#0000FF;
background-image: none; }

/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#CD3278;
background-image: url(https://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000;}


/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image:  none;
border:0px solid #000000; }

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:12px;
background-color:#c9c9c9;
border:1px solid #000000; }

/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image:  none;
border:0px solid #000000; }

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}

/* Titel über rechter Box */
td.sidebar_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#1E90FF;
background-image: url(https://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image:  none;
border:1px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image:  none;
border:0px solid #000000; }

--> </style></textera></body></html>

Butterfly Türkisweiß

(Für eine größere Ansicht, auf das Bild klicken)

Code zum kopieren:

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

/* Das Design mittig - zentriert ausrichten */
table.edit_main_table {
margin: auto; } 

td[height="102"] {
position:absolute;
left:51.3%;
margin-left:-384px; } 

/* Hintergrund hinter Design */
body {background-image:url(https://img.webme.com/pic/f/flozutest/bgturkis.jpg);
background-color: #ffffff;
background-repeat:repeat;
background-position: center center;
background-attachment: fixed;}
text-align:center; }

/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }

/* Linkfarben + Größen auf Seiten */
a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }

/* besuchte Links */
a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(https://img.webme.com/pic/f/flozutest/headerbutterfly3.jpg);
background-repeat:no-repeat;
border:1px solid #000000; }

/* Titel im Header entfernen */
td.headline {visibility:hidden;}

/* Titel über Navigation */
td.nav_heading {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:#000080;
background-image:url(https://img.webme.com/pic/f/flozutest/balkeno.jpg);
border:1px solid #000000; }

/* Navigation Buttons */
td.nav {
background-color:#;
background-image: url(https://img.webme.com/pic/f/flozutest/buterfly.jpg);
border:1px solid #25D7EB;
padding-top: 7px;
padding-left: 50px; }

/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#006400;
background-image:url(https://img.webme.com/pic/f/flozutest/buterflyhover.jpg);
border:1px solid #25D7EB; }

/* Textlinks in Navigation */
td.nav a {
color:#000000;
font-size:17px;
font-family:arial,verdana;
text-align:center; }

/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#25D7EB;
font-size:17px;
font-family:arial,verdana;
text-align:center; }

/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}

/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }

/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:# ;
background-image: none;
border:0px solid #000000; }

/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#FFffff;
background-image:url(https://img.webme.com/pic/f/flozutest/balkeno.jpg);
border:1px solid #000000; }

/* Seitentitel über Textfeld */
td.headline2 {
color:#000000;
font-size:12px;
font-family:arial,verdana;
text-align:center; }

/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#ffffff;
background-image:  none;
border:1px solid #000000; }

/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#;
background-image: none; }

/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#;
background-image: none; }

/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#CD3278;
background-image: url(https://img.webme.com/pic/f/flozutest/balkeno.jpg);
border:1px solid #000000;}


/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image:  none;
border:0px solid #000000; }

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:12px;
color:#000000;
background-color:#;
border:1px solid #; }

/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image:  none;
border:0px solid #000000; }

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}

/* Titel über rechter Box */
td.sidebar_heading {
color:#000000;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#1E90FF;
background-image: url(https://img.webme.com/pic/f/flozutest/balkeno.jpg);
border:1px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#ffffff;
background-image:  none;
background-repeat:no-repeat;
border:2px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:# ;
background-image:  none;
border:0px solid #000000; }

hr {
height:1px;
border:none;
background:#0000000;
margin-top:30px;
margin-bottom:30px;
}
--> </style> </textera></body></html>