HpBk-TemplateWorld

Big City

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. Der Link zu HpBk-TemplateWorld darf ebenfalls nicht verändert werden. Dieses Design ist ein kostenloses Design von www.templatemo.com.

Big City

» Großstadt für deine Seite
Das Design "Big City" bringt dir exklusives Großstadt-Feeling auf deine Seite. Neben einer oberen Navigation, einem großen Header-Bereich und rechten Boxen, in denen News, Infos und Partnerseiten ihren Platz finden, gibt es im Header auch noch Platz für ein großes Bild und eine exklusive Schlagzeile. Auch ein Footer ist vorhanden.

» Bewertung:

Design-Code

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

<div id="templatemo_body_wrapper">
<div id="templatemo_wrapper">
<div id="templatemo_menu">
<ul>
	<li><a target="_parent" href="http://www.templatemo.com/page/1">CSS Home</a></li>
	<li><a target="_parent" href="http://www.templatemo.com/page/1">CSS Templates</a></li>
	<li><a target="_parent" href="http://www.flashmo.com/page/1">Flash Sources</a></li>
	<li><a target="_parent" href="http://www.koflash.com">Websites Gallery</a></li>
	<li><a target="_parent" href="http://www.webdesignmo.com/blog">Web Design</a></li>
	<li><a href="#">Site Map</a></li>
	<li><a href="#">Contact</a></li>
</ul>
<p>  <a href="#"><br>
</a></p>
<div class="cleaner"> </div>
</div>

<div id="templatemo_header">
<div id="site_title">
<h1><a target="_parent" href="http://www.templatemo.com/page/1">CSS Templates</a></h1>
</div>
</div>
<div id="templatmeo_main">
<div id="templatemo_content">
<div class="content_box">
<h1>Titel deiner Seite</h1>
<div class="image_wrapper"><a href="#"><img alt="Image 1" src="https://db.tt/AaNvzfOL"></a></div>
<p>Hier ist also jede Menge Platz für eine topaktuelle Schlagzeile. Diesen Schlagzeilentext kannst du ganz einfach unter "Design einstellen" - "Erweiterte Designeinstellungen" - "Text über dem Design" ändern und etwas anderes verkünden. Natürlich kannst du auch dieses Bild hier oben ändern.</p>
</div>
<div class="content_box last">

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

<div class="cleaner"> </div>
</div>
</div>
<div id="templatemo_sidebar">
<div class="sidebar_box">
<h2>News, Links und Partner</h2>
<div class="df_box"><img alt="image 8"

src="https://dl.dropboxusercontent.com/u/82955745/BigCity/templatemo_image_08.jpg

">
<h6><a href="#">Aliquam erat arcu</a></h6>
<p>In nec magna id ipsum aliquam dictum. Etiam sodales massa vel metus. Mauris et

elit quis mauris aliquet luctus.</p>
</div>
<div class="df_box"><a href="#"><img alt="image 9"

src="https://dl.dropboxusercontent.com/u/82955745/BigCity/templatemo_image_09.jpg

"></a>
<h6><a href="#">Fusce quis diam sit</a></h6>
<p>Pellentesque consequat condimentum risus. Pellentesque lectus justo, fermentum in,

ornare vitae, vehicula eu, felis.</p>
</div>
<div class="df_box"><img alt="image 10"

src="https://dl.dropboxusercontent.com/u/82955745/BigCity/templatemo_image_10.jpg

">
<h6><a href="#">Vestibulum dapibus</a></h6>
<p>Nunc commodo, magna pharetra semper vehicula, dui ligula feugiat elit, et euismod

nunc orci ut libero.</p>
</div>
</div>
<div class="sidebar_box bp_box">
<h2>Partnerseiten</h2>
<ul class="tmo_list">
	<li><a target="_parent" href="http://www.templatemo.com/page/1">CSS

Templates</a></li>
	<li><a target="_parent" href="http://www.flashmo.com/page/1">Flash

Sources</a></li>
	<li><a target="_parent" href="http://www.koflash.com">Websites

Gallery</a></li>
	<li><a target="_parent" href="http://www.webdesignmo.com/blog">Web

Design</a></li>
</ul>
</div>
<div class="sidebar_box">
<h2>Kontakt</h2>
<p>Totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi.</p>
Tel: 010-040-0220<br>
Fax: 020-080-0660<br>
Email: info@yourcompany.com</div>
</div>
<div class="cleaner"> </div>
</div>
<div id="templatemo_footer">Copyright © 2048 <a href="#">Your Company Name</a> |

<a target="_parent" href="http://www.iwebsitetemplate.com">Website

Templates</a> by <a target="_parent" href="http://www.templatemo.com">CSS

Templates</a> | Coding: <a href="http://HpBk-TemplateWorld.de.tl">HpBk-

TemplateWorld</a></div>
</div>
</div>

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

/* ---Dieses Design und noch viele weitere kostenlose Designs findest du auf HpBk-

TemplateWorld.de.tl - der Community für Designs und Tutorials im HpBk.--- */

#extraDiv1 {
display:none;
}

#extraDiv2 {
display:none;
}

#extraDiv3 {
display:none;
}

#extraDiv4 {
display:none;
}

#extraDiv5 {
display:none;
}

#extraDiv6 {
display:none;
}

#pre_header {
display:none;
}

#post_header {
display:none;
}

#pre_content {
display:none;
}

#nav_heading {
display:none;
}

#nav {
display:none;
}

div.header {
display:none;
}

h1#title {
display:none;
}

h2#title span {
display:none;
}

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

#counter {
display:none;
}

/*
Credit: http://www.templatemo.com
*/

body {
	margin: 0;
	padding: 0;
	color: #c3c3c3;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.5em; 
	background-color: #2a0b04;
	background-image: url(https://img.webme.com/pic/h/hpbk-

templateworld/586930.jpg);
	background-repeat: repeat;
}

a, a:link, a:visited { color: #FFCC33; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: underline; }

p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #c3c3c3; font-weight: normal; font-family: Georgia, "Times

New Roman", Times, serif }
h1 { font-size: 28px; margin: 0 0 30px 0; padding: 5px 0; }
h2 { font-size: 24px; margin: 0 0 20px 0; padding: 0; }
h3 { font-size: 20px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0; }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

a.more { display: block; width: 128px; height: 20px; padding: 22px 0 0; color: #94c2f3;

font-weight: bold; text-align: center; background:  none no-repeat bottom center  }
a.more:hover { color: #fff; text-decoration: none }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { display: inline-block; border: 4px solid #000; margin-bottom: 5px }
.image_fl { float: left; margin: 3px 15px 0 0 }
.image_fr { float: right; margin: 3px 0 0 15px }

blockquote { font-style: italic; margin-left: 10px}
cite { font-weight: bold; color:#000 }
cite span { color: #333 }
em { color: #4f7eff; }

.tmo_list { margin: 0 0 0 10px; padding: 0; list-style: none }
.tmo_list li { color:#8b8b8b; margin:0 0 10px; padding: 3px 0 3px 30px; background:

none no-repeat scroll 0 8px  }
.tmo_list li a { color: #8b8b8b }
.tmo_list li a:hover { color: #99FF00; }

#templatemo_body_wrapper {
	width: 100%;
	background: url(https://img.webme.com/pic/h/hpbk-templateworld/586931.png)

top center no-repeat;
}

#templatemo_wrapper {
	width: 1024px;
	margin: 0 auto;
	background: url(https://img.webme.com/pic/h/hpbk-templateworld/586931.png)

top center no-repeat;
}

#templatemo_menu {
	clear: both;
	width: 964px;
	height: 40px;
	padding: 6px 30px 0 30px;
	background: url(https://img.webme.com/pic/h/hpbk-templateworld/586932.jpg)

no-repeat;
}

#templatemo_menu ul {
	float: left;
	width: 800px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#templatemo_menu ul li {
	padding: 0;
	margin: 0;
	display: inline;
}

#templatemo_menu ul li a {
	float: left;
	display: block;
	font-size: 14px;
	height: 33px;
	padding: 7px 20px 0 20px;
	margin-right: 2px;
	color: #fff;	
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	outline: none;
}

#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
	color: #f59c0f;
	background: url(https://img.webme.com/pic/h/hpbk-templateworld/586934.png)

bottom center no-repeat
}

#templatemo_menu p { float: right; margin-top: 5px; }

#templatemo_menu p a { display: inline-block; float: left; margin-left: 20px }

#templatemo_header {
	clear: both;
	width: 1024px;
	height: 134px;
	background: url(https://img.webme.com/pic/h/hpbk-templateworld/586935.png)

no-repeat bottom left;
}

#site_title {
	float: left;
	margin: 30px 0 0 30px;
}

#site_title h1 {
	margin: 0;
	padding: 0;
}

#site_title h1 a {
	display: block;
	background: url(images/templatemo_logo.png) no-repeat;
	width: 263px;
	height: 60px;
	margin: 0;
	padding: 0;
	font-size: 40px;
	color: #d07f0b;
	font-weight: normal;
	text-decoration: none;
	text-indent: -10000px;
	outline: none;
}

#templatmeo_main {
	clear: both;
	width: 1024px;
	margin-bottom: 30px;
}

#templatemo_content {
	float: left;
	position: relative;
	width: 594px;
	padding: 30px;
	background: url(https://img.webme.com/pic/h/hpbk-templateworld/586936.png)

repeat-y left;
}

#templatemo_content span.bottom {
	position: absolute;
	left: 0;
	bottom: -9px;
	width: 654px;
	height: 9px;
	background: url(https://img.webme.com/pic/h/hpbk-templateworld/586937.png)

no-repeat;
}

#templatemo_sidebar {
	float: right;
	width: 300px;
	padding-right: 30px;
	color: #8b8b8b;
}

.content_box {
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 10px solid #310902;
}

.last { margin-bottom: 0 }

.cl_box { display: block; float: left; width: 160px; margin: 0 30px 30px 0 }
.cl_box img { border: 4px solid #000 }
.cl_box span { display: block; color: #903503 }
.cl_box span a { color: #515151 }

#templatemo_sidebar h2 {
	padding-bottom: 10px;
	border-bottom: 8px solid #501004;
}

.sidebar_box { margin-bottom: 30px }

.df_box { clear: both; margin-bottom: 20px; border-bottom: 1px solid #3d2e2b }
.df_box h6 { color: #FFFFFF; margin-bottom: 15px }
.df_box img { float: left; width: 100px; margin-right: 15px; }

.bp_box { background: url(https://img.webme.com/pic/h/hpbk-templateworld/586938.png)

bottom center no-repeat }

#templatemo_footer {
	width: 1024px;
	height: 30px;
	padding: 16px 0 0 0;
	margin-bottom: 30px;
	text-align: center;
	color: #AAAAAA;
	background: url(https://img.webme.com/pic/h/hpbk-templateworld/586939.jpg)

no-repeat;
}

#templatemo_footer a {
	font-weight: normal;
	color: #FFFFFF;
}

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.
» Beachte bitte, dass deine Menüpunkte nicht automatisch übernommen werden. Du musst deine Menüpunkte manuell einfügen. Dies geschieht meistens im Code von "Text über dem Design" oder "Text unter dem Design".

Download des Original-Designs

» Auf folgender Seite kannst du das Paket des Designs kostenlos von TemplateMo.com herunterladen. Darin enthalten sind die Bilder des Designs, der unbearbeitete CSS-Design-Code und eine Live-Vorschau des Designs. Zum Download.

Du hast Fragen oder Probleme?

» Klappt etwas bei dir nicht? Oder du hast eine bestimmte Frage? Dann melde dich bitte in der "TemplateWorld Community". Nur dort kann ich dir schnell helfen. Wenn du deine Frage hier als Kommentar hinterlässt, kann ich dir leider keinen Support geben, da ich nicht alle Design-Seiten durchsuchen kann, wo dein Kommentar geschrieben wurde. Deshalb bitte ich um dein Verständnis.

Kommentare zu dieser Seite:

Kommentar von:	22.08.2011 um 17:06 (UTC)
(gesperrter Nutzer)	Hallo, ich habe jetzt das Red standard Design, ich bin allerdings sehr neu, wie kann ich nun dieses design umstellen, dass ich hier auch links oder oben meine Menübalken habe? Wenn ich die unter Seiten bearbeiten ändere passiert nichts...

Kommentar von:	21.02.2011 um 14:19 (UTC)
(gesperrter Nutzer)	bei mir geht kein desing von allen bitte helfe mir und schreibe mir die lösung unter kontakt danke

Kommentar zu dieser Seite hinzufügen: