Marcweb1 Design's.... Dein Design Center - Design Edel Black mit DropDownMenü

Design Übersicht

» Dieses Design darfst du kostenlos auf deine Homepage einfügen und verwenden. Unter "Und so geht´s" findest du eine kurze Anleitung, wie du dieses Design im Homepage-Baukasten einfügst. Mit einem Klick auf das Bild des Designs vergrößert du die Vorschau.

» Bitte beachte:
Die Copyright Informationen im Footer des Designs dürfen auf keinen Fall entfernt oder geändert werden, da du sonst gegen die Lizenz- und Nutzungsrechte des Designs verstößt.

Edel Black (Mit Dropdown Menü)

Auf das Bild klicken um es zu vergrößern.

» Edel Black (Mit Dropdownmenü)
Das Design Edel Black ist ein sehr schönes dukles Design,
welches unter dem Header noch einmal eine Extra Navigation
besitzt, welche wenn man darüber fährt nach unten ausklappt.
Die Navigation besitzt einen sehr schönen Hover Effekt.

Der Design Code

Text über dem Design :

Design Made by www.marcweb1.de.tl <style type="text/css"> <!--

/* Hintergrund hinter Design */ 
body { 
background-color:#343434; 
background-image:url(#); 
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: none; 
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:40px; 
background-color:#000000; 
background-image:url(http://dl.toofiles.com/vaaoje/images/designmadebymarcweb1.jpg); 
border:1px solid #000000; }

/* Navigation Buttons */ 
td.nav { 
background-color:#E2E2E2; 
background-image: url(http://www.loaditup.de/files/589717.jpg); 
border:1px solid #000000; }

/* Hover-Effekt Navigation Buttons */ 
td.nav:hover { 
background-color:#800000; 
background-image:url(http://www.templatemo.com/templates/templatemo_112_pro_studio/images/templatemo_footer_repeat.jpg); 
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:#XXXXXX ; 
background-image: none; 
border:0px solid #000000; }

/* Balken über Textfeld */ 
td.edit_content_top { 
height:29px; 
background-color:#000000; 
background-image:url(http://www.templatemo.com/templates/templatemo_112_pro_studio/images/templatemo_footer_repeat.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:#FFFFFF; 
background-image:  none; 
border:1px solid #000000; }

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

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

/* Erste Balken unter Textfeld */ 
td.edit_content_bottom { 
height:29px; 
background-color:#000000; 
background-image: url(http://www.templatemo.com/templates/templatemo_112_pro_studio/images/templatemo_footer_repeat.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:#000000; 
background-image: url(http://www.templatemo.com/templates/templatemo_112_pro_studio/images/templatemo_footer_repeat.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; } 
    Design Made by Marcweb1
--> </style> <style type="text/css" media="screen"> <!-- 
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */ 
body { 
font-family: Verdana, sans-serif; 
font-size: 14px; 
overflow: auto; 
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */ 
ul, li { 
list-style-type: none; 
padding: 0px; 
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */ 
li a { 
padding-right: 10px; 
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */ 
div.menu { 
position: absolute; 
z-index: 3; 
top: 190px; 
left: 350px; 
width:850px; }

/* Breite der Menüpunkte einstellen */ 
.menu li { 
width: 160px; 
float: left; }

/* Aussehen der Menüpunkte einstellen */ 
.menu a { 
border: 0px solid #000000; 
background-color: #000000; 
background-image: url(http://www.loaditup.de/files/589717.jpg); 
text-decoration: none; 
text-align: center; 
font-weight: bold; 
cursor: pointer; 
margin: 0px; 
display: block; 
height: 23px; 
color: #00CCFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */ 
.menu a:hover { 
background-color: #00CCFF; 
background-image: url(http://www.templatemo.com/templates/templatemo_112_pro_studio/images/templatemo_footer_repeat.jpg); 
color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 { 
font-size: 14px; 
display: none; 
width: 160px; 
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a { 
font-weight: bold; 
padding-top: 5px; 
border-top: 0px; 
cursor: pointer; 
color: #FFFFFF; } 
//--> </style>  <script type="text/javascript"> 
 
</script>  <div class="menu"> <li><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);" onmouseover_fckprotectedatt=" onmouseover="montre('smenu1');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu1');"">Hauptmenü 1</a> <ul id="smenu1" onmouseover_fckprotectedatt=" onmouseover="montre('smenu1');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu1');""> <li><a href="Unterlink 1.1" _fcksavedurl="Unterlink 1.1">Untermenü 1.1</a></li> <li><a href="Unterlink 1.2" _fcksavedurl="Unterlink 1.2">Untermenü 1.2</a></li> <li><a href="Unterlink 1.3" _fcksavedurl="Unterlink 1.3">Untermenü 1.3</a></li> <li><a href="Unterlink 1.4" _fcksavedurl="Unterlink 1.4">Untermenü 1.4</a></li> <li><a href="Unterlink 1.5" _fcksavedurl="Unterlink 1.5">Untermenü 1.5</a></li> </ul> </li> <li><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);" onmouseover_fckprotectedatt=" onmouseover="montre('smenu2');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu2');"">Hauptmenü 2</a> <ul id="smenu2" onmouseover_fckprotectedatt=" onmouseover="montre('smenu2');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu2');""> <li><a href="Unterlink 2.1" _fcksavedurl="Unterlink 2.1">Untermenü 2.1</a></li> <li><a href="Unterlink 2.2" _fcksavedurl="Unterlink 2.2">Untermenü 2.2</a></li> </ul> </li> <li><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);" onmouseover_fckprotectedatt=" onmouseover="montre('smenu3');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu3');"">Hauptmenü 3</a> <ul id="smenu3" onmouseover_fckprotectedatt=" onmouseover="montre('smenu3');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu3');""> <li><a href="Unterlink 3.1" _fcksavedurl="Unterlink 3.1">Untermenü 3.1</a></li> <li><a href="Unterlink 3.2" _fcksavedurl="Unterlink 3.2">Untermenü 3.2</a></li> </ul> </li> <li><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);" onmouseover_fckprotectedatt=" onmouseover="montre('smenu4');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu4');"">Hauptmenü 4</a> <ul id="smenu4" onmouseover_fckprotectedatt=" onmouseover="montre('smenu4');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu4');""> <li><a href="Unterlink 4.1" _fcksavedurl="Unterlink 4.1">Untermenü 4.1</a></li> <li><a href="Unterlink 4.2" _fcksavedurl="Unterlink 4.2">Untermenü 4.2</a></li> </ul> </li> <li><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);" onmouseover_fckprotectedatt=" onmouseover="montre('smenu5');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu5');"">Hauptmenü 5</a> <ul id="smenu5" onmouseover_fckprotectedatt=" onmouseover="montre('smenu5');"" onmouseout_fckprotectedatt=" onmouseout="cache('smenu5');""> <li><a href="Unterlink 5.1" _fcksavedurl="Unterlink 5.1">Untermenü 5.1</a></li> <li><a href="Unterlink 5.2" _fcksavedurl="Unterlink 5.2">Untermenü 5.2</a></li> </ul> </li> </div> <style type="text/css"> <!--
 
/* Werbung zentrieren */
 table[height="102"] {
   margin: auto; }

/* Design zentrieren */
 table.edit_main_table {
   margin: auto; }
 
--> </style>

Und so geht´s

» In den Homepage Baukasten einloggen.
» Auf "Design einstellen klicken" und dann "IceBlue" auswählen.
» Dann klickst du auf "Erweiterte Einstellungen" und fügst den Code bei "Text über dem Design" ein.
» Nur noch auf "Speichern" klicken und tadaa da ist dein Design.