Project-4SP

Flyff Clan Design 01

Version 1.0

Flyff Design Nr. 1

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. Natürlich darfst du Bilder und Grafiken (Header, etc.) verändern und beschriften und auch das Design anders gestalten.

Flyff Design Nr. 1

Das Design "Flyff Design Nr. 1" bringt eine tolle Style mit sich. Der Content breit und einfach gestalltet, es hat eine horizontal Menüleiste. Der Header ist an den Hintergrund angepasst, das Design ist einfach und schlicht. Es gibt keinen direkt sichtbaren Footer.

Der Design Code

"Text über dem Design"

"Text unter dem Design"

Hinweis unter dem Inhalts-Bereich (z.B. Copyright)

"CSS-Code Ohne Style Tag"

* {
margin:0;
padding:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background-image:url(https://img.webme.com/pic/t/test-egz/bg_head.jpg);
background-position:center 100px;
background-color:#fff;
background-repeat:no-repeat;
}

td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px;
filter:alpha(opacity=85);
-moz-opacity:0.85px;
opacity:0.85px;
}

#wrapper {
width:922px;
margin:0 auto;
}

#kopffeld {
color:#3000ff;
width:900px;
float:left;
height:100px;
-moz-border-radius:20px 20px 0 0;
text-align:center;
font-size:35px;
margin-top:100px;
padding:30px 10px 10px;
}

#menü {
float:left;
width:920px;
height:50px;
color:#333;
padding:0;
}

#textfeld {
color:#000;
height:auto;
width:900px;
float:left;
-moz-border-radius:0 0 20px 20px;
background-image:url(https://img.webme.com/pic/t/test-egz/testfeld_bg.png);
background-repeat:repeat-y;
margin:0 5px 5px 0;
padding:15px;
}

#navi {
width:100%;
height:50px;
float:left;
list-style:none;
background-image:url(https://img.webme.com/pic/t/test-egz/menue_bg.png);
}

#navi li {
float:left;
}

#navi li a {
display:block;
text-decoration:none;
font-weight:700;
color:#000;
padding:6px 63px;
}

#navi li a:hover {
color:#3000ff;
}

#pre_header,#header_container,#post_header,#pre_content,#nav_heading,#nav,h1#title,h2#title span {
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.

Sie sind unser 66604 Besucher

Sidebar

Project-4SP

Flyff Clan Design 01

Kennst du schon...?

Partner

Partner

Follow Us