Šta je novo?
SerbianForum

This is a sample guest message. Register a free account today to become a member! Once signed in, you'll be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

  • Hvala svima na 1 900 000+ postova & 500 000+ tema!

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

  • Začetnik teme boki71
  • Datum pokretanja
boki71

boki71

Uz duplu Anu...
Administrator
#1
Verovatno ste na netu nailazili na hakovane sajtove i zaticali prozore slicne ovom.....

unleddw.jpg


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

Uz duplu Anu...
Administrator
#2
OSNOVNI TAGOVI I PISANJE TEKSTA U HTML FAJLU

snap201107081755.jpg


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

Uz duplu Anu...
Administrator
#3
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....

snap201107081813.jpg


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




155mx.jpg


snap201107081822.jpg
 
Poslednja izmena:
boki71

boki71

Uz duplu Anu...
Administrator
#4
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>



snap201107081837.jpg
 
boki71

boki71

Uz duplu Anu...
Administrator
#5
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.......



snap201107081852.jpg
 
boki71

boki71

Uz duplu Anu...
Administrator
#6
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.......



snap201107081905.jpg
 
boki71

boki71

Uz duplu Anu...
Administrator
#7
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.......

snap201107081917.jpg
 
boki71

boki71

Uz duplu Anu...
Administrator
#8
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........

snap201107081928.jpg
 
boki71

boki71

Uz duplu Anu...
Administrator
#9
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.....

snap201107081939.jpg
 
boki71

boki71

Uz duplu Anu...
Administrator
#10
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 ......
snap201107082200.jpg
 

Top