Revision 333333363039 () - Diff

Link to this snippet: https://friendpaste.com/4sDMkH2mb8oPf4LoRHTqNm
Embed:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="de">
    <head>
        <title>Webseite</title>
        <style type="text/css">
            * {
             margin:0;
             font-size:15px;
             font-family:Verdana;
            }

            #nav { 
             width:236px; 
             background:url('http://www.imagebanana.com/img/ao476iij/index.png') no-repeat center 15px;
             padding: 185px 0 0 0;
			 float: right;
			 list-style-type: none;
            }
			
            #nav li {
             background:url('http://europachat.ibitlive.eu/sbt.png') no-repeat;
             padding: 17px 0;
            }
			
            #nav ul { 
             background:url('http://europachat.ibitlive.eu/sbb.png') no-repeat bottom;
             padding: 0 0 17px 0;
             list-style: none; 
            }
			
            #nav h2, #nav ul li {
             background:url('http://europachat.ibitlive.eu/sbm.png') repeat-y;
             padding: 5px 25px;
            }

            #nav h2 {
             text-decoration:underline; 
            }
			
            #nav, #nav a {
             color:#4af;
            }
			
            #nav ul h2 {
             background:none;
			 text-decoration:none;  
            }
			
			#left {
				padding-right: 236px; /* Breite der Navi */
			}
			
            #header {
                background:url('http://europachat.ibitlive.eu/header.jpg');
                width:801px;
                height:142px;
				margin: auto;
            }
			
            #header p {
                padding: 40px 90px 0 170px;
                font-weight:bold;
            }
			
			#box_top {
				width: 660px;
				height: 35px;
				margin: auto;
				background: url(box_top.png);
			}
			
			#box {
				width: 660px;
				min-height: 350px;
				margin: auto;
				background: url(box.png) repeat-y;
			}
			
			#box_bottom {
				width: 660px;
				height: 86px;
				margin: auto;
				background: url(box_bottom.png);
			}
			
            body {
             background:url('http://europachat.ibitlive.eu/bg.jpg') 50% 0 repeat-x fixed #9B5D2B; 
            }
        </style>
    </head>
    <body>
            <ul id="nav">
                <li>
                    <h2>Login</h2>
                    <ul>
                        <li>
                            Nick:<br /><br />
                            &nbsp;&nbsp;&nbsp; Passwort:<br />
                            &nbsp;
                        </li>
                    </ul>
                </li>
                <li>
                    <h2>Kennst du schon..</h2>
                    <ul>
                        <li>
                            <a href="#usw">Link</a>
                        </li>
                    </ul>
                </li>
            </ul>
            <div id="left">
                <div id="header">
                    <p>
                        Text im Header? Ich glaub ist keine Überschrift... Mehr Text
                        zeigt das Element etwas mehr gefüllt blabla und so weiter.
                        Soll das hier nen Bereich mit Notizen werden?
                    </p>
                </div>
                <div id="box_top"></div>
                <div id="box">
                
                </div>
                <div id="box_bottom"></div>
            </div>
    </body>
</html>