Przegladarka
Kolor napisu mozna dowolnie zmienic.
<SCRIPT language=JavaScript type=text/javascript> <!-- document.write("<font face='arial' color='#0000FF'> Używasz przeglądarki: " + navigator.appName + " " + navigator.appVersion + "</font>"); //--> </SCRIPT>
Offline
Plywajacy formularz e-meil
Formularz e-mail do powiadamiania znajomego o stronie, który pływa sobie wraz z przesuwaniem strony. Całkiem ciekawy skrypt java choć może trochę natarczywy. W każdym razie znajdzie zastosowanie. Zmieniając niektóre parametry w kodzie dostosujesz wygląd do własnych potrzeb.
<!-- Begin FloatMail Code //--> <script> /* Floating Mail-This-Link Script C.2004 by CodeLifter.com */ // Insert the entire script just before the </body> tag. // Set the following two position parameters // Negative numbers are relative to right (hX) or bottom (vY) // Positive numbers are relative to left (hX) or (vY) top // Experiment with values to get positioning exact, and allow // for the dimensions of the image & form in the positioning var hX = 340; var vY = -140; </script> <!-- Edit the HTML between the div tags to suit your design //--> <div id="FloatMail" style="position: absolute; background-color: #000000; background-image:url('float_dots.gif'); width: 180px; border-width: 2; border-style:outset; border-color:#0000FF; padding:5px"> <center> <form name="eMailer"> <font size="2" face="Verdana,Arial" color="#ff0056"> <br> Wpisz adres e-mail:</font> <br> <input type="text" name="address" size="20" style="background-color:#000000; color:#05fa9e; border-color:#ff0000; border-width:1; border-style:dashed; margin-top:7px;"><br> <input type="button" value="Wyslij adres URL" onClick="mailThisUrl();" style="color:#ff0057; font-family:Arial; font-size:10pt; background-color:#000000; border-width:1; border-style:solid; border-color:#242424; margin-top:7px;"> </form> </center> </div> <!-- End of editable HTML //--> <script> /* Floating Mail-This-Link Script C.2004 by CodeLifter.com */ /* Caution! Do not allow linebreaks other than where shown */ var good;function checkEmailAddress(field){ var goodEmail=field.value.match(/\b(^(\S+@).+((\.com)|(\.net)|(\.edu)|(\.mil)|(\.gov)|(\.org)|(\..{2,2}))$)\b/gi); if (goodEmail){good = true}else{alert('Please enter a valid e-mail address.'); field.focus();field.select();good=false;}} u=window.location;m="I thought this might interest you..."; function mailThisUrl(){good=false; checkEmailAddress(document.eMailer.address); if (good){window.location="mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u;}} var nn=(navigator.appName.indexOf("Netscape")!=-1); var dD=document,dH=dD.html,dB=dD.body,px=dD.layers?'':'px'; function floatMail(iX,iY,id){ var L=dD.getElementById?dD.getElementById(id):dD.all?dD.all[id]:dD.layers[id]; this[id+'O']=L;if(dD.layers)L.style=L;L.nX=L.iX=iX;L.nY=L.iY=iY; L.P=function(x,y){this.style.left=x+px;this.style.top=y+px;};L.Fm=function(){var pX, pY; pX=(this.iX >=0)?0:nn?innerWidth:nn&&dH.clientWidth?dH.clientWidth:dB.clientWidth; pY=nn?pageYOffset:nn&&dH.scrollTop?dH.scrollTop:dB.scrollTop; if(this.iY<0)pY+=nn?innerHeight:nn&&dH.clientHeight?dH.clientHeight:dB.clientHeight; this.nX+=.1*(pX+this.iX-this.nX);this.nY+=.1*(pY+this.iY-this.nY);this.P(this.nX,this.nY); setTimeout(this.id+'O.Fm()',33);}; return L;} floatMail(hX,vY,'FloatMail').Fm(); </script> <!-- End FloatMail Code //-->
Offline
Spojler
<div style="margin:20px; margin-top:5px"><div class="quotetitle"><input class="button2 btnlite" type="button" value="Pokaż" style="text-align:center;width:100px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Ukryj'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Pokaż'; }" /></div><div class="quotecontent"><div style="display: none; width: 600px; overflow: auto;">Tu wpisz tekst</div></div></div>
Offline
Przegladanie innej strony malym okienku
<object data="link do strony" type="text/html" width="szerokość w px" height="wysokość w px"> Jeśli twoja przeglądarka nie akceptuje polecenia Object, kliknij <a href="link do strony">tu</a> </object>
Offline
Przesuwanie strony
Javascript pozwala przesuwać stronę myszką po prostu naciskając gdziekolwiek i przesuwając myszkę.
<script type="text/javascript"> <!-- Begin /* This script and many more are available free online at The JavaScript Source!! http://javascript.internet.com Created by: Abraham Joffe :: http://www.abrahamjoffe.com.au/ */ document.onmousedown = function(){ var e=arguments[0]||event; var x=document.body.scrollLeft+e.clientX; var y=document.body.scrollTop+e.clientY; document.onmousemove=function(){ scrollTo(x-e.clientX, y-e.clientY); return false; } document.onmouseup=function(){ document.onmousemove=null; } return false; } // End --> </script> <!-- STEP TWO: Insert the style element into your BODY tag --> <BODY style="cursor: move">
Offline
Button
<form> <p align="left"><font face="Verdana" size="1"> <input type="button" value="tekst" ///bogdan1959/// ///http://webmastering.tnb.pl/news.php/// onclick="window.location = "view-source:" + window.location.href"> </font></p> </form>
Offline
Newsbox z tekstem
<P> <TABLE style="WIDTH: 120px; HEIGHT: 200px" borderColor=black height=200 width=120 align=center bgColor=#ffa500 border=2> <TBODY> <TR> <TD bgColor=black> <P align=center><FONT face=Verdana color=white size=2><STRONG>http://webmastering.tnb.pl/news.php</STRONG></FONT></P></TD></TR> <TR> <TD bgColor=black> <P> <MARQUEE scrollAmount=1 scrollDelay=10 direction=up width=120 height=140><FONT size=1><FONT color=black size=2><FONT size=2><FONT face=Verdana color=white size=1> <P align=center>witam i pisz co chcesz dużo tekstu bogdan1959!</P></FONT></FONT></FONT></FONT></MARQUEE></P><FONT color=white></FONT></FONT></TD></TR></TBODY></TABLE></P> <center> <small></small><del></del> </center> </body> </html>
Offline
Link jest grubszy w kontakcie z kursorem myszy
<P align=left><A onmouseover=;"this.style.fontWeight='bold';" style="FONT-WEIGHT: normal; COLOR: navy; FACE: Metro" onmouseout="this.style.fontWeight='normal';" target=blank href="http://webmastering.tnb.pl/news.php" FONT-WEIGHT: normal?><FONT face="Verdana" size=8>webmastering</FONT></A></P>
Offline
Link do zmiany wskaźnika myszy w kontakcie z kolorem
Można modyfikować kod
<STYLE fprolloverstyle>A:hover { FONT-WEIGHT: bold; COLOR: #ff0000 } </STYLE> </HEAD> <BODY vLink=#666699 aLink=#000000 link=#ca7900 bgColor=#ffffff> </BODY><FONT face="Verdana" size=2><B><A style="TEXT-DECORATION: none" href="http://webmastering.tnb.pl/news.php">webmastering </A> </B></FONT> <BODY vLink=#666699 aLink=#000000 link=#ca7900 bgColor=#ffffff> <p> </p> </BODY></HTML></p> <p> </body> </html>
Offline
Rozwijana lista z linkami:
<script language="JavaScript"> <!-- document.write('<form name="selecter"><select name="select1" size=1>'); document.write('<option value=none>Wybierz Strone'); document.write('<option value=none>----------'); document.write('<option value="LINK">OPIS'); document.write('<option value="LINK">OPIS'); document.write('<option value="LINK">OPIS'); document.write('<option value="LINK">OPIS'); document.write('<option value="LINK">OPIS'); document.write('</select>'); document.write('<INPUT TYPE="button" VALUE="Hop !" onclick="go()">'); document.write('</form>'); //--> </script>
Offline
Okienko przypominające o zalogowaniu oraz rejestracji:
begin_logged_out <style type="text/css"> #oknologowania { margin: auto; z-index: 999; position: fixed; left: 30%; } * html #oknologowania { position: absolute; top: expression(parseInt(this.offsetHeight) + ((document.body.scrollTop||documentElement.scrollTop))+'px') } </style> <![endif]> <script language="Javascript" type="text/javascript"> if (1 == 1) { function hide(){ document.getElementById("oknologowania").style.visibility= "hidden"; } if(window.navigator.appName=="Microsoft Internet Explorer"){ document.write('<div id="oknologowania"><table style="opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter:alpha(opacity=80);" width="500" class="forumline" cellspacing="1" cellpadding="3" border="0"><tr><th class="thCornerL" width="100%" height="25" nowrap="nowrap">Uwaga!</th><div id="zamykanie"></div></tr><tr><td height="40" class="row1" align="center"><br />Aby w pełni korzystać z forum musisz być zalogowany!<br /><br /><form method="post" action="/login.php"> Login: <input class="post" type="text" name="username" size="15" value=""/> Hasło: <input class="post" type="password" name="password" value="" size="15" /><br /> Zaloguj mnie za każdym razem <input class="text" type="checkbox" name="autologin" /><br /><input type="submit" class="liteoption" name="login" value="Zaloguj" /></form><br />Nie masz jeszcze konta? <a href="profile.htm?mode=register&sid=05a1235ab5f202920c7864c880f0b31b">Zarejestruj się!</a><br /><br /><span class="gensmall">Okno zostanie zamknięte za: <span id="czas"></span></td></tr></table><br /></div>'); } else { document.write('<div id="oknologowania" style="position: fixed; left: 30%; top: 40%; z-index: 999; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter:alpha(opacity=80);"><table width="500" class="forumline" cellspacing="1" cellpadding="3" border="0"><tr><th class="thCornerL" width="100%" height="25" nowrap="nowrap">Informacja</th><th align="right" class="thCornerL" width="100%" height="25"><div id="zamykanie"></div></th></tr><tr><td height="40" class="row1" colspan="2" align="center"><br />Aby w pełni korzystać z forum musisz być zalogowany!<br /><br /><form method="post" action="/login.php"> Login: <input class="post" type="text" name="username" size="15" value=""/> Hasło: <input class="post" type="password" name="password" value="" size="15" /><br /> Zaloguj mnie za każdym razem <input class="text" type="checkbox" name="autologin" /><br /><input type="submit" class="liteoption" name="login" value="Zaloguj" /></form><br />Nie masz jeszcze konta? <a href="/profile.php?mode=register&sid=0b605ea3acaef9cd14e64e4e4afbcdce">Zarejestruj się!</a><br /><br /><span class="gensmall">Okno zostanie zamknięte za: <span id="czas"></span></td></tr></table><br /></div>'); } } cz = document.getElementById('czas') function timer(cz,sk) { cz.innerHTML=sk if(sk > 0) { set = setTimeout(function(){timer(cz,--sk)},1000) } if(1 == 1) { if ((60 - sk) >= 5) { document.getElementById("zamykanie").innerHTML = '<a href="#" onclick="hide()"><img src="templates/subSilver/images/icon_delete.gif"border="0"></a>'; } } if (sk == 0) { hide() } } timer(document.getElementById('czas'), 60); </script> end_logged_out
Offline
Ramka z przewijanym tekstem:
<script language="JavaScript"> var author="javaskrypt"; var DS_ScrollText="TEKST"; var DS_Speed=(5-(2))*25; var DS_Size=20; document.write("<form name=\"ds_form\"><input type=\"text\" name=\"ds_scrolltb\" value=\"\" size=\"20\" style=\"background-color:#ffd700; font-size:12;color:#000000;font-family:verdana\">"); var DS_ScrollCounter=0; var DS_I=0; while(DS_I++<DS_Size*2) DS_ScrollText=" "+DS_ScrollText; function DS_TextBoxScroll(){ document.ds_form.ds_scrolltb.value=DS_ScrollText.substring (DS_ScrollCounter++,DS_ScrollText.length); DS_ScrollCounter%=(DS_ScrollText.length); setTimeout("DS_TextBoxScroll()",DS_Speed); } DS_TextBoxScroll(); </script>
Offline
Tekst zmieniający kolory po najechaniu myszką:
<!--Original script by SPD. Visit us for more scripts like this one at www.superprodesign.com Forbidden by copyright law to remove this comments under any situation. Enjoy!--> <script> <!--Write the message below between the "" like in the example below--> mess4591598="W tym miejscu wpisz własny tekst" <!--Write the font color here between the "" like in the example below--> fnt4591598="black" <!--Write the font size between the "" like in the example below--> fnts4591598="23px" <!--Don't edit from here on--> rai4591598=new Array() rai4591598[0]="red" rai4591598[1]="orange" rai4591598[2]="yellow" rai4591598[3]="chartreuse" rai4591598[4]="blue" rai4591598[5]="indigo" rai4591598[6]="violet" l4591598=0 function emp4591598(){ if (l4591598<rai4591598.length-1){ l4591598++ } else{ l4591598=0 } eso4591598.style.color=eval("rai4591598["+l4591598+"]") j4591598=setTimeout("emp4591598()",500) } function aca4591598(){ clearTimeout(j4591598) eso4591598.style.color=fnt4591598 } document.write("<span style='font-size:"+fnts4591598+";color:"+fnt4591598+"' onmouseover=emp4591598() onmouseout=aca4591598() id='eso4591598'>"+mess4591598+"</span>")</script><!-- End of script -->
Offline