Project-4SP

Clean Black Design

Version 1.0

Clean Black Design

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. Natürlich darfst du Bilder und Grafiken (Header, etc.) verändern und beschriften und auch das Design anders gestalten.

Clean Black Design

Das Design "Clean Black Design" bringt eine tolle Style mit sich. Der Content breit und einfach gestalltet, es hat eine horizontal Menüleiste. Der Header ist sehr groß, einfach schlich und einfach. Es gibt keinen direkt sichtbaren Footer.

Der Design Code

"Text über dem Design"

"Text unter dem Design"

Hinweis unter dem Inhalts-Bereich (z.B. Copyright)

"CSS-Code Ohne Style Tag"

* {
margin:0;
padding:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background-image: none;
background-color:#000;
}

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

#wrapper {
width:922px;
margin:0 auto;
}

#kopffeld {
color:#999;
width:900px;
float:left;
height:100px;
background-color:#F3F2ED;
background:#F6F0E0;
-moz-border-radius:20px 20px 0 0;
filter:alpha(opacity=70);
-moz-opacity:0.7px;
opacity:0.7px;
text-align:center;
font-size:35px;
background-image:url(https://img.webme.com/pic/t/test-egz/kopffeld_bg.png);
padding:30px 10px 10px;
}

#menü {
float:left;
width:920px;
height:50px;
color:#333;
background-color:#F3F2ED;
padding:0;
}

#textfeld {
color:#fff;
height:auto;
width:900px;
float:left;
-moz-border-radius:0 0 20px 20px;
background-image:url(https://img.webme.com/pic/t/test-egz/testfeld_bg.png);
background-repeat:repeat-y;
margin:0 5px 5px 0;
padding:10px;
}

#navi {
width:100%;
height:50px;
float:left;
list-style:none;
background-color:#f2f2f2;
background-image:url(https://img.webme.com/pic/t/test-egz/menue_bg.png);
}

#navi li {
float:left;
}

#navi li a {
display:block;
text-decoration:none;
font-weight:700;
color:#999;
padding:17px 63px;
}

#navi li a:hover {
color:#c00;
}

#pre_header,#header_container,#post_header,#pre_content,#nav_heading,#nav,h1#title,h2#title span {
display:none;
}

Und so geht´s

» Zuerst musst du dich in den Homepage-Baukasten einloggen.
» Dann klickst du auf "Design einstellen" und wählst dort das "CSS-Design - Nur für Profis geeignet" aus.
» Danach klickst du auf "Erweiterte Einstellungen" und fügst die Codes, die hier auf der Seite stehen, in die verschiedenen Felder "Text über dem Design" "Text unter dem Design" und "CSS-Code ohne Style Tags" ein.
» Danach speicherst du das Ganze ab und darfst dein neues Design bestaunen.

Sie sind unser 62207 Besucher

Sidebar

Project-4SP

Clean Black Design

Kennst du schon...?

Partner

Partner

Follow Us