Hallo an alle!
So in Sachen html und Scripte bin ich noch ein ziemlicher Anfänger, deshalb hab ich dieses Froum hier aufgesucht um meine Fragen hoffentlich beantworten lasse zu können.
Ich habe lange Zeit nach einem Preloader für meine Seite gesucht, auch einen gefunden:
http://www.premadetemplates.com/
Genau so einen wie da auf der Seite so einen Preloader brauch ich!
hab mir den Quelltext mal angeschaut, boahhh und da kam ich net mehr weiter:
Was muss ich weg machen damit ich meine eigenen Bilder Preloaden kann?
Ich würd mich sehr freuen wenn mir einer helfen kann, danke schon mal im voraus!
Code
<HTML>
<HEAD>
<TITLE>26</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script type="text/javascript" src="/loader.js"></script>
<style type="text/css">
body {
background-color:#FFFFFF;
margin:0px;
}
TD {color:#000000; font-family:Tahoma,Verdana,sans-serif; font-size:11px}
.link {color:#000000;}
.current {color:#818181;font-weight:bold}
a.price, a.details{
cursor: hand;
font-weight:bold;
color: White;
}
a.price {float:left}
a.details{float:right}
</style>
<link rel="stylesheet" type="text/css" href="/css/loader.css">
</head>
<body onload="remove_loading();" >
<div id="loader_container">
<div id="loader">
<div align="center">Templates Loading ...</div>
<div id="loader_bg"><div id="progress"> </div></div>
</div>
</div>
<div id='interface1' style="display:inline; visibility:visible;">
<div style="position: absolute; top: 1px; left: 1px; visibility: hidden;">
[img]http://www.templatehelp.com/counter.php?aff_id=templatized[/img]
</div>
<table cellpadding="0" cellspacing="2" border="0">
<tr>
<td colspan="6">
<div align="right" >
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="middle" style="padding-left:5px">
<span class="current">1</span>
[url='/interface.php?aff=templatized&cols=3&rows=4&skin=26&pr=yes&type=lt&category=0&price1=0&price2=0&sp=0&adult=&sadult=&keyword=&locale=en&src=yes&nt=yes&ref=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&bgcolor=%23FFFFFF&page=1']2[/url]
[url='/interface.php?aff=templatized&cols=3&rows=4&skin=26&pr=yes&type=lt&category=0&price1=0&price2=0&sp=0&adult=&sadult=&keyword=&locale=en&src=yes&nt=yes&ref=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&bgcolor=%23FFFFFF&page=2']3[/url]
[url='/interface.php?aff=templatized&cols=3&rows=4&skin=26&pr=yes&type=lt&category=0&price1=0&price2=0&sp=0&adult=&sadult=&keyword=&locale=en&src=yes&nt=yes&ref=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&bgcolor=%23FFFFFF&page=3']4[/url]
[url='/interface.php?aff=templatized&cols=3&rows=4&skin=26&pr=yes&type=lt&category=0&price1=0&price2=0&sp=0&adult=&sadult=&keyword=&locale=en&src=yes&nt=yes&ref=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&bgcolor=%23FFFFFF&page=4']5[/url]
[url='/interface.php?aff=templatized&cols=3&rows=4&skin=26&pr=yes&type=lt&category=0&price1=0&price2=0&sp=0&adult=&sadult=&keyword=&locale=en&src=yes&nt=yes&ref=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&bgcolor=%23FFFFFF&page=5']6[/url]
[url='/interface.php?aff=templatized&cols=3&rows=4&skin=26&pr=yes&type=lt&category=0&price1=0&price2=0&sp=0&adult=&sadult=&keyword=&locale=en&src=yes&nt=yes&ref=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&bgcolor=%23FFFFFF&page=6']7[/url]
[url='/interface.php?aff=templatized&cols=3&rows=4&skin=26&pr=yes&type=lt&category=0&price1=0&price2=0&sp=0&adult=&sadult=&keyword=&locale=en&src=yes&nt=yes&ref=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&bgcolor=%23FFFFFF&page=7']8[/url]
[url='/interface.php?aff=templatized&cols=3&rows=4&skin=26&pr=yes&type=lt&category=0&price1=0&price2=0&sp=0&adult=&sadult=&keyword=&locale=en&src=yes&nt=yes&ref=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&bgcolor=%23FFFFFF&page=8']9[/url]
[url='/interface.php?aff=templatized&cols=3&rows=4&skin=26&pr=yes&type=lt&category=0&price1=0&price2=0&sp=0&adult=&sadult=&keyword=&locale=en&src=yes&nt=yes&ref=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&bgcolor=%23FFFFFF&page=9']10[/url]
[url='/interface.php?aff=templatized&cols=3&rows=4&skin=26&pr=yes&type=lt&category=0&price1=0&price2=0&sp=0&adult=&sadult=&keyword=&locale=en&src=yes&nt=yes&ref=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&bgcolor=%23FFFFFF&page=10']>[/url]
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height:100%">
<tr><td height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
<tr>
<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom:4px">[img]http://www.template-help.com/screenshots/8100/8138-m.jpg[/img]</td>
</tr>
<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
<tr>
<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding:0 10px" align="center">
<a class="price" onclick="window.open('https://secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=8138','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes')">
Price $ 12</a>
<a class="details" onclick="window.open('http://www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=8138','preview8138','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550')">Details</td>
</tr>
<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
</table></td>
<TD style="width:0px"></TD>
<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height:100%">
<tr><td height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
<tr>
<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom:4px">[img]http://www.template-help.com/screenshots/7800/7836-m.jpg[/img]</td>
</tr>
<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
<tr>
<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding:0 10px" align="center">
<a class="price" onclick="window.open('https://secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=7836','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes')">
Price $ 14</a>
<a class="details" onclick="window.open('http://www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=7836','preview7836','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550')">Details</td>
</tr>
<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
</table></td>
<TD style="width:0px"></TD>
<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height:100%">
<tr><td height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
<tr>
<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom:4px">[img]http://www.template-help.com/screenshots/7800/7835-m.jpg[/img]</td>
</tr>
<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
<tr>
<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding:0 10px" align="center">
<a class="price" onclick="window.open('https://secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=7835','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes')">
Price $ 12</a>
<a class="details" onclick="window.open('http://www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=7835','preview7835','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550')">Details</td>
</tr>
<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
</table></td>
<TD style="width:0px"></TD>
</tr>
<tr>
<TD style="height:0px"></TD>
</tr>
<tr>
<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height:100%">
<tr><td height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
<tr>
<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom:4px">[img]http://www.template-help.com/screenshots/5800/5833-m.jpg[/img]</td>
</tr>
<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
<tr>
<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding:0 10px" align="center">
<a class="price" onclick="window.open('https://secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=5833','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes')">
Price $ 12</a>
<a class="details" onclick="window.open('http://www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=5833','preview5833','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550')">Details</td>
</tr>
<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
</table></td>
<TD style="width:0px"></TD>
<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height:100%">
<tr><td height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
<tr>
<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom:4px">[img]http://www.template-help.com/screenshots/5800/5823-m.jpg[/img]</td>
</tr>
<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
<tr>
<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding:0 10px" align="center">
<a class="price" onclick="window.open('https://secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=5823','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes')">
Price $ 11</a>
<a class="details" onclick="window.open('http://www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=5823','preview5823','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550')">Details</td>
</tr>
<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
</table></td>
<TD style="width:0px"></TD>
<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height:100%">
<tr><td height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
<tr>
<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom:4px">[img]http://www.template-help.com/screenshots/8100/8140-m.jpg[/img]</td>
</tr>
<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
<tr>
<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding:0 10px" align="center">
<a class="price" onclick="window.open('https://secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=8140','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes')">
Price $ 12</a>
<a class="details" onclick="window.open('http://www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=8140','preview8140','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550')">Details</td>
</tr>
<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
</table></td>
<TD style="width:0px"></TD>
</tr>
<tr>
<TD style="height:0px"></TD>
</tr>
<tr>
<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height:100%">
<tr><td height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
<tr>
<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom:4px">[img]http://www.template-help.com/screenshots/7600/7699-m.jpg[/img]</td>
</tr>
<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
<tr>
<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding:0 10px" align="center">
<a class="price" onclick="window.open('https://secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=7699','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes')">
Price $ 11</a>
<a class="details" onclick="window.open('http://www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=7699','preview7699','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550')">Details</td>
</tr>
<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
</table></td>
<TD style="width:0px"></TD>
<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height:100%">
<tr><td height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
<tr>
<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom:4px">[img]http://www.template-help.com/screenshots/5800/5824-m.jpg[/img]</td>
</tr>
<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
<tr>
<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding:0 10px" align="center">
<a class="price" onclick="window.open('https://secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=5824','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes')">
Price $ 13</a>
<a class="details" onclick="window.open('http://www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=5824','preview5824','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550')">Details</td>
</tr>
<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
</table></td>
<TD style="width:0px"></TD>
<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height:100%">
<tr><td height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
<tr>
<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom:4px">[img]http://www.template-help.com/screenshots/8300/8335-m.jpg[/img]</td>
</tr>
<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
<tr>
<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding:0 10px" align="center">
<a class="price" onclick="window.open('https://secure.template-help.com/aff/email.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&templ=8335','tmbuy','resizable=yes, location=no, menubar=no, status=yes,scrollbars=yes,width=790,height=550,scrollbars=yes')">
Price $ 12</a>
<a class="details" onclick="window.open('http://www.templatehelp.com/aff/preview.php?aff=templatized&skin=26&locale=en¤cy=0&pr=yes&src=yes&nt=yes&help=yes&sample=yes&faq=yes&nmg=yes&auth=yes&down=yes&chm=&hide_flash=0&search=&PHPSESSID=f7b048d40d50b6fe173ea0a9d6803552&referer=http%3A%2F%2Fwww.premadetemplates.com%2Flogos.html&i=8335','preview8335','resizable=yes, location=no, menubar=no, status=no,scrollbars=yes,width=790,height=550')">Details</td>
</tr>
<tr><td height="8">[img]/images/skins/26/images/bottom.gif[/img]</td></tr>
</table></td>
<TD style="width:0px"></TD>
</tr>
<tr>
<TD style="height:0px"></TD>
</tr>
<tr>
<td valign="bottom"><table width="161" cellpadding="0" cellspacing="0" height="100%" style="height:100%">
<tr><td height="5">[img]/images/skins/26/images/top.gif[/img]</td></tr>
<tr>
<td height="160" background="/images/skins/26/images/tile.gif" align="center" valign="middle" style="padding-bottom:4px">[img]http://www.template-help.com/screenshots/5800/5815-m.jpg[/img]</td>
</tr>
<tr><td height="5">[img]/images/skins/26/images/middle.gif[/img]</td></tr>
<tr>
<td height="12" background="/images/skins/26/images/details-tile.gif" style="padding:0 10px" align="center">
<a class="price" onclick="window.open('https://secure.template-
Alles anzeigen