HpBk-TemplateWorld

Weiss

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. Dieses Design ist ein User-Design und wurde freundlicherweise von einem Design-Einreicher bereitgestellt. Bei Fragen zur Veränderung des Designs kontaktiere bitte den Anbieter, dessen Homepage-Adresse du weiter unten auf dieser Seite findest.

Weiss

» Weiss und Schwarz? Das passt!
Auch dieses Design gehört zur Serie von Club-Designz.de.tl. Das Design besitzt eine obere Navigation, einen breiten Content und einen Footer. Im Design-Center findet ihr dieses Design auch in den Farben "Blau", "Grün" und "Pink".

» Bewertung des Designs:

Der Design Code (CSS-Design)

"Text über dem Design" » Code in einem separaten Fenster anzeigen

"Text unter dem Design" » Code in einem separaten Fenster anzeigen

"CSS Code ohne Style Tags" » Code in einem separaten Fenster anzeigen

<!--

<!--
body {
background-repeat: repeat;
background-position: center top;
background-color: #000000;
}

#container {
float: left;
width: 970px;
font-family: Tw Cen Mt;
margin-top: 100px;
padding: 5px;
background-repeat: repeat;
background-color: #404040;
min-height: 200px;}

#container2 {
width: 980px;
margin: auto;
padding: 0px;
font-size: 14px;
color: #404040;
font-family: arial;
overflow: hidden;
margin-top: 550px;
background-repeat: repeat;}

#slider {
position: absoulute;
height: 200px;
width: 980px;
margin-top: 10px;
background-color: #000000;}

#main {
width: 980px;
margin: auto; }

#nav_container {
position: absolute;
font-family: Tw Cen Mt;
width: 980px;
height: 63px;
background-color: #ff005a;
margin-top: -85px;
margin-left: -490px;
padding-top: 0px;
background-image: url(http://www.loaditup.de/files/625166_bx6s9ktmst.png);
left: 50%;
background-repeat: x-repeat;
font-family: arial;
font-size: 15px;}

#nav a {
float: left;
z-index: 99;
font-family: Tw Cen Mt;
text-decoration: none;
color: #FFF;
padding: 20px 15px 0px 10px;
border-right: 0px solid #202020}

#nav a:hover {
height: 33px;
padding-top: 20px;
background-image: url(http://www.loaditup.de/files/625167_ghyntnypcb.png);
z-index:99;}

#nav a:active{
height: 33px;
padding-top: 20px;
background-image: url(http://www.loaditup.de/files/625167_ghyntnypcb.png);
z-index:99;}

#nav li {
z-index:99;
list-style-type: none;}

#sidebar_container {
width: 200px;
font-family: Tw Cen Mt;
min-height: 150px;
float: left;
margin-left: 5px;
background-color: #fff;
padding: 10px;
border: 1px solid #404040;
float: left;}

#header {display: none; }
#counter {display: none; }
#navii {display: none; }

* {
margin : 0;
padding : 0;
}
html {
height : 100%;
}
body {
height : 100%;
color : #a4a4a4;
cursor : default;
font-size : 11px;
line-height : 16px;
text-align : left;
background-color : #000;
background-position : 50% 0;
background-repeat : repeat;
font-family : Tahoma, sans-serif;
}

#content {
background-color: #fff;
float: left;
font-family: Tw Cen Mt;
padding: 20px;
border: 1px solid #404040;
width: 700px;}

a img {
border : 0;
}

#footer {
float: left;
height: 40px;
margin-top: 90px;
width: 100%;
background-image: url(http://www.loaditup.de/files/625168_ys84epzapd.png);}

#left {
position: absolute;
left: 50%;
margin-top: 9px;
font-family: Tw Cen Mt;
font-size: 14px;
color: #000;
margin-left: -500px;
width: 400px;}

#right {
position: absolute;
left: 50%;
font-family: Tw Cen Mt;
margin-top: 9px;
font-size: 14px;
color: #000;
margin-left: 300px;
width: 200px;
}
table[height="102"] {
margin:auto;

}

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.

Vielen Dank an...

» www.Club-Designz.de.tl für das Einsenden und das Erstellen dieses Designs.

Was bedeutet dieses Symbol?

» Dieses Symbol steht für den "Template TÜV". Fast alle Designs auf HpBk-TemplateWorld besitzen diese Zertifizierung. Wenn ihr in der Design-Beschreibung das "Template TÜV-Siegel" findet, könnt ihr euch darauf verlassen, dass das Design 100%-ig funktioniert, wenn ihr den Code richtig einfügt, da ich dieses Design ausgiebig getestet habe. Des Weiteren garantiere ich mit diesem Symbol, dass das Design sowohl im neuesten Internet-Explorer, als auch im neuesten Mozilla Firefox richtig angzeigt wird. Habt ihr dennoch einen Fehler gefunden, meldet euch bitte umgehend bei mir über das Kontaktformular.

Kommentar zu dieser Seite hinzufügen: