HpBk-TemplateWorld

Bubblegaming

Design-Übersicht

» Dieses Design darfst du kostenlos für deine Homepage verwenden. Unter "Und so geht´s" (weiter unten auf dieser Seite) 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 unter "Vielen Dank an..." findest.

Bubblegaming

» Für alle Gamer
Ein sehr schönes dunkles Gamingdesign. Mit vielen Leuchteffekten macht es Ihre Seite einzigartig. Das Logo passt sich automatisch an, Sie müssen nichts ändern! Den Header können Sie natürlich austauschen.

» Bewertung:

Design-Code

» Text über dem Design | Code in einem separaten Fenster öffnen.

» Text unter dem Design | Code in einem separaten Fenster öffnen.

» CSS-Code ohne Style Tags | Code in einem separaten Fenster öffnen.

/* 
Design powered by www.ombadesign.de

Name: Bubblegaming;
Erstellt am: 27.10.2013;
Version: 1.1;
Author: Daniel
Lizenz: www.ombadesign.de/agb/

DAS COPYRIGHT BEI "TEXT UNTER DEM DESIGN" UND BEI "CSS-CODE OHNE STYLE TAGS" DARF 
NICHT ENTFERNT WERDEN.

td[height="102"] {
left: 50%;
margin-left: -376px;
position: absolute;
}
* {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
div#webme_sky_ad {
left: 50%;
margin-left: 460px;
position: absolute;
right: 0;
top: 223px;
width: 200px;
}
#webme_sky_ad {
position: absolute;
right: 5px;
top: 0;
z-index: 2147483647;
}
img {
border:none;
}
body {
background-attachment: fixed;
background-color: #000708;
background-image: url("https://img.webme.com/pic/h/hpbk-templateworld/bg-back.png");
background-position: center top;
background-repeat: no-repeat;
color: #838F98;
font-family: 'Gudea',sans-serif;
}
a {
text-decoration:none;
color: #1B6368;
}
a:hover {
color: #0B4347;
}
h1, h2, h3, h4, h5, h6 {
text-decoration: none;
color: #FFFFFF;
font-weight: normal;
}
#container {
background-color: #000000;
background-image: url("https://img.webme.com/pic/h/hpbk-templateworld/bg-container.png");
background-repeat: no-repeat;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
opacity: 0.88;
overflow-x: hidden;
overflow-y: hidden;
width: 900px;
}
#headergrafik {
background-color: #000000;
background-image: url("https://img.webme.com/pic/h/hpbk-templateworld/bg-container.png");
background-repeat: no-repeat;
height: 360px;
margin-bottom: 93px;
margin-left: auto;
margin-right: auto;
margin-top: 120px;
opacity: 0.88;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
width: 860px;
}
#nav_container {
background-image: url("https://img.webme.com/pic/h/hpbk-templateworld/bg-navi.png");
border-top-color: #FFFFFF;
height: 63px;
left: 50%;
margin-left: -450px;
position: absolute;
text-align: left;
top: 637px;
width: 900px;
}
li.nav_element {
display: inline-block;
height: 19px;
margin-right: -4px;
padding-bottom: 22px;
padding-left: 22px;
padding-right: 22px;
padding-top: 22px;
text-align: center;
width: auto;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
li.nav_element a {
color: #E5FCFF;
font-size: 15px;
}
li.nav_element:hover {
background-color: #000000;
background-image: none;
background-repeat: repeat;
height: 19px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
li.nav_element:hover a {
color: #FFFFFF;
font-size: 15px;
}
#content {
float: left;
font-size: 15px;
margin-bottom: 30px;
margin-left: 30px;
margin-right: 30px;
margin-top: 30px;
text-align: left;
}
#copyright {
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
margin-top: auto;
width: 880px;
}
#webme_footer_textlink_dont_hide {
background-color: #000708;
color: #4E4E4E;
left: 50%;
margin-bottom: 15px;
margin-left: -441px;
margin-top: 13px;
position: absolute;
}
h2#title {
display: none;
}
#header-container {
display: none;
}
#nav_heading {
display: none;
}
#sidebar_heading {
display: none;
}
#pre_content {
display: none;
}
#pre_header {
display: none;
}
#post_header {
display: none;
}
#post_content {
display: none;
}
#below_content {
display: none;
}
#extraDiv2 {
display: none;
}
#extraDiv3 {
display: none;
}
#extraDiv4 {
display: none;
}
#extraDiv5 {
display: none;
}
#extraDiv6 {
display: none;
}
div.header {
text-decoration: none;
font-family: 'Audiowide', cursive;
font-size: 40px;
left: 50%;
margin-left: -450px;
position: absolute;
text-shadow: 0 0px 10px #8dd5d9;
top: 112px;
}
#counter {
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.

Lizenz:

» Sie dürfen das Werk bzw. den Inhalt vervielfältigen, verbreiten und öffentlich zugänglich machen.
» Sie dürfen Abwandlungen und Bearbeitungen des Werkes bzw. Inhaltes anfertigen.

» Zu den folgenden Bedingungen:
» Namensnennung:
Sie müssen den Namen des Autors/Rechteinhabers in der von ihm festgelegten Weise nennen.
» Keine kommerzielle Nutzung:
Dieses Werk bzw. dieser Inhalt darf nicht für kommerzielle Zwecke verwendet werden.