Šta je novo?
SerbianForum

Dobrodošli na SerbianForum.org, mjesto na kojem možete pronaći apsolutno sve, mjesto druženja i odlične zabave!

HTML tutorijali,Java skripte,Hack fajlovi......

  • Začetnik teme boki71
  • Datum pokretanja
boki71

boki71

ADMINISTRATOR
Verovatno ste na netu nailazili na hakovane sajtove i zaticali prozore slicne ovom.....



Ili recimo naprimer ......



Na forumu su naravno zabranjeni tutorijali o hakovanju ,niti ja to radim ,niti poznajem tu oblast....
:blum3::blum3:
Medjutim mogu pokazati kako te prave takvi fajlovi.Inace to je otprilike vrhunac kod pravljenja html fajlova i koriste se pored standardnih html tagova raznorazne java skripte.Kada naucite praviti takve fajlove sve ostalo ce biti veoma jednostavno . Ovim tutorijalom obuhvaticemo sam pocetak pravljenja html fajlova pa takodje i jos pedesetak najboljih java skripti koje se ubacuju u okviru ovih fajlova.Mozete raznoraznim kombinacijama napraviti sta god zelite .....

Potreban vam je alat Notepad++ koji imate na adresi.....(tiha instalacija)

:download:

Kod:
http://notepad-plus-plus.org/download/v6.2.3.html
Idemo redom......
 
Poslednja izmena:
boki71

boki71

ADMINISTRATOR
OSNOVNI TAGOVI I PISANJE TEKSTA U HTML FAJLU



Video tutorijal o osnovnim tagovima i nacinu pisanja teksta u htlm fajlu.....

:download:

Kod:
http://rapidshare.com/files/1851398463/Osnova pisanja.rar
:sifra:
Kod:
SerbianForum.org
Takodje tekst koriscen pri izradi tutorijala nalazi se u atachu.....
 

Prilozi

boki71

boki71

ADMINISTRATOR
BOJA POZADINE U HTLM FAJLU

Potrebno je u okviru taga <head> dodati novi tag i to.....


PHP:
<style>
body { background-color: red; 
</style>

Gde cete umesto red (crvene )pozadine,staviti recimo black (crna) ili silver (srebrna) naravno po zelji....



Tako da srebrna pozadina izgledati ovako......






 
Poslednja izmena:
boki71

boki71

ADMINISTRATOR
NEONSKI TEKST

Mozete bez problema ako zelite imati neonski tekst ubaciti java skriptu u vas html fajl i to mozete uraditi pri samom dnu vaseg html fajla (iznad </html>).
Naravno u okviru same skripte mozete staviti zeljeni tekst (u mom slucaju DOBRODOSLI NA SERBIANFORUM) ,takodje umesto moje boje red (crvene) staviti zeljenu boju.....takodje i neonsku boju mozete zameniti ( u mom slucaju black).....kao i podesiti velicinu slova.....itd....

Java skripta koja se ubacuje u html fajl je......

PHP:
<center>
<H2>
<SCRIPT language=JavaScript1.2>

//Neon Lights Text II
//Visit http://www.rainbow.arch.scriptmania.com for this script 


///Edit below this line/////

var message="DOBRODOSLI NA SERBIANFORUM!"
var neonbasecolor="red"
var neontextcolor="black"
var neontextcolor2="#2E2EFE"   //Lighter yellow
var flashspeed=100                        // speed of flashing in milliseconds
var flashingletters=3                        // number of letters flashing in neontextcolor
var flashingletters2=1                        // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0                        // the pause between flash-cycles in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2 
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor


if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</SCRIPT>
</H2>
</center>



 
boki71

boki71

ADMINISTRATOR
MAGNET TEKST

Mozete ako zelite i postaviti vise tekstualnih poruka da se ove smenjuju.....Potrebno je da u okviru vaseg <body> taga iskopirate sledecu java skriptu (<body> skripta </body> ).

Java skripta glasi.....

PHP:
<SCRIPT>

// Distributed by http://rainbow.arch.scriptmania.com

var text=new Array()
var textsplashcolors=new Array()

// Place your messages below. Add as many as you like!


text[0]="SERBIANFORUM!!!!"
text[1]="Prijatan boravak ..."
text[2]="Na SERBIANFORUMU "
text[3]="Zele vam boki71,Ana_ana i"
text[4]="ostaliclanovi stafa!!!!."



// Change the letter colors here 
textsplashcolors[0]="#FFFF00"
textsplashcolors[1]="#FF0000"
textsplashcolors[2]="#00FF00"
textsplashcolors[3]="#00FFFF"
textsplashcolors[4]="#FF00FF"
textsplashcolors[5]="#FFAA00"
textsplashcolors[6]="#0088FF"

// Change the font
var textfont="Arial"

// Change the font-size for IE4x/5x/6x and NS6x (CSS-standard)
var textfontsize=40

// Change the font size for NS4x (HTML-standard)
var textfontsizeHTML=4

// Change the pause between the messages (seconds)
var textpause=6

// DO NOT EDIT BELOW THIS LINE

// CREDITS:
// Letter Magnet
// By Urs Dudli and Peter Gehrig
// Copyright (c) 2002 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.

var textweight="bold"
var textweightA="<b>"
var textweightB="</b>"
var textitalic="normal"
var textitalicA=""
var textitalicB=""
var textalignabsolute="topcenter"
var letterwidth=new Array()
var messagewidth=0
var messageheight=0
var i_colors=0
var letterspace=Math.floor(textfontsize/1.3)
var timer
var i_text=0
var textsplitted
var i_textpath=0
var endpause=1
var endpausemilli=endpause*10
var maxtextlength=0
var i_endposition=0
var windowwidth=0
var windowheight=0
var windowwidthfactor=1
var windowheightfactor=1
var i_span=0
var startposmax_x=0
var startposmax_y=0
textpause*=1000
var x_step=new Array()
var y_step=new Array()
var x_finalpos=new Array()
var y_finalpos=0
var max_loop=20
var i_loop=0

var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0

for (i=0;i<=text.length-1;i++) {
    if (text[i].length>=maxtextlength) {maxtextlength=text[i].length}
}
for (i=0;i<=text.length-1;i++) {
    text[i]=text[i]+" "
}

var xpos=new Array()
for (i=0;i<=maxtextlength;i++) {
    xpos[i]=5000
}

var ypos=new Array()
for (i=0;i<=maxtextlength;i++) {
    ypos[i]=5000
}

function randomizer(range) {        
    return Math.floor(range*Math.random())
}

function getpagesize() {
    if (ie) {
        windowheight=parseInt(document.body.clientHeight)
        windowwidth=parseInt(document.body.clientWidth)
    }
    if (ns4 || ns6) {
        windowheight=parseInt(window.innerHeight)
        windowwidth=parseInt(window.innerWidth)
    }
    startposmax_x=windowwidth-2*parseInt(textfontsize)
    startposmax_y=windowheight-2*parseInt(textfontsize)

    changecontent()
}

function changecontent() {
        messagewidth=0
        var textsa=text[i_text]
        textsplitted=textsa.split("")
        if (ie) {
            for (i=0;i<=textsplitted.length-1;i++) {
                var thisspan=eval("document.all.span"+i)
                thisspan.innerHTML="<span style='font-family:"+textfont+";font-size:"+textfontsize+";font-style:"+textitalic+";font-weight:"+textweight+";color:"+textsplashcolors[i_colors]+";text-align:center'>"+textsplitted[i]+"</span>"
                i_colors++
                if (i_colors>textsplashcolors.length-1) {i_colors=0}
                letterwidth[i]=Math.round(thisspan.offsetWidth*1.2)
                
                if (letterwidth[i]==0) {letterwidth[i]=parseInt(textfontsize)}
                messagewidth+=letterwidth[i]
                messageheight=Math.round(document.all.span0.offsetHeight)
            }
        }
        if (ns6) {
            for (i=0;i<=textsplitted.length-1;i++) {
                var thisspan=eval(document.getElementById('span'+i))
                thisspan.innerHTML="<span style='font-family:"+textfont+";font-size:"+textfontsize+";font-style:"+textitalic+";font-weight:"+textweight+";color:"+textsplashcolors[i_colors]+"'>"+textsplitted[i]+"</span>"
                i_colors++
                if (i_colors>textsplashcolors.length-1) {i_colors=0}
                letterwidth[i]=Math.round(parseInt(thisspan.offsetWidth)*1.2)
                if (letterwidth[i]==0) {letterwidth[i]=textfontsize}
                messagewidth+=letterwidth[i]
                messageheight=Math.round(document.getElementById('span0').offsetHeight)
            }
            
        }
        if (ns4) {
            for (i=0; i<textsplitted.length-1; i++) {
                var thisspan=eval("document.span"+i+".document")
                thisspan.write("<p><font size="+textfontsizeHTML+" color="+textsplashcolors[i_colors]+" face="+textfont+">"+textitalicA+textweightA+textsplitted[i]+textweightB+textitalicB+"</font></p>")
                thisspan.close()
                letterwidth[i]=Math.round(thisspan.width*1.2)
                if (letterwidth[i]==0) {letterwidth[i]=textfontsize}
                messagewidth+=letterwidth[i]
                messageheight=Math.round(document.span0.document.height)
                thisspan.clear()
                i_colors++
                if (i_colors>textsplashcolors.length-1) {i_colors=0}
            }
            for (i=0; i<textsplitted.length-1; i++) {
                var thisspan=eval("document.span"+i)
                thisspan.visibility="show"
            }
        }
        i_text++ 
        if (i_text>=text.length) {i_text=0}
        getfinalpos()
}

function getfinalpos() {
    if (ie || ns6) {var padding_x=100}; if (ns4) {var padding_x=40};
    if (ie || ns6) {var padding_y=80}; if (ns4) {var padding_y=40};
    if (textalignabsolute=="middlecenter") {
        x_finalpos[0]=(windowwidth-messagewidth)/2
        y_finalpos=(windowheight-messageheight)/2
    }
    else if (textalignabsolute=="topleft") {
        x_finalpos[0]=5
        y_finalpos=0
    }
    else if (textalignabsolute=="topcenter") {
        x_finalpos[0]=(windowwidth-messagewidth)/2
        y_finalpos=0
    }
    else if (textalignabsolute=="topright") {
        x_finalpos[0]=windowwidth-messagewidth
        y_finalpos=0
    }
    else if (textalignabsolute=="bottomleft") {
        x_finalpos[0]=5
        y_finalpos=windowheight-messageheight
    }
    else if (textalignabsolute=="bottomcenter") {
        x_finalpos[0]=(windowwidth-messagewidth)/2
        y_finalpos=windowheight-messageheight
    }
    else if (textalignabsolute=="bottomright") {
        x_finalpos[0]=windowwidth-messagewidth
        y_finalpos=windowheight-messageheight
    }
    for (i=1;i<textsplitted.length-1;i++) {
        x_finalpos[i]=x_finalpos[i-1]+letterwidth[i-1]
    }
    gotostartpos()
}

function gotostartpos() {
    if (ie) {
        for (i=0;i<textsplitted.length-1;i++) {
            var thisspan=eval("document.all.span"+i+".style")
            thisspan.posLeft=randomizer(startposmax_x)
            thisspan.posTop=randomizer(startposmax_y)
        }
    }
    if (ns4) {
        for (i=0;i<textsplitted.length-1;i++) {
            var thisspan=eval("document.span"+i)
            thisspan.left=randomizer(startposmax_x)
            thisspan.top=randomizer(startposmax_y)
        }
    }
    if (ns6) {
        for (i=0;i<textsplitted.length-1;i++) {
            var thisspan=eval("document.getElementById('span'+i).style")
            thisspan.left=randomizer(startposmax_x)
            thisspan.top=randomizer(startposmax_y)
        }
    }
    gotostandstillpos()
}

function gotostandstillpos() {
    if (ie) {
        if (i_loop<=max_loop-1) {
            for (i=0;i<textsplitted.length-1;i++) {
                var thisspan=eval("document.all.span"+i+".style")
                x_step[i]=(x_finalpos[i]-thisspan.posLeft)/(max_loop-i_loop)
                y_step[i]=(y_finalpos-thisspan.posTop)/(max_loop-i_loop)        
                thisspan.posLeft+=x_step[i]
                thisspan.posTop+=y_step[i]
            }
            i_loop++
            var timer=setTimeout("gotostandstillpos()",20)
        }
        else {
            i_loop=0
            clearTimeout(timer)
            timer=setTimeout("gotoendpos()",textpause)
        }
    }
    if (ns4) {
        if (i_loop<=max_loop-1) {
            for (i=0;i<textsplitted.length-1;i++) {
                var thisspan=eval("document.span"+i)
                x_step[i]=(x_finalpos[i]-thisspan.left)/(max_loop-i_loop)
                y_step[i]=(y_finalpos-thisspan.top)/(max_loop-i_loop)        
                thisspan.left+=x_step[i]
                thisspan.top+=y_step[i]
            }
            i_loop++
            var timer=setTimeout("gotostandstillpos()",20)
        }
        else {
            i_loop=0
            clearTimeout(timer)
            timer=setTimeout("gotoendpos()",textpause)
        }
    }
    if (ns6) {
        if (i_loop<=max_loop-1) {
            for (i=0;i<textsplitted.length-1;i++) {
                var thisspan=eval("document.getElementById('span'+i).style")
                x_step[i]=(x_finalpos[i]-parseInt(thisspan.left))/(max_loop-i_loop)
                y_step[i]=(y_finalpos-parseInt(thisspan.top))/(max_loop-i_loop)        
                thisspan.left=parseInt(thisspan.left)+x_step[i]
                thisspan.top=parseInt(thisspan.top)+y_step[i]
            }
            i_loop++
            var timer=setTimeout("gotostandstillpos()",20)
        }
        else {
            i_loop=0
            clearTimeout(timer)
            timer=setTimeout("gotoendpos()",textpause)
        }
    }
}

function gotoendpos() {
    if (ie) {
        if (i_loop<=textsplitted.length-1) {
            var thisspan=eval("document.all.span"+i_loop+".style")
            thisspan.posLeft=-1000
            i_loop++
            var timer=setTimeout("gotoendpos()",10)
        }
        else {
            clearTimeout(timer)
            i_loop=0
            var timer=setTimeout("changecontent()",400)
        }
    }
    if (ns4) {
        if (i_loop<=textsplitted.length-1) {
            var thisspan=eval("document.span"+i_loop)
            thisspan.left=-1000
            i_loop++
            var timer=setTimeout("gotoendpos()",10)
        }
        else {
            clearTimeout(timer)
            i_loop=0
            changecontent()
        }
    }
    
    if (ns6) {
        if (i_loop<=textsplitted.length-1) {
            var thisspan=eval("document.getElementById('span'+i_loop).style")
            thisspan.left=-1000
            i_loop++
            var timer=setTimeout("gotoendpos()",10)
        }
        else {
            clearTimeout(timer)
            i_loop=0
            changecontent()
        }
    }
}

if (ie) {
    for (i=0;i<=maxtextlength;i++) {
        document.write("<span id='span"+i+"' style='position:absolute'>")
        
        document.write("</span>")
    }
    window.onload=getpagesize
}
if (ns6) {
    for (i=0;i<=maxtextlength;i++) {
        document.write("<span id='span"+i+"' style='position:absolute'>")
        document.write(textsplitted)
        document.write("</span>")
    }
    window.onload=getpagesize
}
if (ns4) {
    for (i=0;i<=maxtextlength;i++) {
        document.write("<layer name='span"+i+"' visibility=hide>")
        document.write(textsplitted)
        document.write("</layer>")
    }
    window.onload=getpagesize
}

</script>
Naravno tekst mozete menjati po zelji.....takodje velicinu,boju slova,font,vreme na koje ce dolaziti jedan za drugim tekstovi koje napisali.......



 
boki71

boki71

ADMINISTRATOR
DOLAZAK SLOVA SA STRANE

Takodje mozete podesiti da vam dolaze slova sa recimo leve strane ka sredini.Potrebno je da iskopirate java skriptu na samom dnu vaseg htlm fajla a iznad taga </html>.

Skripta za dolazeca slova je sledeca.....

PHP:
<SCRIPT LANGUAGE="JavaScript">
<!--
//Visit http://rainbow.arch.scriptmania.com for this script
//set style for NS4 to ''

if (document.layers)
var ns4def=''
</script>

<h2 id="flyin" style="position:relative;left:-800;font-style:italic" style=&{ns4def};><font face="Arial"><center>DOBRODOSLI NA SERBIANFORUM!!!!</center></font></h2>

<script language="JavaScript1.2">

if (document.getElementById||document.all)
var crossheader=document.getElementById? document.getElementById("flyin").style : document.all.flyin.style

function animatein(){
if (parseInt(crossheader.left)<0)
crossheader.left=parseInt(crossheader.left)+20
else{
crossheader.left=0
crossheader.fontStyle="normal"
clearInterval(start)
}
}

if (document.getElementById||document.all)
start=setInterval("animatein()",80)

</script>
U okviru same skripte mozete napisati zeljeni tekst koji zelite da vam dolazi sa leve strane,zatim prstaviti zeljenu velicinu,boju,font.......



 
boki71

boki71

ADMINISTRATOR
DUGA TEKST NEON

Meni posebno drag izgled teksta.Malo je slozeniji za postavljanje i sastoji se iz tri dela.Potrebno je prvo iskopirati u vas <head > deo skriptu (<head> java skripta </head>) i to sledece sadrzine....

PHP:
<script type="text/javascript">
/*   Color Change Text
This script and many more from - 
http://rainbow.arch.scriptmania.com/scripts/ 
*/

//   Change next line for your text msg.

var msg = 'HACKED BLACK & RED ROSE'
var colorTimer = null;

//  Color can be altered below - eg. remove - ABCDEF = darker

function toHex(n){
var hexChars = '0123456789ABCDEF';
if (n == 0) return n;
var j, k;
var temp = '';
while (n != 0){
j = n % 16;
n = (n - j)/16;
temp = hexChars.charAt(j) + temp;
}
return temp;
}
function colorize(){
if (!document.getElementById) return;
for (i=0; i<msg.length; i++){
k = Math.round(Math.random() * 16777215);
k = toHex(k);
while (k.length < 6){
k = k + '0';
}
document.getElementById('colorizer' + i).style.color = '#' + k;
}

//  Speed change below - Default = 200 - Lower = Faster 

colorTimer = window.setTimeout('colorize()', 200);
}
</script>

A zatim takodje potrebno je iskopirati u okviru vaseg body dela (<body> java skripta </body> ) sledecu java skriptu.....

PHP:
<BODY onload='colorize();'>
Prostaje jos da iskopirate java skriptu na samom dnu iznad </html>taga i to.....

PHP:
<div id="text" style="font-size:40; font-family: 'Courier New', Courier, monospace; letter-spacing:normal; font-weight:bold; font-style:normal; text-align:center; padding-top:40px;">
<script>
for (var i=0; i<msg.length; i++){
document.write("<span id ='colorizer" + i + "'>" + msg.charAt(i) + "</span>");
}
</script></div>
U okviru same slike mozete izmeniti tekst,boju slova,velicinu ,font.......itd,sve po zelji.......

 
boki71

boki71

ADMINISTRATOR
DUGA TEKST

Takodje veoma lep i efektan nacin prikazivanja vaseg teksta.Potrebno je da u okviru vaseg html fajla iskopirate sledecu java skriptu.....

PHP:
<center>
<b>
<font size="10">
<script>

// ********** MAKE YOUR CHANGES HERE
var text="SERBIANFORUM"     //   YOUR TEXT
var speed=80    //   SPEED OF FADE - Higher=faster/Lower=slower

// ********** LEAVE THE NEXT BIT ALONE!

// **** Do Not Alter Code Below ****
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>
</center>
U okviru same skripte mozete menjati tekst,velicinu slova,font........

 
boki71

boki71

ADMINISTRATOR
BUNDEVA EFEKAT ZA MISA

Posto sam napisao kako mozete prilagoditi boju pozadine,zatim zeljeni tekst napisati i staviti da se on pojavljuje na neki od gore napisanih nacina sada mozemo preci na efekat za misa.Pomeranjem misa mozete imati bundeva efekat.Potrebno je u vasem body delu iskopirati sledecu skriptu...(<body> java skripta </body> i to.....

PHP:
<div id="dot0" style="position: absolute; visibility: hidden; height: 10; width: 10;"></div>
<div id="dot1" style="position: absolute; height: 40; width: 40;"><img src="http://rainbow.arch.scriptmania.com/scripts/pumpkin.gif" width="40" height="40" alt="."></div>
<div id="dot2" style="position: absolute; height: 40; width: 40;"><img src="http://rainbow.arch.scriptmania.com/scripts/pumpkin.gif" width="40" height="40" alt="."></div>
<div id="dot3" style="position: absolute; height: 40; width: 40;"><img src="http://rainbow.arch.scriptmania.com/scripts/pumpkin.gif" width="40" height="40" alt="."></div>
<div id="dot4" style="position: absolute; height: 40; width: 40;"><img src="http://rainbow.arch.scriptmania.com/scripts/pumpkin.gif" width="40" height="40" alt="."></div>
<div id="dot5" style="position: absolute; height: 40; width: 40;"><img src="http://rainbow.arch.scriptmania.com/scripts/pumpkin.gif" width="40" height="40" alt="."></div>
<div id="dot6" style="position: absolute; height: 40; width: 40;"><img src="http://rainbow.arch.scriptmania.com/scripts/pumpkin.gif" width="40" height="40" alt="."></div>

<script type='text/javascript'>

<!-- This script and many more from -->
<!-- http://rainbow.arch.scriptmania.com -->

<!-- Begin
var nDots = 7;
if (document.all&&window.print)
document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"
var Xpos = 0;
var Ypos = 0;


var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 35;
var BOUNCE = 0.75;

var isNetscape = navigator.appName=="Netscape";

var followmouse = true;

var dots = new Array();
init();
function init()
{
    var i = 0;
    for (i = 0; i < nDots; i++) {
        dots[i] = new dot(i);
    }
    
     for (i = 0; i < nDots; i++) {
        dots[i].obj.left = dots[i].X + "px";
        dots[i].obj.top = dots[i].Y + "px";
    }
    
    if (isNetscape) {
        startanimate();
    } else {
        setTimeout("startanimate()", 20);
    }
}

function dot(i) 
{
    this.X = Xpos;
    this.Y = Ypos;
    this.dx = 0;
    this.dy = 0;
    this.obj = eval("document.getElementById('dot" + i + "').style");
}

document.onmousemove = MoveHandler;

function startanimate() {    
    setInterval("animate()", 20);
}

function MoveHandler(e) {

    if (!e) {
        Xpos = window.event.x + document.body.scrollLeft;
        Ypos = window.event.y + document.body.scrollTop;
    } else {
        Xpos = e.pageX;
        Ypos = e.pageY;
    }
}

function vec(X, Y)
{
    this.X = X;
    this.Y = Y;
}

function springForce(i, j, spring)
{
    var dx = (dots[i].X - dots[j].X);
    var dy = (dots[i].Y - dots[j].Y);
    var len = Math.sqrt(dx*dx + dy*dy);
    if (len > SEGLEN) {
        var springF = SPRINGK * (len - SEGLEN);
        spring.X += (dx / len) * springF;
        spring.Y += (dy / len) * springF;
    }
}

function animate() {    
     var start = 0;
    if (followmouse) {
        dots[0].X = Xpos;
        dots[0].Y = Ypos;
        start = 1;
    }
    
    for (i = start ; i < nDots; i++ ) {
        
        var spring = new vec(0, 0);
        if (i > 0) {
            springForce(i-1, i, spring);
        }
        if (i < (nDots - 1)) {
            springForce(i+1, i, spring);
        }
        
         var resist = new vec(-dots[i].dx * RESISTANCE,
            -dots[i].dy * RESISTANCE);
        
         var accel = new vec((spring.X + resist.X)/ MASS,
            (spring.Y + resist.Y)/ MASS + GRAVITY);
        
          dots[i].dx += (DELTAT * accel.X);
        dots[i].dy += (DELTAT * accel.Y);
        
          if (Math.abs(dots[i].dx) < STOPVEL &&
            Math.abs(dots[i].dy) < STOPVEL &&
            Math.abs(accel.X) < STOPACC &&
            Math.abs(accel.Y) < STOPACC) {
            dots[i].dx = 0;
            dots[i].dy = 0;
        }
        
         dots[i].X += dots[i].dx;
        dots[i].Y += dots[i].dy;

         var height, width;
        if (isNetscape) {
            height = window.innerHeight + document.scrollTop;
            width = window.innerWidth + document.scrollLeft;
        } else {    
            height = document.body.clientHeight + document.body.scrollTop;
            width = document.body.clientWidth + document.body.scrollLeft;
        }
        
        if (dots[i].Y >=  height - DOTSIZE - 1) {
            if (dots[i].dy > 0) {
                dots[i].dy = BOUNCE * -dots[i].dy;
            }
            dots[i].Y = height - DOTSIZE - 1;
        }
        if (dots[i].X >= width - DOTSIZE) {
            if (dots[i].dx > 0) {
                dots[i].dx = BOUNCE * -dots[i].dx;
            }
            dots[i].X = width - DOTSIZE - 1;
        }
        if (dots[i].X < 0) {
            if (dots[i].dx < 0) {
                dots[i].dx = BOUNCE * -dots[i].dx;
            }
            dots[i].X = 0;
        }
        
        dots[i].obj.left = dots[i].X + "px";
        dots[i].obj.top =  dots[i].Y + "px";
    }
}
// End -->
</SCRIPT>

Takodje umesto bundeve mozete staviti bilo koju sliku (odgovarajuce rezolucije) tako sto cete link na kome se nalazi slika postaviti na samom vrhu skripte i to na sest mesta od dot1 do dot6.....

 
boki71

boki71

ADMINISTRATOR
POLJUBAC I SRCE U MISU

Takodje mozete pomeranjem misa dobiti efekat poljubca i srca,neizmenicno.potrebno je da iskopirate java skriptu u okviru vaseg <head> dela u html fajlu (<head> java skripta </head> ) i to.....

PHP:
<STYLE type="text/css">
<!--
.kisser {
  position:absolute;
  top:0;
  left:0;
  visibility:hidden;
}
-->
</STYLE>

<SCRIPT language="JavaScript1.2" type="text/JavaScript">
<!-- cloak

//Kissing trail
//Visit http://www.rainbow.arch.scriptmania.com for this script

kisserCount = 15 //maximum number of images on screen at one time
curKisser = 0 //the last image DIV to be displayed (used for timer)
kissDelay = 1000 //duration images stay on screen (in milliseconds)
kissSpacer = 50 //distance to move mouse b4 next heart appears
theimage = "http://rainbow.arch.scriptmania.com/scripts/lips_small.gif" //the 1st image to be displayed
theimage2 = "http://rainbow.arch.scriptmania.com/scripts/small_heart.gif" //the 2nd image to be displayed


//Browser checking and syntax variables
var docLayers = (document.layers) ? true:false;
var docId = (document.getElementById) ? true:false;
var docAll = (document.all) ? true:false;
var docbitK = (docLayers) ? "document.layers['":(docId) ? "document.getElementById('":(docAll) ? "document.all['":"document."
var docbitendK = (docLayers) ? "']":(docId) ? "')":(docAll) ? "']":""
var stylebitK = (docLayers) ? "":".style"
var showbitK = (docLayers) ? "show":"visible"
var hidebitK = (docLayers) ? "hide":"hidden"
var ns6=document.getElementById&&!document.all
//Variables used in script
var posX, posY, lastX, lastY, kisserCount, curKisser, kissDelay, kissSpacer, theimage
lastX = 0
lastY = 0
//Collection of functions to get mouse position and place the images
function doKisser(e) {

  posX = getMouseXPos(e)
  posY = getMouseYPos(e)
  if (posX>(lastX+kissSpacer)||posX<(lastX-kissSpacer)||posY>(lastY+kissSpacer)||posY<(lastY-kissSpacer)) {
    showKisser(posX,posY)
    lastX = posX
    lastY = posY
  }
}
// Get the horizontal position of the mouse
function getMouseXPos(e) {
  if (document.layers||ns6) {
    return parseInt(e.pageX+10)
  } else {
    return (parseInt(event.clientX+10) + parseInt(document.body.scrollLeft))
  }
}
// Get the vartical position of the mouse
function getMouseYPos(e) {
  if (document.layers||ns6) {
    return parseInt(e.pageY)
  } else {
    return (parseInt(event.clientY) + parseInt(document.body.scrollTop))
  }
}
//Place the image and start timer so that it disappears after a period of time
function showKisser(x,y) {
  var processedx=ns6? Math.min(x,window.innerWidth-75) : docAll? Math.min(x,document.body.clientWidth-55) : x
  if (curKisser >= kisserCount) {curKisser = 0}
  eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK + ".left = " + processedx)
  eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK + ".top = " + y)
  eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK + ".visibility = '" + showbitK + "'")
  if (eval("typeof(kissDelay" + curKisser + ")")=="number") {
    eval("clearTimeout(kissDelay" + curKisser + ")")
  }
  eval("kissDelay" + curKisser + " = setTimeout('hideKisser(" + curKisser + ")',kissDelay)")
  curKisser += 1
}
//Make the image disappear
function hideKisser(knum) {
  eval(docbitK + "kisser" + knum + docbitendK + stylebitK + ".visibility = '" + hidebitK + "'")
}

function kissbegin(){
//Let the browser know when the mouse moves
if (docLayers) {
  document.captureEvents(Event.MOUSEMOVE)
  document.onMouseMove = doKisser
} else {
  document.onmousemove = doKisser
}
}
window.onload=kissbegin
// decloak -->
</SCRIPT>
Te posto iskopirali takodje je potrebno i da iskopirate jos jednu skriptu u body delu vaseg html fajla (<body> java skripta </body>) i to....

PHP:
<SCRIPT language="JavaScript" type="text/JavaScript">
<!-- cloak
// Add all DIV's of hearts
if (document.all||document.getElementById||document.layers){
for (k=0;k<kisserCount;k=k+2) {
  document.write('<div id="kisser' + k + '" class="kisser"><img src="' + theimage + '" alt="" border="0"></div>\n')
  document.write('<div id="kisser' + (k+1) + '" class="kisser"><img src="' + theimage2 + '" alt="" border="0"></div>\n')
}
}

// decloak -->
</SCRIPT>
Umesto linka na kojima se nalazi slika srca i poljubaca u samoj skripti na njenom pocetku mozete i ubaciti link po zelji ......
 
Top