HpBk-TemplateWorld

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

Gaming Design

» Genu das Richtige für deine Seite!
Dieses Design in den Farben Schwarz und Blau ist perfekt für Gaming Sites geeignet. Man kann das Logo und den Header selbstverständlich austauschen! Auch viele weitere Links lassen sich ganz einfach einfügen. Bei weiteren Fragen einfach www.omba.de.tl kontaktieren.

» 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

<div id="footer_container"> <div id="footer"> <a href="http://link1.de" _fcksavedurl="http://link1.de">PS 3</a> <a href="http://link2.de" _fcksavedurl="http://link2.de">xBox 360</a> <a href="http://link3.de" _fcksavedurl="http://link3.de">PC</a> <a href="http://link4.de" _fcksavedurl="http://link4.de">WII</a> <a href="http://link5" _fcksavedurl="http://link5">PS2</a> <a href="http://link6.de" _fcksavedurl="http://link6.de">PS</a><br/><br/><a href="http://www.omba.de.tl" _fcksavedurl="http://www.omba.de.tl">Design made by www.omba.de.tl Copyright © 2011 </a><br /></div></div> <div id="feld"> <a href="http://link1.de" _fcksavedurl="http://link1.de">Link1</a> | <a href="http://link2.de" _fcksavedurl="http://link2.de">Link2</a> | <a href="http://link3.de" _fcksavedurl="http://link3.de">Link3</a> | <a href="http://link4.de" _fcksavedurl="http://link4.de">Link4</a> | <a href="http://link5" _fcksavedurl="http://link5">Link5</a> | <a href="http://link6.de" _fcksavedurl="http://link6.de">Link6</a> </div> <div id="unten"> <a href="http://link1.de" _fcksavedurl="http://link1.de">Link1</a> | <a href="http://link2.de" _fcksavedurl="http://link2.de">Link2</a> | <a href="http://link3.de" _fcksavedurl="http://link3.de">Link3</a> | <a href="http://link4.de" _fcksavedurl="http://link4.de">Link4</a> | <a href="http://link5" _fcksavedurl="http://link5">Link5</a> | <a href="http://link6.de" _fcksavedurl="http://link6.de">Link6</a> </div>

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

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

body
{
	background-color:#000000;
	background-image:url(http://www.loaditup.de/files/632331_5ybzew8uf4.jpg);
}

#container
{
	width:900px;
	height:auto;
	margin:auto;
	overflow:hidden;
	margin-top:326px;
	background-color:#000000;
}

#content
{
	float:right;
	margin-top:345px;
	margin-bottom:20px;
	width:860px;
	padding-top:20px;
	padding-right:20px;
	padding-left:20px;
	color:#a9a9a9;
	font-size:14px;
	font-family:tahoma;
	text-align:left;
}

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

#nav_container
{
	position:absolute;
	left:50%;
	top:300px;
	margin-left:-489px;
	width:auto;
	height:22px;
	text-align:left;
	border-top:0 solid #ffffff;
	background-image: none;
}

li.nav_element
{
	display:inline-block;
	text-align:center;
	height:38px;
	padding:20px;
	width:auto;
	background-image: none;
}

li.nav_element a
{
	font-size:13px;
	color:#9a9a9a;
	font-family:Tahoma;
	font-weight:bold;
	text-decoration:none;
}

li.nav_element:hover
{
	height:22px;
	background-color:#000000;
}

li.nav_element:hover a
{
	font-size:13px;
	color:#ffffff;
	font-family:Tahoma;
	font-weight:bold;
	text-decoration:none;
}

#headertop
{
	width:100%;
	position:absolute;
	left:0;
	height:310px;
	margin-top:0;
	background-image:url(http://www.loaditup.de/files/632329_ghe4y548wq.jpg);
}

#footer
{
	width:100%;
	position:absolute;
	left:0;
	margin-top:14px;
	height:100px;
	text-align:center;
	padding:15px;
	background-color:#000000;
	border-top:1px solid #000000;
	font-size:14px;
	color:#a9a9a9;
}

#footer a
{
	color:#ffffff;
}

#footer a:hover
{
	color:#00a8ff;
}

#unten
{
	position:absolute;
	left:50%;
	top:386px;
	margin-left:-430px;
	height:5px;
	text-align:left;
	padding:0;
	width:auto;
	background-image: none;
	color:#ffffff;
}

#unten a
{
	font-size:11px;
	color:#ffffff;
	font-family:verdana;
	font-weight:bold;
	text-decoration:none;
}

#unten a:hover
{
	color:#00a8ff;
}

#feld
{
	position:absolute;
	left:50%;
	top:116px;
	margin-left:40px;
	height:30px;
	text-align:left;
	padding:0;
	width:auto;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:5px;
	padding-top:5px;
	background-color:#00a8ff;
}

#feld a
{
	font-size:13px;
	color:#ffffff;
	font-family:arial;
	font-weight:bold;
	text-decoration:none;
}

#feld a:hover
{
	color:#000000;
}

#logo
{
	position:absolute;
	left:50%;
	top:230px;
	margin-left:-454px;
	width:280px;
	height:50px;
	background-image:url(http://www.loaditup.de/files/632328_f2d8n9hc8e.png);
}

#addthis
{
	position:absolute;
	left:50%;
	top:381px;
	margin-left:174px;
	width:auto;
	height:auto;
	background-image: none;
}

#headertext
{
	position:absolute;
	left:50%;
	top:455px;
	margin-left:-430px;
	width:849px;
	height:331px;
	background-image:url(http://www.loaditup.de/files/632327_dvq5h7eu7z.jpg);
}

h2#title
{
	display:none;
}

h1#header
{
	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
{
	display:none;
}

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

Vielen Dank an...

» www.Omba.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.

Kommentare zu dieser Seite:

Kommentar von:	05.05.2014 um 13:12 (UTC)
d-omee-homeadge1 Offline	Ich will eine seite erstellen und wie geht das ich bin neu hier

Kommentar von:	23.01.2013 um 14:03 (UTC)
Office-Gamer Offline	Wie kann ich das Logo und den Slogen ändern?

Kommentar von:	07.03.2012 um 21:20 (UTC)
the-conclusion Offline	Ich brauche etwas hilfe. Z.B. wie kriege ich dieses Link 1, 2, 3, .... da weg? MfG

Kommentar von:

31.07.2011 um 09:36 (UTC)

(gesperrter Nutzer)

Wie kann ich Header und Logo austauschen?
In diesem Design dürfen Logo und Header ausgetauscht werden. Dazu müssen Sie folgende Schritte beachten.
1. Laden Sie ihr Bild auf einer Bildhoster Seite, wie im Homepage-Baukasten (unter "Eigene Bilder verwalten") hoch.
2. Sie erhalten nun einen Link. Klicken Sie mit der rechten Maustaste auf diesen und kopieren Sie den Link. (Beispiel: https://img.webme.com/pic/o/omba/designbild.png) <<- So sollte der Link im Homepage-Baukasten aussehen.
3. Kommen wir nun zum einfügen.
- Header: Um die Headergrafik auszutauschen, gehen Sie zu CSS-Code ohne Style Tags und suchen nach diesem Abschnitt:

#headertop { width:100%; position:absolute; left: 0%; height: 310px; margin-top: -0px; background-image: url(https://img.webme.com/pic/o/omba-test/gamingheader.jpg); }

Tauschen Sie die die URL mit ihren Link aus. (Das Bild muss eine Größe von 849x310 Pixeln haben!)
Fertig! Ihr Header wurde nun eingefügt.

Kommentar von:	27.07.2011 um 00:21 (UTC)
(gesperrter Nutzer)	Wie kann ich in dem Großen Bildformat ein bildeinfügen und wo kann ich den Banner/Header einfügen??