TreeBoys-Fun

Titel der neuen Seite3

Das Design "Sevenred" ist ein tolles Rotes Design das von mir selbst gecodet wurde. Die Grafiken sind tolle "Schattengrafiken". Die Links müssen selbst eingetragen werden.
Es ist nur für den Homepage Baukasten. Ihr dürft das Design nicht für den Webspace benutzen.

Es wurde getestet in

Mozilla Firefox--- Erfolgreich
Opera---Erfolgreich
Google Chrome---Erfolgreich
Safari---Erfolgreich
Internet Explorer---Fehlgeschlagen (Grund: Das Design ist viel zu groß für Internet Explorer)

Text über dem Design:

<div id='header'>
<div id='homepagetitle'>Homepagetitel</div>
<div id='slogan'>...und dein Slogan!!!</div>
<div id='nav'>
<div id='navlinks'>
<ul>
<li><a href="#">LINK</a></li>
<li><a href="#">LINK</a></li>
<li><a href="#">LINK</a></li>
<li><a href="#">LINK</a></li>
<li><a href="#">LINK</a></li>
</ul>

Text unter dem Design:

<div id='footer'><div style="text-align: center;"><span style="font-family: Tahoma;"><strong>Design by <a href="http://www.treeboys.xe.cx">TreeBoys.xe.cx</a>- Copyright by <a href="http://www.homepagetitel.de">Homepagetitel</a></strong></span><br />
<span style="font-family: Tahoma;"><a href="http://www.homepagetitel.de/Kontakt.html">Kontakt</a> l <a href="http://www.homepagetitel.de/Impressum.html">Impressum</a> l <a href="http://www.homepagetitel.de/Nutzerbedinungen.html">Nutzerbedinungen</a></span><span style="font-family: Tahoma;"> l </span><a href="http://www.homepagetitel.de/Link-me.html"><span style="font-family: Tahoma;">Link me</span></a></div></div>
<div id='bottom'>

Css Code ohne Style Tags:

/* Sevenred-Design von TreeBoys.xe.cx */

div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}

body
{

    background-image: none;
    background-color: #404040;
    font-size: 16px;
    color: #000000;
    font-family: Tahoma;
    padding: 0;
    margin: 0;
}

#browser_top
{

    margin-top: 100px;

}

#main
{
    width: 1004px;
    margin: auto;
}

#float
{
    width: 1004px;
    float: left;
}

#nav
{
    background-image: url(https://img.webme.com/pic/t/treeboys-movies/nav........png);
    background-color: #;
    width: 1000px;
    height: 35px;
    float: left;
    margin: auto;

    position: relative;
    left: px;
    top: 130px;

}

#nav li
{
    display: inline;
    margin-left: 10px;
    padding-right: 10px;
}

#nav ul
{
    margin: 0;
    padding: 0;
}

#nav a
{
    color: #EEEEEE;
    font-size: 18px;
    font-family: Arial;
    text-decoration: none;
}

#nav a:hover
{
    color: #FF1A16;
   font-style: italic ;
}

#navlinks
{

    position: relative;
    left: 10px;
    top: 10px;

}

#top
{
    width: 1215px;
    margin: auto;
}

#header
{
    background-image: url(https://img.webme.com/pic/t/treeboys-movies/header........png);
    background-color: #000000;
    width: 1000px;
    height: 200px;
    float: left;
    margin: auto;

    position: relative;
    left: 100px;
    top: px;

}

#homepagetitle
{
    font-size: 65px;
    font-style: italic;
    color: #ffffff;
    float: left;
    position: relative;
    left: 160px;
    top: 45px;
    }

    #slogan
{
    font-size: 35px;
    font-style: big;
    color: #ffffff;
    float: left;
    position: relative;
    left: 170px;
    top: 45px;

    }

#content
{
    width: 980px;
    background-color: #FFFFFF;
    background-image: url(http://);
    padding: 10px;

    float: left;
    position: relative;
    left: -10px;
    top: -45px;

}

#bottom
{
    width: 500px;
    margin: auto;
}

#footer
{
    float: left;
    width: 1000px;
    height: 100px;
    background-image: url(https://img.webme.com/pic/t/treeboys-movies/header........png);
    background-color: #CCCCCC;

    position: relative;
    top: -40px;
    left: -10px;

}

/*Werbung in Mitte platzieren */
table[height="102"] {
    margin:auto;
    }

Homepage-Titel

Paper Fold

Titel der neuen Seite3