Ich bin am umbauen!

HTML

hey wie gehts?

CSS

hey wie gehts?
hey wie gehts?

Knuddels Layouts

Copyright stehen lassen!

Basis Layout

Hier habt ihr das Basis-Layout mit FadeIn-Effekt, dass man beliebig mit CSS definieren kann.

 

<body>
<font>
<div id="wrap">
    <ul id="navbar">
        <li><a href="#inhalt1" title="Beschreibung" class="internal">Startseite</a></li><li><a href="#inhalt2" title="Beschreibung" class="internal">Über Mich</a></li><li><a href="#inhalt3" title="Beschreibung" class="internal">Fotos</a></li><li><a href="#inhalt4" title="Beschreibung" class="internal">Linktipps</a></li></ul>
    <div id="inhalt1" class="container">
        <p>TEXT1!</p>
    </div><div id="inhalt2" class="container">
        <p>TEXT2!</p>
    </div><div id="inhalt3" class="container">
        <p>TEXT3!</p>
    </div><div id="inhalt4" class="container">
        <p>TEXT4!</p>
    </div>
    <div class="clear"></div>
</div>
</font>
</body>

<head>
<style type="text/css"><!--

/************************* Linkstyle **********************/
a
{
    font-family:Helvetica !important;
    font-size:16px;
    color:white;
    text-decoration:none;
}

a:hover
{
    font-family:Helvetica !important;
    font-size:16px;
    color:grey;
    text-decoration:none;
}

:focus
{
    outline:0;
}

/************************* Body **********************/
body
{
    background:url(http://sienc.square7.ch/BackgroundsJimdo/Texture/lilastoff.jpg) repeat;
    font-family:Helvetica !important;
    font-size:14px !important;
    color:white;
}

/************************* Layout **********************/
ul#navbar
{
    float:left;
    width:90px;
}

ul#navbar li
{
    list-style-type:none;
    text-align:right;
    letter-spacing: -1px;
}

div.container
{
    margin-top:-20px;
    float:right;
    width:500px;
    font-family:Helvetica;
}

div#wrap
{
    margin:0 auto;
    width:660px;
}

div.clear
{
clear:both;
}

--></style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://sienc.square7.ch/HP-Vorlagen/Unterseitenscript.js"></script>
</head>

Layoutvorlagen

 

            Homepage: Layout-Vorlage 3 (Grau-Grün)

                               Playlist: muss selbst eingefügt werden 


Die ist sozusagen eine Universal Homepage, die mit einem richtigen Layout 

Ihr dürft nur den Inhalt des Kastens verändern, sowie die Links

Eine Playlist muesst ihr euch selbst machen, nur wenn ihr ganz doll wollt, dass ich noch eine mache, tue ich's auch

→ Homepagevorlage anschauen  

 

- CODE HIER -

            Homepage: Layout-Vorlage 2 (Blau-Grün-Lila)

                               Playlist: variabel (im Beispiel Papa Roach)


Die ist sozusagen eine Universal Homepage, die mit einem richtigen Layout  und einer eigenen Playlist ausgestattet ist

Ihr dürft nur den Inhalt des Kastens und die der äußeren verändern

aber das ganz unten nicht, sonst funktioniert es nicht mehr

→ Homepagevorlage anschauen

 

- CODE HIER -

            Homepage: Layout-Vorlage (Weiß-Blau)

                               Playlist: variabel (im Beispiel Paul Kalkbrenner)


Die ist sozusagen eine Universal Homepage, die mit einem richtigen Layout  und einer eigenen Playlist ausgestattet ist

Ihr dürft nur den Inhalt des Kastens und die der äußeren verändern

aber das ganz unten nicht, sonst funktioniert es nicht mehr

→ Homepagevorlage anschauen

 

- CODE HIER -