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

ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.332
EFEKAT ZMIJE

Mozete postaviti i efekat zmije u vas html fajl ako to i zelite.Jednostavno potrebno je samo iskopirati java skriptu u okviru vaseg body dela html fajla.Skripta inace izgleda ovako....
PHP:
<SCRIPT LANGUAGE="JavaScript">
<!-- Crazy Worm from Rainbow Arch -->
<!-- This script and many more from : -->
<!-- http://rainbow.arch.scriptmania.com -->

<!-- Crazy Worm from http://rainbow.arch.scriptmania.com
//Choose colours. Minimum of 2
colours=new Array('#ff0000','#00ff00','#ff00ff','#ffa500','#ffff00','#ffffff','#4488ff');

//Nothing needs altering past here
n4=(document.layers);
n6=(navigator.appName=="Netscape" && parseFloat(navigator.appVersion) >= 5)?true:false;
ie=(document.all);
o6=(navigator.appName.indexOf("Opera") != -1)?true:false;
num=(n6)?10:16;
psp=(n6)?num/3:num/4;
fix=(n6)?14:0;
y=10;
x=10;
py=0;
px=0;
vel=15;
rnd=0;
cnt=0;
alt=10;
dx=0;
vx=0;
hx=0;
dir=Math.floor(Math.random()*60+10);
if (n4){
for (i=0; i < num; i++)
document.write('<LAYER NAME="t'+i+'" LEFT=0 TOP=0 CLIP="0,0,'+i/psp+','+i/psp+'"></LAYER>');
}
else{
if (ie) 
document.write('<div id="ies" style="position:absolute;top:0;left:0"><div style="position:relative">');
for (i=0; i < num; i++)
document.write('<div id="t'+i+'" style="position:absolute;top:0;left:0;width:'+i/psp+';height:'+i/psp+';font-size:1px">.</div>');
if (ie) 
document.write('</div></div>');
}
function followleader(){
sy=(ie)?0:window.pageYOffset;
sx=(ie)?0:window.pageXOffset;
if (ie){
ies.style.top=document.body.scrollTop;
ies.style.left=document.body.scrollLeft;
}
for (i=0; i < num; i++){
randcol=colours[Math.floor(Math.random()*colours.length)];
temp1=(n4)?document.layers["t"+i]:document.getElementById("t"+i).style;
if (i < num-1){
temp2=(n4)?document.layers["t"+(i+1)]:document.getElementById("t"+(i+1)).style;
temp1.top=temp2.top;
temp1.left=temp2.left
} 
else{
temp1.top=py+sy;
temp1.left=px+sx;
}
if (n4)temp1.bgColor=randcol;
else temp1.background=randcol;
}
}
function pth(){
cnt=0;
alt=Math.floor(5+Math.random()*10);
turns=new Array(40,-40,0,0,1,-1,4,-4,7,-7,10,-10,20,-20,2);
rnd=turns[Math.floor(Math.random()*turns.length)];
if (rnd==40||rnd==-40) alt=3;
else if (rnd==2){
vel=0;alt=20;
}
else{
vel=15;
alt=Math.floor(5+Math.random()*10);
}
}

function ani(){
cnt++;
if (cnt>=alt) pth();
h=(ie)?document.body.clientHeight:window.innerHeight;
w=(ie)?document.body.clientWidth:window.innerWidth;
dx=dir+=rnd;
y = vel*Math.sin(dx*Math.PI/180);
x = vel*Math.cos(dx*Math.PI/180);
if (dir < 0) dir+=360;
py+=y;
px+=x;
vx=180-dir;
hx=0-dir;
if ((py < 1) && (px < 1)) {py=1;px=1;dir=45}
if ((py < 1) && (px > w)) {py=1;px=w;dir=135}
if ((py > h) && (px < 1)) {py=h;px=1;dir=315}
if ((py > h) && (px > w)) {py=h;px=w;dir=225}
if (py < 1) {py=1;dir=hx;}  
if (py > h-psp) {py=h-psp;dir=hx;}  
if (px < 1) {px=1;dir=vx;} 
if (px > w-(psp+fix)) {px=w-(psp+fix);dir=vx;}
followleader();
setTimeout('ani()',20);
}
ani();
//-->
</SCRIPT>

U okviru same skripte mozete stelovati brzinu kretanja i velicinu samog zmija efekta a to bi recimo na crnoj pozadini izgledalo ovako.....



snap201107090127.jpg
 
ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.332
ZVONCICA NA MISU

Mozete takodje u vas html fajl postaviti i zvoncicu da se pomera kako vi pomerate misa.Potrebno je samo iskopirati java skriptu u vas body deo u okviru html fajla.Java skripta inace izgleda ovako.....


PHP:
<script type="text/javascript">
/*
Tinkerbell Fairy Cursor Trail
Visit http://www.rainbow.arch.scriptmania.com/scripts/
*/

var trailimage=["http://rainbow.arch.scriptmania.com/scripts/tinkerbell.gif", 58, 64] // image, width, height
var ofsm=[-2,1]

if (document.getElementById || document.all)
document.write('<div id="trailimageid" style="position:absolute;visibility:visible;left:0px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px"></div>')

function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimagid.style
}

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

function followmouse(e){
var xcoord=ofsm[0]
var ycoord=ofsm[1]
if (typeof e != "undefined"){
xcoord+=e.pageX
ycoord+=e.pageY
}
else if (typeof window.event !="undefined"){
xcoord+=truebody().scrollLeft+event.clientX
ycoord+=truebody().scrollTop+event.clientY
}
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight)
gettrailobj().display="none"
else 
gettrailobj().display=""
gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"
}

document.onmousemove=followmouse

</script>

Naravno u okviru same skripte mozete postaviti i link od neke druge slike koju zelite da se pomera za misem.To bi naprimer izgledalo ovako.....



snap201107090136.jpg
 
ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.332
ROTIRAJUCI TEKST OKO MISA

Mozete takodje u vas html fajl postaviti i da vam se zeljeni tekst rotira oko misa, da se pomera kako vi pomerate misa.Potrebno je samo iskopirati java skriptu u vas body deo u okviru html fajla.Java skripta inace izgleda ovako.....

PHP:
<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
   Website: http://www.tempermedia.com/
   Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
   Modified Here for more flexibility and modern browser support
   Modifications as first seen in http://www.dynamicdrive.com/forums/
   username:jscheuer1 - This notice must remain for legal use
   */

;(function(){

// Your message here (QUOTED STRING)
var msg = "SerbianForum*boki71*";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
 e = e || window.event;
 ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
 xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
 if(init.nopy){
  o.style.top = (b || document.body).scrollTop + 'px';
  o.style.left = (b || document.body).scrollLeft + 'px';
 };
 currStep -= rotation;
 for (var d, i = n; i > -1; --i){ // makes the circle
  d = document.getElementById('iemsg' + i).style;
  d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
  d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
 };
},

drag = function(){ // makes the resistance
 y[0] = Y[0] += (ymouse - Y[0]) * speed;
 x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
 for (var i = n; i > 0; --i){
  y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
  x[i] = X[i] += (x[i-1] - X[i]) * speed;
 };
 makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
 if(!isNaN(window.pageYOffset)){
  ymouse += window.pageYOffset;
  xmouse += window.pageXOffset;
 } else init.nopy = true;
 for (var d, i = n; i > -1; --i){
  d = document.createElement('div'); d.id = 'iemsg' + i;
  d.style.height = d.style.width = a + 'px';
  d.appendChild(document.createTextNode(msg[i]));
  oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
 };
 o.appendChild(oi); document.body.appendChild(o);
 setInterval(drag, 25);
},

ascroll = function(){
 ymouse += window.pageYOffset;
 xmouse += window.pageXOffset;
 window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
 window.addEventListener('load', init, false);
 document.addEventListener('mouseover', mouse, false);
 document.addEventListener('mousemove', mouse, false);
  if (/Apple/.test(navigator.vendor))
   window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
 window.attachEvent('onload', init);
 document.attachEvent('onmousemove', mouse);
};

})();

</script>

Naravno u okviru same skripte mozete menjati sadrzaj teksta koji zelite da se pomera za misem.To bi naprimer izgledalo ovako.....



snap201107091851.png
 
ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.332
POSTAVLJANJE BOJA I NJIHOVI KODOVI

U nekim skriptama u vasem htlm fajlu mozete postavljati zeljene boje tako sto cete napisati njihova imana na engleskom,naprimer red (crvena),black (crna),blue (plava),silver (srebrna) ....dok u pojedinim java skriptama morate napisati kodove zeljenih boja.Inace kodove za gotovo sve boje mozete videti na adresi....

Kod:
http://html-color-codes.info/

U paleti boja kliknucete misem na zeljenu boju za koju vam treba kod.....broj 1 a zatim pojavice vam se ispod palete boja,izdvojena vasa boja sa njenim kodom....broj 2. Kod je samo potrebno kopirati i uneti u vasu skriptu.....

snap201107091914.jpg


Takodje mozete videti kodove gotovo svih boja tako sto kliknete na ovom sajtu u gornjem meniju na Coolor Tools a zatim i u padajucem meniju na Coolor Names....broj 3

snap201107091916.jpg


Otvorice vam se zatim novi prozor gde mozete pojedinacno videti gorovo sve boje sa njihovim imenima i kodovima......

snap201107091918.jpg
 
ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.332
POSTAVLJANJE FAVIKONA I NATPISA

Ako zelite mozete takodje u vas html fajl postaviti i favikon kao i istovremeno u istoj skripti i sam natpis.Potrebno je samo iskopirati java skriptu u okviru vaseg head dela u title tagovima (<title> java skripta </title>).Java skripta inace izgleda ovako.....

PHP:
<title>Hacked Black & Red Rose</title></head><body bgcolor="white"><link href='http://www.sunshinejoy.com/images/FeatherRoses/black_rose_bud.jpg' rel='shortcut icon'/> </title>

Vi mozete promeniti i postaviti vas zeljeni naslov.....broj 1 ,kao i postaviti link na kome se nalazi slika koju zelite imati kao favikon.....broj 2

fav1.jpg


Dakle slika koju zelite nemora biti u .fav formatu niti pravi favikon,vec bilo koja slika sa bilo kojom rezolucijom .Da biste postavili samo je potrebno postaviti link na kome se ona nalazi.....broj 3

fav2f.jpg


Kada postavite to bi recimo izgledalo ovako.....



fav3.jpg
 
ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.332
POSTAVLJANJE YOUTUBE KLIPA

Mozete takodje u vas html fajl postaviti i youtube zeljeni video klip.Potrebno je posto otisli na Youtube i izabrali video klip koji zelite da uvezete u vas html fajl,desni klik misem na zeljeni video klip a zatim u padajucem meniju kliknite misem na Copy embed html.....broj 1

96772347.jpg


Zatim otvorite vas html fajl u koji zelite ubaciti video klip.Sidjite skroz dole a iznad </html> i kliknite misem na desni klik te u padajucem meniju takodje kliknite misem na Paste......broj 2

39680813.jpg


Posto ste u vas html fajl uvezli i youtube embed tag od zeljenog klipa.....broj 3

25919790.jpg


Imacete youtube klip po vasoj zelji i ukusu u vas html fajl.To bi recimo izgledalo ovako....



37019248.jpg
 
ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.332
SMANJENI YOUTUBE VIDEO KLIP

Takodje mozete smanjiti - resizovati velicinu prozora vaseg youtube klipa u vasem html fajlu.Potrebno je samo posto ste ubacili u html fajl,embed tag vaseg youtube klipa da promenite brojeve u okviru toutube embed taga i da stavite zeljene u delu height i width....broj 1

60221315.jpg


Takodje iste zeljene brojeve za velicinu vaseg youtube klipa postavljate i pro samom kraju embed taga isto u delu height i width.....broj 2

10999421.jpg


Posto ste postavili zeljenu velicinu vaseg video klipa.....broj 3

68987312.jpg


On ce i biti smanjen - resizovan na onoliku velicinu koju sami i postavili.Ja sam u ovom tutorijalu prepolovio velicinu youtube prozora video klipa i to bi recimo izgledalo ovako.....



92064031.jpg
 
ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.332
ZASTITA KOPIRANJA SKRIPTE ISKACUCIM PROZOROM I TEKST NA MISU

Mnogi hakeri koji prave svoje html fajlove i postavljaju po databazama raznoraznih sajtova imaju obicaj da postave zastitu za svoje napravljene html fajlove kako bi sacuvali recimo autorizaciju html fajla koji sami su i napravili.Inace postoji puno nacina da se ta skripta i iskopira i vidi njen izvorni kod i koje su se sve java skripte koristile u njoj ,medjutim posto mnogi neznaju za nijedan drugi nacin kopiranja osim desnog klika misa i dela View page source ,mozete staviti zastitu za tu opciju i klikom na desni klik misa pojavice se iskacuci prozori koje sami kreirali kao i natpis u njima.Takodje u ovoj skripti mozete i postaviti zeljeni tekst koji ce ici za misem kako se on povlaci.Java skripta se postavlja u okviru head dela vaseg html fajla i ona izgleda ovako.....

PHP:
<script language="Javascript1.2"> 
if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){

(function(){

var msg = "boki71";
var font = 'verdana';
var size = 20;
var colour = '#FF0000';
var delay = 0.80; 
var speed = 25;
var yOffSet = 25;
var xOffSet = 25;

var d = document;
msg = msg.split("");
var n = msg.length; 
var y = 0;
var x = 0;
var yp = [];
var xp = [];
var yd = [];
var xd = [];
var temp = [];
var idx = document.getElementsByTagName('div').length;
var scy = 0;
var scx = 0;
var dom = (typeof window.pageYOffset == "number");

d.write('<div style="position:absolute;top:0px;left:0px;">'
+'<div style="position:relative">');

for (i = 0; i < n; i++){
d.write("<div id='letters"+(idx+i)+"' style='position : absolute;"
+"top : 0px;left : 0px;"
+"height : auto;width : "+size+"px;"
+"text-align : center;"
+"font : "+size+"px "+font+";color : "+colour+"'>"+msg[i]+"</div>");
}

document.write('</div></div>');

function scroll(){
if (dom){
scy = window.pageYOffset;
scx = window.pageXOffset;
}
else{
scy = d.documentElement.scrollTop||d.body.scrollTop;
scx = d.documentElement.scrollLeft||d.body.scrollLeft;
}
}

function mouse(e){
e = e||window.event;
y = yOffSet + ((e.pageY-scy)||e.clientY);
x = xOffSet + ((e.pageX-scx)||e.clientX);
}

function assign(){
for (i = 0; i < n; i++){
temp[i].top = Math.floor(yp[i]) + 'px';
temp[i].left = Math.floor(xp[i]) + (i*(size * 0.7)) + 'px'; 
} 
}

function ripple(){
yp[0] = yd[0]+=((y+scy)-yd[0]) * delay;
xp[0] = xd[0]+=((x+scx)-xd[0]) * delay;
for (var i = 1; i < n; i++){
yp[i] = yd[i]+=(yp[i-1] - yd[i]) * delay;
xp[i] = xd[i]+=(xp[i-1] - xd[i]) * delay;
}
scroll();
assign();
setTimeout(ripple,speed);
}

function init(){
for (i = 0; i < n; i++){
yp[i] = 0;
xp[i] = 0;
yd[i] = 0;
xd[i] = 0;
temp[i] = d.getElementById("letters"+(idx+i)).style; 
}
ripple();
}

if (window.addEventListener){
window.addEventListener("load",init,false);
document.addEventListener("mousemove",mouse,false);
}  
else if (window.attachEvent){
window.attachEvent("onload",init);
document.attachEvent("onmousemove",mouse);
} 
})();
}


var mymessage = "Samo opusteno!! ";
 
<!--
var message=" Hihihihi...";


function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// --> 

function rtclickcheck(keyp){
  if (navigator.appName == "Netscape" && keyp.which == 3) {
    alert(mymessage);
    return false;
  }
 
  if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {
    alert(mymessage);
    return false;
  }
}
 
document.onmousedown = rtclickcheck

//-->
</script>
U okviru same skripte mozete menjati tekst koji prati desni klik misa i kreirati tekstove iskacucih prozora po svojoj zelji.To bi recimo izgledalo ovako....



kopiranje.jpg
 
ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.332
MUZIKA U HTML FAJLU

Ako zelite da o okviru vaseg html fajla imate i muziku koja ce ici u pozadini i da se ona automatski startuje potrebno je samo u okviru java skripte koju postavljate pri samom dnu vaseg html fajla a iznad </html> da postavite link zeljene mp3 pesme koja se nalazi na netu na nekom od servera...Dakle posto postavite ovu skriptu u nju se menja link i postavljate naravno link od vase mp3 pesme....broj 1

snap201107100926.jpg


Inace skripta za muziku u pozadini i njeno automatsko pustanje izgleda ovako.....

PHP:
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="1" height="5" align="left">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf">
    <param name="bgcolor" value="#FFFFFF">
    <param name="FlashVars" value="mp3=http://www.alek04.x10.mx/Ameno-Era.mp3
&amp;autoplay=1&amp;loadingcolor=000000&amp;buttoncolor=000000&amp;slidercolor=000000">
</object>

To bi recimo naprimer izgledalo ovako ....



muzikat.jpg
 
ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.332
POSTAVLJANJE SLIKE

Mozete postaviti sliku po zelji u vas html fajl.Potrebno je da imate samo link od slike koju zelite i postaviti.Ja praktikujem slike uploadovati na Imageshach pa cu naravno postaviti izgled taga koji se koristi na imageshachu.Potrebno je samo da iskopirate ovu skriptu pri samom dnu vaseg html fajla a iznad </html>,te da umesto linkova moje slike postavite link od vase slike koja se nalazi na Imageshach serveru na kome se i uploaduju iste...Inace menjate link na dva mesta u skripti a ona bi izgledala ovako...

PHP:
<center><a href="http://img228.imageshack.us/i/reddragonwithredrose.gif/" target="_blank"><img src="http://img228.imageshack.us/img228/1046/reddragonwithredrose.gif" alt="Free Image Hosting at www.ImageShack.us" border="0"/></a></center>

To bi naprimer onda izgledalo i ovako.....

fueVC.png
 
Natrag
Top