HpBk-TemplateWorld

White 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. 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.

White Design

» Elegant und echt modern
Für "Mission 100" hat www.Club-Designz.de.tl auch dieses "White Design" zur Verfügung gestellt. Das Design wirkt sehr elegant, durch die passenden Farbkombinationen. Es gibt eine schwarze, obere Navigation, einen breiten Content und natürlich auch einen Footer. Der tolle Hintergrund macht das Design zu einem wahren Highlight!

» 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

table[height="102"] {
position: absolute;
left: 45.5%;
margin-left: -370px; }

{padding: 0px; margin: 0px; }

#extraDiv1 {display: none;}
#nav_container{display: none;}
ul#nav{display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
li.nav_element a:hover{display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}

a {
color: #474747;
text-decoration: underline; }

a:hover {
color: #666666;
text-decoration: underline; }

a:focus {
color: #ff1c33;
text-decoration: none; }

a.navi {
float: left;
padding: 13px 19px 13px 17px;
background:  none no-repeat right;
color: #c9c9c9;
text-decoration: none; }

a.navi:hover {
color: #e8e8e8; }

a.footer {
margin-left: 20px;
color: #c9c9c9;
text-decoration: none; }

a.footer:hover {
color: #e8e8e8; }

textarea, input {
border: #474747 1px solid; }

textarea:hover, input:hover {
border: #666666 1px solid; }

textarea:focus, input:focus {
border: #ff1c33 1px solid; }

body { background: #C9C9C9 url(http://www.loaditup.de/files/625150_6ng5t89s26.png);}
*{ padding: 0; margin: 0; }

#header {
margin-top: 0px;
width: 100%;
height: 157px;
background-color: transparent;
background-image:url(http://www.loaditup.de/files/625151_3mgvfpe6xh.png);
border:0px solid #ffea21;
color:#000000;}

#content {
margin-left:50px;
width: 702px;
margin-top:99px;
min-height: 600px;
padding: 29px;
color: #000000;
font-family:arial;
font-size:13px;
background-color:#ffffff;
background-image:url(http://www.loaditup.de/files/625152_8t4wcwtpev.png);
background-repeat: repeat-x;
border: 2px solid #9e9e9e;
overflow:auto;}

#sidebar_container{
position: absolute;
left: 55%;
top: 300px;
margin-left: 280px;
width: 194px;
height: 615px;
background-color: #ffffff;
background-image: none;
border: 2px solid #9e9e9e;
color:#000000;
overflow:none;}

#counter {display:none;
position: absolute;
left: 50%;
top:1130px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 0px solid #FFFFFF;}

#footer {
margin:auto;
width: 100%;
height: 48px;
background-color:#000000;
background-image:url(http://www.loaditup.de/files/625153_xrn4cv2ndn.png);
border:0px solid #ffea21;
color:#000000;}

#navibg {
float: left;
height: 43px;
width: 100%;
margin-bottom: 10px;
background: url(http://www.loaditup.de/files/625154_xqzavp3q5b.png) repeat-x; }

#navi {
position: relative;
top: 0;
left: 50%;
height: 43px;
width: 965px;
margin-left: -370px;
color: #c9c9c9; }

#container {
width: 980px;
margin: auto;
overflow: hidden; }

div {
color: #343434;
font-size: 16px;
font-family: arial; }

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: