|
  |
 Mural coden |
reikema
www.design-foto.net
Dabei seit: 15.07.2005
Beiträge: 7.964
Herkunft: 14089 Berlin
 |
|
M u r a l
h o r i z o n t a l
Zunächst öffnest du eine leere Seite im Editor. Ich nenne diese Seite index.htm. Die die leere Seite fügst du folgenden Code ein:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
|
<html>
<head>
<title>Titel</title>
</head>
<frameset rows="*,334,*" border="0" frameborder="0">
<frame src="oben.html" name="titel" noresize>
<frame src="mural.html" name="mural" noresize>
<frame src="unten.html" name="leer" noresize>
</frameset>
</html> |
|
Ich öffne nun eine weitere Seite, die bei mir den Namen unten.html erhalten wird.
| code: |
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:
|
<html>
<head>
<style type="text/css">
body {
font-family: Verdana, Arial, Tahoma;
color: #000000;
font-size: 10px;
}
a:visited,
a:active,
a:link {
text-decoration: none;
color: #696969;
cursor: help;
}
a:hover {
text-decoration: none;
color: #999999;
cursor: help;
}
</style>
</head>
<body bgcolor="#ffffff" scroll="no">
<div align="center"><br><br><b>
Code by <a href="http://www.sleepsless-roads.org" target="_blank">Sleppless Roads</a>!
</b></div>
</body>
</html> |
|
Nun müsst ihr noch eine neue Seite öffnen, ich nenne diese Seite oben.html.
| code: |
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:
|
<html>
<head>
<style type="text/css">
body {
font-family: Verdana, Arial, Tahoma;
color: #000000;
font-size: 10px;
}
a:visited,
a:active,
a:link {
text-decoration: none;
color: #696969;
cursor: help;
}
a:hover {
text-decoration: none;
color: #999999;
cursor: help;
}
</style>
</style>
</head>
<body bgcolor="#ffffff" topmargin="15" marginheight="10" marginwidth="10">
<div align="center">
Muralinformationen
</div>
</body>
</html> |
|
Und die letzte Seite wird mural.html heißen. Fügt folgenden Code in die Seite ein. Ich habe euch erst einmal sechs Steps gemacht.
| code: |
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:
|
<html>
<head>
<style type="text/css">
body
{ scrollbar-face-color: #000000;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #000000;
}
.td1 {
padding-right: 1px;
padding.left: 1px;
padding-bottom: 1px;
padding-top: 1px;
font-family: Verdana, Arial, Tahoma;
font-size: 10px;
background-color: #ACACAC;
border-bottom: 1px;
}
.td2 {
padding-right: 1px;
padding.left: 1px;
padding-bottom: 1px;
padding-top: 1px;
font-family: Verdana, Arial, Tahoma;
font-size: 10px;
background-color: #CACACA;
border-bottom: 1px;
}
a:hover {
text-decoration: none;
color: #ebebeb;
cursor: help;
}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<table cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff" border="0">
<tr>
<td valign="center">
<table style="border-right: 0px; border-left: 0px; border-top: #000000 1px solid; border-bottom: #000000 1px solid" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="td1" width="450" height="15">
Stepinformationen</td>
<td class="td2" width="450" height="15">
Stepinformationen</td>
<td class="td1" width="450" height="15">
Stepinformationen</td>
<td class="td2" width="450" height="15">
Stepinformationen</td>
<td class="td1" width="450" height="15">
Stepinformationen</td>
<td class="td2" width="450" height="15">
Stepinformationen</td>
</tr>
<tr>
<td bgcolor="#BDBDBD">
<img src="space.gif" width="450" height="300"></td>
<td bgcolor="#D8D8D8">
<img src="space.gif" width="450" height="300"></td>
<td bgcolor="#BDBDBD">
<img src="space.gif" width="450" height="300"></td>
<td bgcolor="#D8D8D8">
<img src="space.gif" width="450" height="300"></td>
<td bgcolor="#BDBDBD">
<img src="space.gif" width="450" height="300"></td>
<td bgcolor="#D8D8D8">
<img src="space.gif" width="450" height="300"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html> |
|
--------------------------
v e r t i k a l
Zunächst öffnest du eine leere Seite im Editor. Ich nenne diese Seite index.htm. Die die leere Seite fügst du folgenden Code ein:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
|
<html>
<head>
<title>Titel</title>
</head>
<frameset rows="*,334,*" border="0" frameborder="0">
<frame src="links.html" name="titel" noresize>
<frame src="mural.html" name="mural" noresize>
<frame src="rechts.html" name="leer" noresize>
</frameset>
</html> |
|
Ich öffne nun eine weitere Seite, die bei mir den Namen rechts.html erhalten wird.
| code: |
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:
|
<html>
<head>
<style type="text/css">
body {
font-family: Verdana, Arial, Tahoma;
color: #000000;
font-size: 10px;
}
a:visited,
a:active,
a:link {
text-decoration: none;
color: #696969;
cursor: help;
}
a:hover {
text-decoration: none;
color: #999999;
cursor: help;
}
</style>
</head>
<body bgcolor="#ffffff" scroll="no">
<div align="center"><br><br><b>
Code by <a href="http://www.sleepless-roads.org" target="_blank">Sleepless Roads</a>!
</b></div>
</body>
</html> |
|
Nun müsst ihr noch eine neue Seite öffnen, ich nenne diese Seite links.html.
| code: |
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:
|
<html>
<head>
<style type="text/css">
body {
font-family: Verdana, Arial, Tahoma;
color: #000000;
font-size: 10px;
}
a:visited,
a:active,
a:link {
text-decoration: none;
color: #696969;
cursor: help;
}
a:hover {
text-decoration: none;
color: #999999;
cursor: help;
}
</style>
</style>
</head>
<body bgcolor="#ffffff" topmargin="15" marginheight="10" marginwidth="10">
<div align="center">
Muralinformationen
</div>
</body>
</html> |
|
Und die letzte Seite wird mural.html heißen. Fügt folgenden Code in die Seite ein. Ich habe euch erst einmal sechs Steps gemacht.
| code: |
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:
|
<html>
<head>
<style type="text/css">
body
{ scrollbar-face-color: #000000;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #000000;
}
.td1 {
padding-right: 1px;
padding.left: 1px;
padding-bottom: 1px;
padding-top: 1px;
font-family: Verdana, Arial, Tahoma;
font-size: 10px;
background-color: #ACACAC;
border-bottom: 1px;
}
.td2 {
padding-right: 1px;
padding.left: 1px;
padding-bottom: 1px;
padding-top: 1px;
font-family: Verdana, Arial, Tahoma;
font-size: 10px;
background-color: #CACACA;
border-bottom: 1px;
}
a:hover {
text-decoration: none;
color: #ebebeb;
cursor: help;
}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<table cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff" border="0">
<tr>
<td valign="center">
<table style="border-right: 0px; border-left: 0px; border-top: #000000 1px solid; border-bottom: #000000 1px solid" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="td1" width="450" height="15">
Stepinformationen</td>
<td class="td2" width="450" height="15">
Stepinformationen</td>
<td class="td1" width="450" height="15">
Stepinformationen</td>
<td class="td2" width="450" height="15">
Stepinformationen</td>
<td class="td1" width="450" height="15">
Stepinformationen</td>
<td class="td2" width="450" height="15">
Stepinformationen</td>
</tr>
<tr>
<td bgcolor="#BDBDBD">
<img src="space.gif" width="450" height="300"></td>
<td bgcolor="#D8D8D8">
<img src="space.gif" width="450" height="300"></td>
<td bgcolor="#BDBDBD">
<img src="space.gif" width="450" height="300"></td>
<td bgcolor="#D8D8D8">
<img src="space.gif" width="450" height="300"></td>
<td bgcolor="#BDBDBD">
<img src="space.gif" width="450" height="300"></td>
<td bgcolor="#D8D8D8">
<img src="space.gif" width="450" height="300"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html> |
|
__________________
Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von reikema: 31.07.2006 13:38.
|
|
31.07.2006 13:37 |
|
|
ponyfan06
© Tinagrafie.de
Dabei seit: 20.07.2006
Beiträge: 1.524
Herkunft: köln.
|
|
also wo muss ich denn die leere seite öffnen,auf meiner hp?
|
|
|
08.12.2006 18:38 |
|
|
One.of.my.lies
it's not over till you're underground
Dabei seit: 07.05.2008
Beiträge: 4.136
|
|
Hey,
is jetzt vllt ne blöde frage, aber was ist denn ein Mural?
Weil nachcoden bzw. ausprobieren würd ichs gerne mal 
|
|
|
21.05.2008 11:45 |
|
|
One.of.my.lies
it's not over till you're underground
Dabei seit: 07.05.2008
Beiträge: 4.136
|
|
Danke 
|
|
|
22.05.2008 10:35 |
|
|
|
|
|
|
Impressum
|
