Szöveges mező

Ide szövegelj...

Linkajánló
Naptár
Diavetítő
Menüdoboz

Photobucket

Kódok

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">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 direction="right">Csak jobbra</marquee>

Fölfele futó szöveg:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" direction="up" scrolldelay="100" align="center" style="text-align: center; color: rgb(255, 255, 204);" height="165" width="335"><center>~Légy üdvözölve a honlapomon~</center><br><center>~Egy nyugodt harmónikus világban~</center><br><center>~Ahol kedvedre válogathatsz~</center><br><center>~És elviheted ami tetszik~</center></marquee

~Légy üdvözölve a honlapomon~

~Egy nyugodt harmónikus világban~

~Ahol kedvHedre vHlogathatsz puszi Vicus*

A rózsaszín rész helyébe írd be amit akarsz,

és képet is tehetsz oda.

 

Villogó szöveg kódja
 
<blink>szöveged</blink>
üdvözöllek
 
 
Ha a szöveg két keret között  mozog.A kódja:
<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>
ÜDVÖZÖLLEK PÉLDÁUL
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.

 



Kódja:
<div align=center>
<table height=
270 width=400 border=0 align=center>
<tr>
<td>
<marquee width=400>

<img src=KÉPDIREKTLINKJE />
<img src=
KÉPDIREKTLINKJE />
</marquee>
</td>
</tr>
</table>
</div>



Színváltó betűk.

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>


 Próbának egy másik oldalam bannerét teszem be,

hogy lássad miről van szó.


<a href="http://www.vicus076design.weboldala.net/" target="_blank"><img src="http://i517.photobucket.com/albums/u337/vicus76/Csetes%20Hatterek/vicusdesignbanner.jpg" border="0" width="468" height="60" alt="Fantasy képek birodalma" /></a>

Fantasy képek birodalma



 Vannak különböző méretű bannerek,

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)

Photobucket

<img src="http://freeweb.hu/counter?username=felhasználó&type=fajta">

Az "felhasználó" legyen a felhasználóneved,

a "fajta"-t pedig helyettesítsd be a neked tetsző képhez tartozó számmal:

(0) Photobucket

(1) Photobucket

(2) Photobucket

(3) Photobucket

(4) Photobucket

(5) Photobucket

(6) Photobucket

 

 

 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";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600;
 
  if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();

 


 

 Flash pillangók

 

KÓD:

<embed allowScriptAccess="never" allowNetworking="internal" enableJavaScript="false" src="http://www.crazyprofile.com/butterfly/Butterfly.swf?nr=6&type1=0&type2=3&type3=1&type4=4&type5=5&type6=2" width=350 height=300 wmode="transparent">

 

Akvárium oldaladra

 

Kód:

<embed allowScriptAccess="never" src="http://widgia.com/widgets/fishtank/fishtank.swf" quality="high" width="300" height="225"></embed><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/CIMP/bT*xJmx*PTEyMTU*NDE1NjA1MjMmcHQ9MTIxNTQ*MTU3MzgyMiZwPTIyMzA1MiZkPSZuPSZnPTE=.jpg" _fcksavedurl="http://counters.gigya.com/wildfire/CIMP/bT*xJmx*PTEyMTU*NDE1NjA1MjMmcHQ9MTIxNTQ*MTU3MzgyMiZwPTIyMzA1MiZkPSZuPSZnPTE=.jpg"  />

                                                  

Szavazás
Hogy tetszik az új weblapom?
Nagyon szép!
Jó lesz, csak töltsd meg tartalommal.
Nem rossz.
Nekem is kell ilyen!
Tehetséges vagy, ez nem kérdés...
Linkajánló