HpBk-TemplateWorld

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

Klecksi Design

» Hier kommt Farbe ins Spiel!
Das Design "Klecksi Design" von www.SamnNwi.de.tl hat eine obere Navigation und einen Header, in dem man sein eigenes Logo einfügen kann und es gibt sogar einen Newsscroller. Außerdem gibt es einen großen Footerbereich. Der Hintergrund des Designs besteht aus bunten Farbklecksen, die dem Design den letzten Schliff verleihen.

» Bewertung des Designs:

Der Design Code (CSS-Design)

"Text über dem Design" » Code in einem separaten Fenster anzeigen

<div id="newstext"> <marquee>-------------------------------------Hier kann ein Newstext stehen. --------------------------------------------- </marquee></div>

<div id="Logoschrift"><div style="text-align: center;">Homepage Titel 
Hier kann dein Slogan stehen</div></div>

<div id="Links"><a href="#">Gästebuch </a>│ <a href="#">Kontakt </a>│ <a href="#">Partnerseiten</a> │ <a href="#">Linkliste</a> │ <a href="#">Impressum</a></div>

"Text unter dem Design" » Code in einem separaten Fenster anzeigen

<div id="footer">
<center>
<table cellspacing="1" cellpadding="1" border="0" style="width: 727px; height: 148px;">
<tbody>
<tr>
<td style="text-align: center;">Links</td>
<td style="text-align: center;">Partner</td>
<td style="text-align: center;">Partner</td>
<td style="text-align: center;">Award Gewinner</td>
</tr>
<tr>
<td style="text-align: center;">Beispiel</td>
<td style="text-align: center;">Beispiel</td>
<td style="text-align: center;">Beispiel</td>
<td style="text-align: center;">Beispiel</td>
</tr>
<tr>
<td style="text-align: center;">Beispiel</td>
<td style="text-align: center;">Beispiel</td>
<td style="text-align: center;">Beispiel</td>
<td style="text-align: center;">Beispiel</td>
</tr>
<tr>
<td style="text-align: center;">Beispiel</td>
<td style="text-align: center;">Beispiel</td>
<td style="text-align: center;">Beispiel</td>
<td style="text-align: center;">Beispiel</td>
</tr>
<tr>
<td style="text-align: center;">Beispiel</td>
<td style="text-align: center;">Beispiel</td>
<td style="text-align: center;">Beispiel</td>
<td style="text-align: center;">Beispiel</td>
</tr>
</tbody>
</table>
</center>
</div>
 
<div style="text-align: center;"><a href="#">Gästebuch</a> - <a href="#">Kontakt</a> - <a href="#">Impressum</a> │ Copyright by <a href="http://www.deine-seite.de">Deine-Seite.de</a> and Design und Coding by <a href="http://www.samnowi.de.tl">SamNowi</a></div>

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

/* Design und Coding by SamNowi */

table{margin: auto;}

body {
background-image: url(http://www.loaditup.de/files/625452_ykcyt2hrpk.png);
background-color: #000;
background-position: center top;
background-repeat: no-repeat;}

#container {
width: 960px;
margin: auto;
overflow: hidden;
margin-top: 10px;
background-color: #000;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
}

#content {
float: left;
width: 910px;
padding: 40px;
font-size: 14px;
color: #fff;
background-image:  none;
font-family: Arial;
background-repeat: x-repeat;
border-right: 0px solid #c9c9c9;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}

#header {
margin: auto;
height: 190px;
width: 960px;
background-image: url(http://www.loaditup.de/files/625453_ab2uds4k87.png);
}

#newstext {
position: absolute;
left: 50%;
width: 350px;
margin-top: 55px;
margin-left: -370px;
overflow: hidden;}

#Links {
position: absolute;
left: 50%;
margin-top: 175px;
margin-left: -460px;
overflow: hidden;}

#Logo {
position: absolute;
background-image: url(http://www.loaditup.de/files/625454_n2zhmew98t.png);
margin-top: 18px;
left: 50%;
margin-left: 250px;
width: 130px;
height: 130px;
overflow: hidden;}

#Logoschrift {
position: absolute;
margin-top: 148px;
left: 50%;
margin-left: 210px;
overflow: hidden;}

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

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

#nav_container {
width: 980px;
height: 40px;
background: url(http://www.loaditup.de/files/625455_m7c53gz9v9.png);
background-repeat: x-repeat;
float: left;
font-family: arial;
padding: 0px 0px 0px 0px;
font-size: 14px;}

#nav a {
float: left;
text-decoration: none;
color: #FFF;
padding: 0px 10px 0px 10px;
padding-top: 0px;
border-right: 0px solid #202020}

#nav a:hover {
color: #000;}

#nav li {
list-style-type: none;}

#footer {
height:150px;
width: 954px;
background-color: #000;
margin-top:40px;
margin: auto;
padding:3px;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;}

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.Samnowi.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:	21.03.2012 um 18:32 (UTC)
(gesperrter Nutzer)	wie kann man die ,links gästebuch, usw beim text über dem design zu deinen selbergemachten seiten verlinken ?

Kommentar von:	07.04.2011 um 11:02 (UTC)
(gesperrter Nutzer)	Den Newstext kannst du doch bei text über dem design ändern. lg theo

Kommentar von:	16.02.2011 um 19:32 (UTC)
thethreequestionmark Offline	ey !!! wie kann i einen newstext eingeben bei deiner seite?

Kommentar von:	01.01.2011 um 19:54 (UTC)
(gesperrter Nutzer)	Sehr nett

Kommentar zu dieser Seite hinzufügen:

Du bist der 614821 Besucher.

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

HpBk-TemplateWorld » alles für dich!

HpBk-TemplateWorld | Alles für dich.

Klecksi Design

Besucher

Information

Partner werden

Hilfreiche Websites