[HTML] Mural coden | Gegen Bilderklau

reikema

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>