So bekommt ihr einen Fade-Effekt hin:
Loggt euch in eure Page ein und fügt ganz einfach diesen Code dort ein, wo ihr euer Fade-Effekt Bild haben wollt.
<script type='text/javascript'>
<!--
faderbild = 'URL DES BILDES';
IE = document.all &&!window.opera;
GK = window.sidebar;
AOB = [];
x = 0;
function Fader()
{
this.timeOut=false;
this.fade=function(y)
{
clearTimeout(this.timeOut);
this.value=Number(eval('this.object.'+this.attr))+(this.delta*this.evt[y]);
if(this.value>=this.min && this.value<=this.max)
{
eval('this.object.'+this.attr+'='+this.value)
this.timeOut=setTimeout('AOB['+this.index+'].fade('+y+')',this.rate);
}
}
}
function init_fader(obj,delta,rate,min,max,dir)
{
if(IE || GK)
{
AOB.push(new Fader(x));
OB = AOB[x];
OB.index = x;
OB.object = obj;
if(IE)
{
OB.attr = 'filters.alpha.opacity';
OB.faktor = 1;
}
else
{
OB.attr = 'style.MozOpacity';
OB.faktor = 100;
}
OB.delta = delta/OB.faktor;
OB.rate = rate;
OB.min = min/OB.faktor;
OB.max = max/OB.faktor;
OB.evt=[-1,1];if(dir)OB.evt.reverse();
OB.object.onmouseover = new Function('f1','AOB['+x+'].fade(0)');
OB.object.onmouseout = new Function('f2','AOB['+x+'].fade(1)');
OB.fade(0);x++;
}
}
document.write('<div align="center"><img src="'+faderbild+'" border="0" style="filter:alpha(opacity=50);-moz-opacity:0.5" onmouseover="init_fader(this,5,20,20,99,1)"></div>');
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/internet/anbieter/alice-dsl.html"
<br />
Bei URL DES BILDES, gebt ihr noch den Link eures Bildes ein und schon seid ihr fertig.
----------------------------------------------------------------------------------------------------------------------------
Scrolleiste runter (Ideal für Verlinkungen):
Wenn ihr eine Scrollbar haben wollt, die sich nach unten bewegt, dann fügt diesen Code dort ein, wo ihr den Scrolleffekt haben wollt.
Am besten über: Design einstellen >> Erweiterte Einstellungen und fügt den Code in eine freie Box ein:
<table style="width:100px;border:0px solid;text-align:center">
<tr><td>
<marquee height="100" direction="up" scrollAmount="2" onmouseover="javascript:this.scrollAmount=0"
onmouseout="javascript:this.scrollAmount=2">
<a href="URL DER PAGE" target="_blank"><img src="URL DES BILDES" border="0"></a>
<hr>
<a href="URL DER PAGE" target="_blank"><img src="URL DES BILDES" border="0"></a>
<hr>
<a href="URL DER PAGE" target="_blank"><img src="URL DES BILDES" border="0"></a>
<hr>
</marquee>
</td></tr></table>
Bei URL DER PAGE fügt ihr den Link der Page ein, die ihr verlinken wollt, und bei URL DES BILDES fügt ihr den Link des Bildes ein.
------------------------------------------------------------------------------------------------------------------------------
Scrolleiste nach links (Ideal für Verlinkbuttons):
Ihr wollt eine Scrollleiste, die sich von rechts nach links bewegt? Dann fügt diesen Code dort ein, wo ihr euren Bild-Lauf-Effekt hinhaben wollt.
Fügt ihn am besten hier ein: Design einstellen >> Erweiterte Einstellungen und fügt den Code in eine freie Box ein:
<center> <marquee scrollamount="4" direction="left" style="background-color: transparent; width: 200px; height: 30px;"> <img src="URL DES BILDES" alt="" /> <img src="URL DES BILDES" alt="" /> <img src="URL DES BILDES" alt="" /> <img src="URL DES BILDES"
alt="" /> </marquee> </center>
Nun müsst ihr bei URL DES BILDES nur noch den Link des Bildes eingeben und fertig seid ihr.
----------------------------------------------------------------------------------------------------------------------------
Großes aufklappbares Menü:
Wollt ihr ein aufklappbares Menü? Dann fügt diesen Code dort ein, wo ihr eier aufklappbares Menü hinhaben wollt.
<script language="JavaScript">
<!--
function changeto(pfad){ziel=pfad.options[pfad.selectedIndex].value;self.location=ziel;}
//-->
</script>
<form action="" name="DROPMENU">
<select onchange="changeto(this);" size="1" name="dropdown">
<option value="" selected="selected">TEXT</option>
<option value="SITE URL">LINKNAME</option>
<option value="SITE URL">LINKNAME</option>
<option value="SITE URL">LINKNAME</option>
<option value="SITE URL">LINKNAME</option>
<option value="SITE URL">LINKNAME</option>
</select>
</form>
Bei SITE URL gebt ihr den Link der Page ein und bei LINKNAME gebt ihr einen Namen ein, wie es heißen soll (zb: sweety-arts)
--------------------------------------------------------------------------------------------------------------------
Kleines aufklappbares Menü:
Hier haben wir ein etwas kleineres ausflappbares Menü für euch aufgestellt. Füg diesen Code dort ein, wo ihr es hinhaben wollt:
<script language="JavaScript">
<!--
function changeto(pfad){ziel=pfad.options[pfad.selectedIndex].value;self.location=ziel;}
//-->
</script>
<center><select style="font-size: 8px; width: 133px; color: #184e9b; font-family: small fonts; height: 13px; border: #de0511 1px solid; background-color: #ffffff" onchange="if(this.options[this.selectedIndex].value != 0){window.open(this.options[this.selectedIndex].value,'_blank')}" name="links">
<option style="" selected="selected"><center>VIEW </center></option>
<option value="URL DES BILDES">LINKNAME</option>
<option value="URL DES BILDES">LINKNAME</option>
<option value="URL DES BILDES">LINKNAME</option>
<option value="URL DES BILDES">LINKNAME</option>
</form> </div><br> <br> <br>
Bei URL DES BILDES gebt ihr den Link des Bildes ein und bei LINKNAME gebt ihr einen Namen ein (zb. sweety-arts)
----------------------------------------------------------------------------------------------------------------------------
WENN EUCH DIE TUTORIALS GEHOLFEN HABEN, DANN VERLINKT UNS BITTE.