HpBk-TemplateWorld

Black Vista

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.

Black Vista

» Vista Style für deine Homepage!
Das Design "Black Vista" ist ein schwarzes Design das im Vista-style designed wurde. Der Titel hat einen coolen Hover-effekt der den Titel nochmal hervorhebt. Das linksbündige Menu hat große Button die ebenfalls einen coolen Hover-effekt haben. Black Vista hat zwei große Extraboxen die rechtsbündig am Design angepasst sind.

» 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

h1#title{display: none;}
h2#title span {display:none;}
div.header{display: none;}

body {
background-color:#000000;
}

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

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

#middle{
width:900px;
margin:0px auto;
}

#Head{
margin:0px 0px;
width:900px;
height:150px;
background:url(https://img.webme.com/pic/h/hpbk-templateworld/business_head1.jpg);
color:#ffffff;
font-family:arial;
font-size:72px;
text-align:center;
padding:50px 0px 0px 0px;
}

#Head:hover{
text-shadow:#7bc9dc 0px 0px 20px;
}

#nav_container {
position:absolute;
margin:-30px 0px;
width:200px;
height:auto;
}

#nav li.checked_menu a{
display:block;
text-decoration:none;
color:#ffffff;
width:200px;
height:35px;
background:url(https://img.webme.com/pic/h/hpbk-templateworld/vista_button_hover.jpg);
}

li.nav_element {
list-style-type:none;
list-style:none;
width:200px;
text-align:center;
fonf-family:arial;
font-size:14px;
height:50px;
background:url(https://img.webme.com/pic/h/hpbk-templateworld/vista_button_.jpg);
}

li.nav_element a {
display:block;
text-decoration:none;
color:#ffffff;
padding:15px 0px 0px 0px;
width:200px;
height:35px;
}

li.nav_element:hover {
display:block;
text-decoration:none;
color:#ffffff;
width:200px;
height:50px;
background:url(https://img.webme.com/pic/h/hpbk-templateworld/vista_button_hover.jpg);
}

#News_bar{
margin:0px auto;
color:#ffffff;
width:470px;
height:25px;
padding:5px 15px 0px 15px;
background:url(https://img.webme.com/pic/h/hpbk-templateworld/news_bar.jpg);
font-size:14px;
font-family:arial;
}

#content{
margin:0px auto;
width:490px;
height:560px;
background:url(https://img.webme.com/pic/h/hpbk-templateworld/content-bg3.jpg);
padding:5px;
font-family:arial;
font-size:14px;
color:#ffffff;
overflow:auto;
}

#Info_box1{
position:absolute;
margin:-30px 700px;
width:190px;
height:240px;
padding:55px 5px 5px 5px;
font-family:arial;
font-size:14px;
color:#ffffff;
background:url(https://img.webme.com/pic/h/hpbk-templateworld/news_box.jpg);
overflow:auto;
}

#Info_box1:hover{
background:url(https://img.webme.com/pic/h/hpbk-templateworld/news_box_hover.jpg);
}

#Info_box2{
position:absolute;
margin:270px 700px;
width:190px;
height:240px;
padding:55px 5px 5px 5px;
font-family:arial;
font-size:14px;
color:#ffffff;
background:url(https://img.webme.com/pic/h/hpbk-templateworld/news_box.jpg);
overflow:auto;
}

#Info_box2:hover{
background:url(https://img.webme.com/pic/h/hpbk-templateworld/news_box_hover.jpg);
}

#bottom_bar{
position:absolute;
margin:0px 200px;
width:700px;
height:25px;
text-align:center;
color:#ffffff;
padding:5px 0px 0px 0px;
font-family:arial;
font-size:14px;
background:url(https://img.webme.com/pic/h/hpbk-templateworld/bottom_bar.jpg);
}

#bottom_bar a{
font-family:arial;
font-size:14px;
color:#ffffff;
text-decoration:underline;
}

#bottom_bar a:hover{
font-family:arial;
font-size:14px;
color:#ffffff;
text-decoration:none;
text-shadow:#00ccff 3px 3px 3px;
}

#counter{
display:none;
}

a{
color:#ffffff;
font-family:arial;
text-decoration:underline;
}

a:hover{
text-decoration:none;
color:#ffffff;
}

/*Designed by www.Robin-Grahl.de.tl.
Der Copyright Text darf nicht enfernt werden.*/

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.Robin-Grahl.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: