amelyeket néha keresgélünk , egy kis segítség a honlapod készítéséhez.
A kódokat előzőleg kipróbáltam és működnek Firefox alatt,
de direkt nem tettem külön dobozba,
hogy az oldalon jól átláthatók legyenek a kódok mindenki számára. De itt ki is lehet mindjárt próbálni a kód próba dobozban.
Kód kipróbáló doboz kódja:
<script language="JavaScript"> function updatewin() { html.document.open("text/html"); html.document.write(document.lap.forras.value); html.document.close() } function ujablak() { html = window.open("","","resizable=1,scrollbars=1,screenX=50,screenY=50,menubar"); } function biztos() {return confirm("Biztos, hogy töröljem?")} function closeIt() { close(); } </script> <table border="0" background=""> <tbody> <tr> <td width="100%"> </td> </tr> </tbody> </table> <form name="lap" onreset="return biztos()"> <textarea rows="10" cols="40" name="forras"></textarea><br /> <input type="button" value="Megnézem" onclick="ujablak(),updatewin()" /> <input type="reset" value="Törlés" /> </form>
Így néz ki, itt is tudod a méretét változtatni.
Felugró szöveg
Ezt a kodot is csak másold ki és illeszd be oldaladra a forráskodhoz.
A szöveget átirhatod arra amire csak szeretnéd.
Tedd a lapod főoldalára -- nyitóoldalára és köszöntsd ezen keresztül kedves látogatóidat
Kód:
<script>
alert("Üdvözöllek kedves vendég! Vicus076 design oldalán jársz!")
</script>
Közlöny ablak
Nagyon hasznos kis közlöny ablak.
Bármit irhatsz bele értesitheted látogatoidat
az uj dolgokról.Képet is helyezhetsz el benne.
Nincs más dolgod csak a kódot kimásolni és
beilleszteni oldaladra a forráskódhoz.
Ha ez sikerült akkor tudsz irni bele
Ekkor ad köré egy körvonalat,
kétszer a közepébe kattintasz ,aztán irhatsz bele.
KÓD:
<div align="center"> <div id="scroll3" style="overflow: scroll; width: 270px; height: 150px;"> <p align="left"> <span style="font-size: 16px;"><span style="color: rgb(238, 130, 238);"><strong>Sziasztok.Ide irhatjátok a szöveget, és betehetitek a kép linkjét, amit meg szeretnétek jeleníteni a dobozban puszi Vicus*</strong></span></span></p> <p align="left"> </p> </div>
Sziasztok.Ide irhatjátok a szöveget, és betehetitek a kép linkjét, amit meg szeretnétek jeleníteni a dobozban puszi Vicus*
Tiltott Jobb Klikk.
Ha nem szeretnéd hogy oldaladról bármit is elvigyenek,
akkor illeszd be az oldalad első sorába ezt a kódot, s ha kell minden oldaladra.
<script language="JavaScript"> <!-- /* */ var message="Bocsika de ezt NE!" function click(e) { if (document.all) { if (event.button == 2) { alert(message); return false; } } if (document.layers) { if (e.which == 3) { alert(message); return false; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); } document.onmousedown=click; // --> </script>
Modul kód:
<p style="text-align: center;"><textarea onclick="this.select()" cols="25" rows="3" name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code" _cke_saved_name="code">IDE TESZED A KÓDOT VAGY AMIT MEG AKARSZ JELENÍTENI A MODULBAN!!!!!</textarea></p>
Üdvözlő script honlapodra,ami köszönti a látogatót <SCRIPT> var nev=prompt("Írd be a neved", "") document.write(<p align=center><font size=+2>Szia! +nev+ Üdvözöllek a honlapomon!</font></p>)</SCRIPT>
Kijelölő doboz ha ilyet szeretnél itt a kódja:
<form> <textarea name="yourForm1" _cke_saved_name="yourForm1" _cke_saved_name="yourForm1" _cke_saved_name="yourForm1" _cke_saved_name="yourForm1" rows=6 cols=60 wrap=virtual> Ide másold a html kódot. </textarea><BR> <input type=button value="Kijelöl" onClick="javascript:this.form.yourForm1.focus();this.form.yourForm1.select();"> </form>
A méreten tudsz változtatni 6cols=60wrap kisebbre vagy nagyobbra.
Ha mozgó képet szeretnél, akár szöveggel is... <marquee direction="left">Csak balra</marquee>
<marquee behavior=alternate>Szöveg a két keret között mozog.</marquee>
Futó szöveg:
<MARQUEE style="BORDER-RIGHT: red 2px solid; BORDER-TOP: red 2px solid; BORDER-LEFT: red 2px solid; BORDER-BOTTOM: red 2px solid">szöveged</MARQUEE> Betűméret kódja: <font size=ide egy számot 1-7-ig>szöveg</font>
Két egyszerű HTML kóddal megcsinálhatod,
hogy a szövegedből kiemelj egy-egy szót, mondatot, vagy épp lesüllyeszteni akarod. Szóval ha felemelni akarod, használd ezt a kódot: <SUP>FELEMELT SZÖVEG</SUP> És a lesüllyesztett szöveghez: <SUB>LESÜLLYESZTETT SZÖVEG</SUB>
Slide show kód.
A pirossal jelölt részbe képek linkjeit teheted és sorba futnak a képek.
A sárga résznél is tudod változtatni a méretet.Most nálam height=100 és width=300 ra van állitva.
A rózsaszinnel jelölt részbe szöveget írhatsz és a betű színe érdekesen változik.
<b> <font size="5">
<script>
// ********** MAKE YOUR CHANGES HERE
var text="ide amit akarsz" // YOUR TEXT var speed=80 // SPEED OF FADE
// ********** LEAVE THE NEXT BIT ALONE!
if (document.all||document.getElementById){ document.write(<span id="highlight"> + text + </span>) var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight } else document.write(text) var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0") var r=1 var g=1 var b=1 var seq=1 function changetext(){ rainbow="#"+hex[r]+hex[g]+hex[b] storetext.style.color=rainbow } function change(){ if (seq==6){ b-- if (b==0) seq=1 } if (seq==5){ r++ if (r==12) seq=6 } if (seq==4){ g-- if (g==0) seq=5 } if (seq==3){ b++ if (b==12) seq=4 } if (seq==2){ r-- if (r==0) seq=3 } if (seq==1){ g++ if (g==12) seq=2 } changetext() } function starteffect(){ if (document.all||document.getElementById) flash=setInterval("change()",speed) } starteffect() </script> </font></b
Banner készítéshez:elkészíted a képedet amit szeretnél, feltöltöd tárhelyedre és a kép url címét beilleszted a kijelölt helyre a kódban,ahol pirossal jelöltem. Ha elkészültél vele próbáld ki.A banner méretét is írd át itt 468x60-as van a kódban,akkorára amekkorát készítesz,bízom benne,hogy jó lesz a kód,én is ezt használom.
Kód:
<a href="oldalad url címe" target="_blank"><img src="ide a kép url címét ird" border="0" width="468" height="60" alt="ide oldalad nevét illetve,hogy miről szól, de nem kötelező semmit" /></a>
ha lehet össze vissza mindenféle nagyságot ne csinálj,
egy bannercsere oldal akkor mutat ha egyformák benne a bannerek. Bannerszabvány amit általában kérnek a linkcsere oldalakon a TOPokban 468*60-as,mini 88*31-es a vékonyabb ettől 88*15-ös.
LÁTOGATÓ SZÁMLÁLÓ :
Oldaladba beillesztve a következő kódot, kiírathatod, mennyi az annyi, azaz mennyi egyedi felhasználó látogatta meg az oldalad, indulása óta összesen.
A kódrészlet, amit az oldaladba kell fűznöd (egy sorba, sortörés nélkül)
Pici egérkővető arany hullócsillagok. A kód: <script type="text/javascript"> // <![CDATA[ var colour="#f4dd98"; var sparkles=50; /**************************** * * * (c) * * * * * ****************************/ var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script>
Hóesés efekt
A kezdőlapod legelső kódjának illeszd be, és máris havazik:)
<script type="text/javascript">
/****************************************** * Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html) * Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code * Last updated Nov 9th, 05 by DD. This notice must stay intact for use ******************************************/
//Configure below to change URL path to the snow image var snowsrc="http://diszitok.lapunk.hu/tarhely/diszitok/kepek/snow6.gif" // Configure below to change number of snow to render var no = 15; // Configure whether snow should disappear after x seconds (0=never): var hidesnowtime = 0; // Configure how much snow should drop down before fading ("windowheight" or "pageheight") var snowdistance = "pageheight";