HpBk-TemplateWorld

Old Blog

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.

Old Blog

» Ein echter Oldie
Dieses Design ist ein wahrer Oldtimer unter den Templates. Im Design sorgen Verzierungen und Holzverarbeitungen für einen älteren Style der Homepage. Es gibt eine obere Navigation und auf der rechten Seite wie üblich Platz für News, Links usw. Auch Content, der sich automatisch anpasst, hat einen richtig tollen "Alt-Effekt" bekommen. Ein großer Footer-Bereich ist ebenfalls vorhanden.

» Bewertung:

Design-Code

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

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

<h2>Menü</h2>
<ul>
	<li><a href="#">Lorem ipsum</a></li>
	<li><a href="#">Duis mollis</a></li>
	<li><a href="#">Maecenas adipiscing</a></li>
	<li><a href="#">Nunc blandit orci</a></li>
	<li><a href="#">Cum sociis natoque</a></li>
</ul>
</div>
<div class="tabcontent" id="archive">
</div>
</div>
 </div>
<div class="templatemo_right_section">

<h2>News</h2>
<ul>
	<li><a href="#">Quisque dictum pharetra neque</a></li>
	<li><a href="#">Aliquam pretium porta odio</a></li>
	<li><a href="#">Maecenas adipiscing</a></li>
	<li><a href="#">Vivamus vestibulum condimentum</a></li>
	<li><a href="#">Cum sociis natoque</a></li>
</ul>
</div>
<div class="templatemo_right_section">

<h2>Partnerseiten</h2>
<ul>
	<li><a href="#">January 2049</a></li>
	<li><a href="#">December 2048</a></li>
	<li><a href="#">November 2048</a></li>
	<li><a href="#">October 2048</a></li>
	<li><a href="#">September 2048</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="templatemo_bottom_panel">
<div id="templatemo_bottom_section">
<div class="templatemo_bottom_section_content">
<h3>Partner Links</h3>
<ul>
	<li><a href="#">Mauris congue felis at nisi</a></li>
	<li><a href="#">Donec mattis rhoncus mi</a></li>
	<li><a href="#">Maecenas adipiscing</a></li>
	<li><a href="#">Nunc blandit orci</a></li>
	<li><a href="#">Cum sociis natoque</a></li>
</ul>
</div>
<div class="templatemo_bottom_section_content">

<h3>Weitere Links</h3>
<ul>
	<li><a href="#">Terms</a></li>
	<li><a href="#">Privacy</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="templatemo_bottom_section_content">
<h3>Über diese Seite</h3>
<p>Vivamus laoreet pharetra eros. In quam nibh, placerat ac, porta ac, molestie non, purus. Curabitur sem ante, condimentum non, cursus quis, eleifend non, libero. Nunc a nulla.</p>
<a href="http://validator.w3.org/check?uri=referer"><br>
</a> </div>
</div>
</div>

<div id="templatemo_footer_panel">
<div id="templatemo_footer_section">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">Free CSS Templates</a> | Coding: <a href="http://HpBk-TemplateWorld.de.tl">HpBk-TemplateWorld</a></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;
}

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

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1a0d00;
	background: #4c4c4c;
}

a:link, a:visited { color: #990000; text-decoration: none; } 
a:active, a:hover { color: #000000; text-decoration: underline; }

h1 {
	margin: 0px;
	padding: 10px;
	font-size: 60px;
	color: #000000;;
}

h2 {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	font-size: 20px;
	color: #dbc1a7;
	border-bottom: 1px dotted #663e17;
}

h3 {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	font-size: 20px;
	color: #a6703c;
	border-bottom: 1px dotted #663e17;
}

p {
	margin: 0px;
	padding: 0 0 10px 0;
	text-align: justify;
}

.cleaner {
	clear: both;
	width: 100%;
	height: 1px;	
}

/* ----- Form ----- */

form{
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: right;
}

.inputfield{
	background: #ffffff;
	border: 1px solid #c9f5f6;
	color: #000;
	font-size: 13px;
	font-variant: normal;
	height: 14px;
	line-height: normal;
	padding: 4px;
	margin-bottom: 5px;
	width: 240px;
}

.button{
	width: 60px;
	height: 25px;
}

/* end of form */

#templatemo_header_panel{
	width:100%;
	margin: 0 auto;
	background-color: #0c0600;
	color: #FFFFFF;
	height: 205px;
}

#templatemo_header_panel #templatemo_title_section{
	width: 960px;
	height: 132px;	/* +73 ( padding ) */
	margin:0 auto;
	padding-top: 73px;
	background: url(https://img.webme.com/pic/h/hpbk-templateworld/594313.jpg)

center top no-repeat;
	text-align: center;
}

#templatemo_menu_panel{
	width:100%;
	height: 45px;	
	margin: 0 auto;
	background: url(https://img.webme.com/pic/h/hpbk-templateworld/594314.gif)

repeat-x;
	color: #ffffff;
}

#templatemo_menu_panel #templatemo_menu_section{
	width: 930px;
	height: 45px;	
	margin:0 auto;
	padding: 0 0 0 30px;
	color: #03a0a6;
}

#templatemo_menu_section ul {
	float: left;
	width: 930px;
	margin: 0;
	padding: 7px 0 0 0;
	list-style: none;
}

#templatemo_menu_section ul li{
	display: inline;
}

#templatemo_menu_section ul li a{
	float: left;
	width: 110px;
	padding: 5px 0;
	margin-right: 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	border-bottom: 3px solid #472400;
}

#templatemo_menu_section li a:hover, #templatemo_menu_section li .current{
	color: #ffffff;
	border-bottom: 3px solid #703901;
}
/* end of menu */

/* content panel */
#templatemo_content_container {
	overflow: hidden;
	height: 100%;
	width:100%;
	margin: 0 auto;
	background: url(https://img.webme.com/pic/h/hpbk-templateworld/594315.gif)

repeat;
}

#templatemo_content_container #templatemo_content{
	width: 930px;
	padding: 15px 0 0 30px;
	margin:0 auto;
}

#templatemo_content_left {
	float: left;
	width: 600px;
	margin: 0px;
	margin-bottom: 15px;
}

#templatemo_content_right {
	float: right;
	width: 300px;
	margin-bottom: 15px;
	color: #dbc1a7;
	background: #000000 url(https://img.webme.com/pic/h/hpbk-

templateworld/594316.jpg) repeat-y;
}

#templatemo_content_left .templatemo_post_wrapper {
	clear: both;
	width: 590px;
	background: url(https://img.webme.com/pic/h/hpbk-templateworld/594317.gif)

repeat;
	border: 5px solid #3b3023;
	margin-bottom: 15px;	
}

#templatemo_content_left .templatemo_post {
	width: 530px;
	padding: 25px 30px 0 30px;
	background: url(https://img.webme.com/pic/h/hpbk-templateworld/594318.gif)

top center no-repeat;
	
}

* html #templatemo_content_left .templatemo_post {
	margin-bottom: 5px;
}

.templatemo_post .post_title{
	width: 100%;
	margin: 0px;
	padding: 5px 0;
	font-size: 26px;
	font-weight: bold;
	color: #1a0d00;
}

.templatemo_post .post_info{
	width: 100%;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #333333;
	margin-bottom: 15px;
}

.templatemo_post .post_body{
	width: 100%;
}

.templatemo_post .post_body img{
	margin-bottom: 15px;
}

.templatemo_post .post_comment{
	width: 100%;
	padding: 5px 0;
	font-weight: bold;
}

#templatemo_content_right .templatemo_right_section{
	clear: both;
	display:inline-block;
	width: 250px;
	color: #bd8956;
	padding: 15px 15px 10px 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #684018;
}

#templatemo_content_right .templatemo_right_section form{
	padding: 0 0 15px 0;
}

#templatemo_content_right .templatemo_right_section ul{
	clear: both;
	margin: 0 0 0 15px;
	padding: 0px;
}

#templatemo_content_right .templatemo_right_section ul li{
	margin: 0 0 5px 0;
}

#templatemo_content_right .templatemo_right_section ul li a {
	color: #dbc1a7;
}

#templatemo_bottom_panel{
	width:100%;
	margin: 0 auto;
	border-top: 5px solid #000000;
	background-color: #0c0600;
}

#templatemo_bottom_panel #templatemo_bottom_section{
	width: 930px;
	margin:0 auto;
	height: 150px;	
	background: #0c0600 url(https://img.webme.com/pic/h/hpbk-

templateworld/594319.jpg) center top no-repeat;
	padding: 30px 0 15px 30px;
}

#templatemo_bottom_section .templatemo_bottom_section_content {
	display: inherit;
	float: left;
	width: 270px;
	padding-right: 20px;
	margin-left: 10px;
	margin-bottom: 15px;
	color: #dbc1a7;
}

#templatemo_bottom_section .templatemo_bottom_section_content ul{
	margin: 0 0 0 10px;
	padding: 0 0 5px 10px;
}

#templatemo_bottom_section .templatemo_bottom_section_content li a{
	color: #dbc1a7;
}

#templatemo_footer_panel{
	width:100%;
	margin: 0 auto;
	background-color: #000000;
	color: #ffffff;
}

#templatemo_footer_panel #templatemo_footer_section{
	width: 960px;
	margin:0 auto;
	text-align: center;
	padding: 15px;
}

#templatemo_footer_panel #templatemo_footer_section a {
	color:#dbc1a7;
}

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:	03.04.2014 um 12:47 (UTC)
(gesperrter Nutzer)	funktioniert super, danke

Kommentar von:	11.09.2013 um 05:43 (UTC)
(gesperrter Nutzer)	also wenns diesen style auch für den iceblue design geben könnte wäre der echt super^^

Kommentar von:	11.09.2013 um 05:27 (UTC)
(gesperrter Nutzer)	also wenns diesen style auch für den iceblue design geben könnte wäre der echt super^^

Kommentar von:	14.12.2011 um 17:22 (UTC)
ariiisan Offline	funzt einmalig geil !

Kommentar von:	13.12.2011 um 13:45 (UTC)
schimmelreiter1 Offline	funktioniert super!

Kommentar von:	26.11.2011 um 04:40 (UTC)
mike-dorrer-art Offline	Funktioniert bei mir leider auch nicht

Kommentar von:	13.07.2011 um 09:53 (UTC)
technohp Offline	ich habe es auf meiner hp eingefügt aber das design geht i-wie net :-( WebDesigns16.tk

Kommentar zu dieser Seite hinzufügen:

Du bist der 634370 Besucher.

Dein Name:
Deine E-Mail-Adresse:
Deine Homepage:
Deine Nachricht:

HpBk-TemplateWorld » alles für dich!

HpBk-TemplateWorld | Alles für dich.

Old Blog

Design-Übersicht

Old Blog

Design-Code

Und so geht´s

Download des Original-Designs

Du hast Fragen oder Probleme?

Besucher

Information

Partner werden

Hilfreiche Websites