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

ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.331
SLIKA POZADINE

Ako zelite umesto standardne jednobojne pozadine (objasnjen nacin postavljanja ranije) zelite i da imate zeljenu sliku mozete to jednostavno i uraditi.Potrebno je samo da imate link od vase slike koji cete postaviti u okviru same skripte.Inace skriptu cete postaviti u okviru vaseg head dela fajla stim sto morate posto postavite link od zeljene slike u delu backgraund-image obavezno postaviti u delu background -coolor na #000000 da bi se manifestovala slika koju postavljate.Inace skripta bi izgledala ovako....

PHP:
<style type="text/css">
html, body {
  color: white;
  background-color: #000000;
  background-image: url(http://i1106.hizliresim.com/2011/6/19/2078.gif);
  background-attachment: scroll;
  background-position: top center;
  background-repeat: repeat;
</style>

Posto postavili link od zeljene slike to bi recimo izgledalo ovako.....



slikapozadina.jpg
 
ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.331
YOUTUBE PESMA U FAJLU

Postavljanje zeljene pesme u okviru html fajla nije bas jednostavno jer morate pronaci zeljenu pesmu ,njen link gde je uploadovana sto zna stvarati probleme.Zato je daleko jednostavnije postaviti pesmu u pozadini vaseg html fajla a koja se vec nalazi na youtube.Inace youtube ima pesmumu koju pozelite ,doduse video klip ali mi cemo ga pretvoriti da nam se reprodukuje samo pesma i da se autostartuje u vasem html fajlu.Posto odabrali na youtube koju pesmu zelite postaviti u vas html fajl,desni klik misa na video klip vase odabrane pesme a zatim u padajucem meniju kliknite misem na Copy embed html...broj 1

pesma1.jpg


Zatim otvorite novi notepad prozor,desni klik misa u njemu te u padajucem meniju kliknite misem na Paste.......broj 2

pesma2.jpg


Nama je potreban link youtube klipa sve do znaka pitanja (?).Selektujte zatim youtube link sve do znaka pitanja,desni klik misa te u padajucem meniju kliknite misem na Copy.....broj 3

pesma3.jpg


Zatim otvorite vas notepad ++ fajl i zamenite vec postavljen youtube link ( u okviru skripte ) na nacin sto cete u okviru date skripte selektovati link sve do znaka pitanja a zatim desni klik misa te u padajucem meniju kliknite misem na paste....(dakle menjate u okviru java skripte link sve do znaka pitanja)...

pesma4.jpg


Inace skripta se postavlja pri samom dnu vaseg html fajla a iznad </html> i ona izgleda ovako.....

PHP:
[raw]<embed src="http://www.youtube.com/v/t-WnjVUBDbs?fs=1&amp;hl=nb_NO&amp;feature=related&amp;autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="1" height="1"></embed>

Posto postavili skriptu vasa pesma ce se automatski i pustiti u vasem html fajlu a to bi recimo izgledalo ovako....



pesma5.jpg
 
ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.331
COOL TEKST U HTML FAJLU

Ovo je po meni daleko najbolji nacin pisanja u okviru vaseg html fajla a koliko vidim omiljen je kod mnogih hak timova koji prave ove fajlove i postavljaju po raznoraznim serverima.U pitanju je malo slozenija java skripta koja se sastoji iz dva dela.Potrebno je prvi deo ove skripte da postavite u okviru head dela vaseg html fajla a skripta izgleda ovako......

PHP:
</style><style type="text/css"> 
<!--
body {
        background-color: #000000; --http://drainedapple.com/wp-content/uploads/2011/04/meh.ro2945.png
        background-image: url(../i39.tinypic.com/37tr4.gif);
}
.style3 {
        color: #FF0000;
        font-size: 12;
        font-family: Georgia, "Times New Roman", Times, serif;
}
.style10 {
        color: #999999;
        font-size: 14px;
}
.style13 {color: #FFFFFF; font-size: 20px; }
.style14 {color: #999999}
.style16 {font-size: 20px}
.style17 {color: #FFFFFF}
-->
 
</style>

Zatim takodje je potrebno da u okviru body dela vaseg html fajla postavite i skriptu.......

PHP:
<body>
        
        
          <script type="text/javascript"> 
TypingText = function(element, interval, cursor, finishedCallback) {
  if((typeof document.getElementById == "undefined") || (typeof element.innerHTML == "undefined")) {
    this.running = true;
    return;
  }
  this.element = element;
  this.finishedCallback = (finishedCallback ? finishedCallback : function() { return; });
  this.interval = (typeof interval == "undefined" ? 100 : interval);
  this.origText = this.element.innerHTML;
  this.unparsedOrigText = this.origText;
  this.cursor = (cursor ? cursor : "");
  this.currentText = "";
  this.currentChar = 0;
  this.element.typingText = this;
  if(this.element.id == "") this.element.id = "typingtext" + TypingText.currentIndex++;
  TypingText.all.push(this);
  this.running = false;
  this.inTag = false;
  this.tagBuffer = "";
  this.inHTMLEntity = false;
  this.HTMLEntityBuffer = "";
}
TypingText.all = new Array();
TypingText.currentIndex = 0;
TypingText.runAll = function() {
  for(var i = 0; i < TypingText.all.length; i++) TypingText.all[i].run();
}
TypingText.prototype.run = function() {
  if(this.running) return;
  if(typeof this.origText == "undefined") {
    setTimeout("document.getElementById('" + this.element.id + "').typingText.run()", this.interval);
    return;
  }
  if(this.currentText == "") this.element.innerHTML = "";
  if(this.currentChar < this.origText.length) {
    if(this.origText.charAt(this.currentChar) == "<" && !this.inTag) {
      this.tagBuffer = "<";
      this.inTag = true;
      this.currentChar++;
      this.run();
      return;
    } else if(this.origText.charAt(this.currentChar) == ">" && this.inTag) {
      this.tagBuffer += ">";
      this.inTag = false;
      this.currentText += this.tagBuffer;
      this.currentChar++;
      this.run();
      return;
    } else if(this.inTag) {
      this.tagBuffer += this.origText.charAt(this.currentChar);
      this.currentChar++;
      this.run();
      return;
    } else if(this.origText.charAt(this.currentChar) == "&" && !this.inHTMLEntity) {
      this.HTMLEntityBuffer = "&";
      this.inHTMLEntity = true;
      this.currentChar++;
      this.run();
      return;
    } else if(this.origText.charAt(this.currentChar) == ";" && this.inHTMLEntity) {
      this.HTMLEntityBuffer += ";";
      this.inHTMLEntity = false;
      this.currentText += this.HTMLEntityBuffer;
      this.currentChar++;
      this.run();
      return;
    } else if(this.inHTMLEntity) {
      this.HTMLEntityBuffer += this.origText.charAt(this.currentChar);
      this.currentChar++;
      this.run();
      return;
    } else {
      this.currentText += this.origText.charAt(this.currentChar);
    }
    this.element.innerHTML = this.currentText;
    this.element.innerHTML += (this.currentChar < this.origText.length - 1 ? (typeof this.cursor == "function" ? this.cursor(this.currentText) : this.cursor) : "");
    this.currentChar++;
    setTimeout("document.getElementById('" + this.element.id + "').typingText.run()", this.interval);
  } else {
        this.currentText = "";
        this.currentChar = 0;
        this.running = false;
        this.finishedCallback();
  }
}
</script> 
 </div> 
<center> 
  <p align="center" class="style3" id="message"><span class="style16">**********************************************************</span><br> 
 
      <span class="style16">Hacked</span></span>  <span class="style13">100%</span><span class="style16"><br> 
      <span class="style16"><Strong>Hack Team#</Strong></span></span>  <span class="style13">crysis,psymaniac,nikdemark,Mihajlo,Wolf13,...</span><span class="style16"><span class="style13"><br>
      <p align="center" class="style3"> 
      <span class="style16"><Strong>Security Team</Strong></span></span>  <span class="style13">angelus,sendi,bind,crvendac_011,Andjela7...</span><span class="style16"><span class="style13"><br>

      <p align="center" class="style3"> 
       <span class="style16"><Strong>Organization Team</Strong></span></span>  <span class="style13"> Phoenixx,Nele021,vlad cepes...</span><span class="style16"><span class="style13"><br>
      <p align="center" class="style3">
      <span class="style13"></span><span class="style16"><span class="style13"><br>
      <p align="center" class="style3"> 
      <span class="style13"></span> <font size=14><span class="style16"> <strong>Desigen by </strong></span></font>  <span class="style13"> <strong>  boki71 & Ana_ana   </strong></span><span class="style13"></span></span><span class="style13"> </span><span class="style16"></b> 

  <p align="center" class="style3" id="message"><span class="style16">**********************************************************</span><br>

      <script type="text/javascript"> 
new TypingText(document.getElementById("message"), 90, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });
 
TypingText.runAll();
 
    </script> 
    </span>      
      <p align="center" class="style3"><br>

        <br>          
        
  <br> 
  <br> 
        
        
    </body>

U okviru same skripte mozete menjati boju,velicinu slova,tekst i jos stosta sto pozelite a to bi izgledalo recimo ovako......



hakpisanje.jpg
 
ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.331
REDIREKCIONO DUGME

Mozete postaviti i redirekciono dugme u vas html fajl ako to i zelite.Jednostavno potrebno je samo iskopirati java skriptu koja se sastoji iz dva dela i klikom na ovo dugme preusmerice vas na sajt koji ste i stavili u skripti a u ovom slucaju serbijanforum.... Koperijajte u okviru head dela vaseg fajla sledecu java skriptu......
PHP:
<script type="text/javascript">
<!--
function myPopup() {
window.open( "http://www.serbianforum.org/" )
}
//-->
</script>

A zatim takodje u okviru body dela vaseg html fajla potrebno je iskopirati i postaviti java skriptu.....

Kod:
<form>
<center>
<input type="button" onClick="myPopup()" value="BOKI71!">
</form>
<p onClick="myPopup()">CLICK ME TOO!</p>
</center>

To bi recimo izgledalo ovako,stim sto mozete napraviti redirekciju ka adresi koju stavite u skripti.....


snap201107101922.jpg
 
Motherfucker xD
Član
Učlanjen(a)
30.08.2010
Poruka
587
Ok, hvala, . . . znam ja brate html i css, al me interesuje samo ta skripta :D . . . pa sam te zato pitao :)

ok koristicu desni klik :p

zasticemo je od desnog klika, tako da ne mogu da iskopiram kod :p
 
Poslednja izmena:
ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.331
UKRASNA SLOVA

Mozete postaviti i lepa ukrasna slova u vas html fajl ako to i zelite.Jednostavno potrebno je samo iskopirati kompletan html fajl ...u vas notepad ++ i usnimiti kao html fajl...

PHP:
<html>
<title>SERBIANFORUM</title>
<style>
body { background-color: silver; 
</style>
<Style type = "text/css">

.big { color: blue;
font-family: monotype corsiva;
font-size: 38pt;
font-weight: bold}

</style>

<script language = "JavaScript">

//Wave Text! by Spookdog (spookydog3@hotmail.com)
//Submitted to DynamicDrive.com
//For this script and more, visit http://www.dynamicdrive.com

<!--you can use this on your web page as long as the above stays in the script-->

var TimerID;
var updown = true;
var str = 1;

function start()
{
if (document.all)
TimerID = window.setInterval( "wave()", 100 );
}

function wave()
{
if ( str > 20 || str < 1 )
updown = !updown;

if ( updown )
str++;
else
str--;

wft.filters( "wave" ).phase = str * 20;
wft.filters( "wave" ).strength = str;
}

window.onload=start
</Script>

<head>

<body>
<center>
<div ID = "wft" Style = "width:600px; filter:wave(add=0, freq=4, light=0, phase=0, strength=5)" class = "big">
Dobrodosli na SerbianForum</div>
</center>
</body>
</html>

U okviru ovog html fajla mozete menjati boju pozadine,teksta,boju slova,velicinu,dodavati raznorazne slike......dakle dopuniti po svom ukusu i to bi otprilike izgledalo ovako......



snap201107102236.jpg
 
ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.331
NADOLAZECA SLOVA


Mozete postaviti i slova koja naizmenicno dolaze sa leve i desne strane u vas html fajl..Potrebno je da u vasem body delu html fajla usnimite sledecu java skriptu.....

PHP:
<center><h2 id="fly">*DOBRODOSLI NA SERBIANFORUM*</h2></center>

<script type="text/javascript">

//Flying Letters script- by Matthias (info@freejavascripts.f2s.com)
// Modified by Twey for efficiency and compatibility
//For this script and more, visit Dynamic Drive: http://www.dynamicdrive.com

//Configure message to display. Use "$" for linebreak
//By default, set to just grab the text from element with ID="fly"
message = document.getElementById("fly").innerHTML; // $ = taking a new line
distance = 50; // pixel(s)
speed = 200; // milliseconds

var txt="",
    num=0,
    num4=0,
    flyofle="",
    flyofwi="",
    flyofto="",
    fly=document.getElementById("fly");


function stfly() {
    for(i=0;i != message.length;i++) {
        if(message.charAt(i) != "$")
            txt += "<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>";
        else
            txt += "<br>";
    }
    fly.innerHTML = txt;
    txt = "";
    flyofle = fly.offsetLeft;
    flyofwi = fly.offsetWidth;
    flyofto = fly.offsetTop;
    fly2b();
}

function fly2b() {
    if(num4 != message.length) {
        if(message.charAt(num4) != "$") {
            var then = document.getElementById("n" + num4);
            then.style.left = flyofle - then.offsetLeft + flyofwi / 2;
            then.style.top = flyofto - then.offsetTop + distance;
            fly3(then.id, parseInt(then.style.left), parseInt(then.style.left) / 5, parseInt(then.style.top), parseInt(then.style.top) / 5);
        }
        num4++;
        setTimeout("fly2b()", speed);
    }
}

function fly3(target,lef2,num2,top2,num3) {
    if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)) {
        if(lef2 >= 0)
            lef2 -= num2;
        else
            lef2 += num2 * -1;
        if(Math.floor(lef2) != -1) {
            document.getElementById(target).style.visibility = "visible";
            document.getElementById(target).style.left = Math.floor(lef2);
        } else {
            document.getElementById(target).style.visibility = "visible";
            document.getElementById(target).style.left = Math.floor(lef2 + 1);
        }
        if(lef2 >= 0)
            top2 -= num3
        else
            top2 += num3 * -1;
        if(Math.floor(top2) != -1)
            document.getElementById(target).style.top = Math.floor(top2);
        else
            document.getElementById(target).style.top = Math.floor(top2 + 1);
        setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)
    }
}

stfly()

</script>

U okviru same skripte mozete postaviti tekst po zelji a takodje ,boju slova,velicinu...To bi recimo izgledalo ovako.....



snap201107102259.jpg
 
ADMINISTRATOR
Učlanjen(a)
10.05.1971
Poruka
54.331
MATRIKS TEKST

Meni jako drag nacin ispisivanja teksta.Potrebno je samo da iskopirate java skriptu i postavite u vas head deo html fajla.Inace matrix skripta teksta izgleda ovako.....
PHP:
<center><style type="text/css">
.matrix { font-family:Lucida Console, Courier, Monotype; font-size:30pt; text-align:center; width:80px; padding:0px; margin:0px;}
</style>
</center>
<script type="text/javascript" language="JavaScript">

<!--
var rows=11; // must be an odd number
var speed=50; // lower is faster
var reveal=2; // between 0 and 2 only. The higher, the faster the word appears
var effectalign="default" //enter "center" to center it.

/***********************************************
* The Matrix Text Effect- by Richard Womersley (http://www.mf2fm.co.uk/rv)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var w3c=document.getElementById && !window.opera;;
var ie45=document.all && !window.opera;
var ma_tab, matemp, ma_bod, ma_row, x, y, columns, ma_txt, ma_cho;
var m_coch=new Array();
var m_copo=new Array();
window.onload=function() {
    if (!w3c && !ie45) return
  var matrix=(w3c)?document.getElementById("matrix"):document.all["matrix"];
  ma_txt=(w3c)?matrix.firstChild.nodeValue:matrix.innerHTML;
  ma_txt=" "+ma_txt+" ";
  columns=ma_txt.length;
  if (w3c) {
    while (matrix.childNodes.length) matrix.removeChild(matrix.childNodes[0]);
    ma_tab=document.createElement("table");
    ma_tab.setAttribute("border", 0);
    ma_tab.setAttribute("align", effectalign);
    ma_tab.style.backgroundColor="#000000";
    ma_bod=document.createElement("tbody");
    for (x=0; x<rows; x++) {
      ma_row=document.createElement("tr");
      for (y=0; y<columns; y++) {
        matemp=document.createElement("td");
        matemp.setAttribute("id", "Mx"+x+"y"+y);
        matemp.className="matrix";
        matemp.appendChild(document.createTextNode(String.fromCharCode(160)));
        ma_row.appendChild(matemp);
      }
      ma_bod.appendChild(ma_row);
    }
    ma_tab.appendChild(ma_bod);
    matrix.appendChild(ma_tab);
  } else {
    ma_tab='<ta'+'ble align="'+effectalign+'" border="0" style="background-color:#000000">';
    for (var x=0; x<rows; x++) {
      ma_tab+='<t'+'r>';
      for (var y=0; y<columns; y++) {
        ma_tab+='<t'+'d class="matrix" id="Mx'+x+'y'+y+'">&nbsp;</'+'td>';
      }
      ma_tab+='</'+'tr>';
    }
    ma_tab+='</'+'table>';
    matrix.innerHTML=ma_tab;
  }
  ma_cho=ma_txt;
  for (x=0; x<columns; x++) {
    ma_cho+=String.fromCharCode(32+Math.floor(Math.random()*94));
    m_copo[x]=0;
  }
  ma_bod=setInterval("mytricks()", speed);
}

function mytricks() {
  x=0;
  for (y=0; y<columns; y++) {
    x=x+(m_copo[y]==100);
    ma_row=m_copo[y]0;
    if (ma_row && m_copo[y]<100) {
      if (ma_row<rows+1) {
        if (w3c) {
          matemp=document.getElementById("Mx"+(ma_row-1)+"y"+y);
          matemp.firstChild.nodeValue=m_coch[y];
        }
        else {
          matemp=document.all["Mx"+(ma_row-1)+"y"+y];
          matemp.innerHTML=m_coch[y];
        }
        matemp.style.color="#33ff66";
        matemp.style.fontWeight="bold";
      }
      if (ma_row>1 && ma_row<rows+2) {
        matemp=(w3c)?document.getElementById("Mx"+(ma_row-2)+"y"+y):document.all["Mx"+(ma_row-2)+"y"+y];
        matemp.style.fontWeight="normal";
        matemp.style.color="#00ff00";
      }
      if (ma_row>2) {
          matemp=(w3c)?document.getElementById("Mx"+(ma_row-3)+"y"+y):document.all["Mx"+(ma_row-3)+"y"+y];
        matemp.style.color="#009900";
      }
      if (ma_row<Math.floor(rows/2)+1) m_copo[y]++;
      else if (ma_row==Math.floor(rows/2)+1 && m_coch[y]==ma_txt.charAt(y)) zoomer(y);
      else if (ma_row<rows+2) m_copo[y]++;
      else if (m_copo[y]<100) m_copo[y]=0;
    }
    else if (Math.random()>0.9 && m_copo[y]<100) {
      m_coch[y]=ma_cho.charAt(Math.floor(Math.random()*ma_cho.length));
      m_copo[y]++;
    }
  }
  if (x==columns) clearInterval(ma_bod);
}

function zoomer(ycol) {
  var mtmp, mtem, ytmp;
  if (m_copo[ycol]==Math.floor(rows/2)+1) {
    for (ytmp=0; ytmp<rows; ytmp++) {
      if (w3c) {
        mtmp=document.getElementById("Mx"+ytmp+"y"+ycol);
        mtmp.firstChild.nodeValue=m_coch[ycol];
      }
      else {
        mtmp=document.all["Mx"+ytmp+"y"+ycol];
        mtmp.innerHTML=m_coch[ycol];
      }
      mtmp.style.color="#33ff66";
      mtmp.style.fontWeight="bold";
    }
    if (Math.random()<reveal) {
      mtmp=ma_cho.indexOf(ma_txt.charAt(ycol));
      ma_cho=ma_cho.substring(0, mtmp)+ma_cho.substring(mtmp+1, ma_cho.length);
    }
    if (Math.random()<reveal-1) ma_cho=ma_cho.substring(0, ma_cho.length-1);
    m_copo[ycol]+=199;
    setTimeout("zoomer("+ycol+")", speed);
  }
  else if (m_copo[ycol]>200) {
    if (w3c) {
      mtmp=document.getElementById("Mx"+(m_copo[ycol]-201)+"y"+ycol);
      mtem=document.getElementById("Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol);
    }
    else {
      mtmp=document.all["Mx"+(m_copo[ycol]-201)+"y"+ycol];
      mtem=document.all["Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol];
    }
    mtmp.style.fontWeight="normal";
    mtem.style.fontWeight="normal";
    setTimeout("zoomer("+ycol+")", speed);
  }
  else if (m_copo[ycol]==200) m_copo[ycol]=100+Math.floor(rows/2);
  if (m_copo[ycol]>100 && m_copo[ycol]<200) {
    if (w3c) {
      mtmp=document.getElementById("Mx"+(m_copo[ycol]-101)+"y"+ycol);
      mtmp.firstChild.nodeValue=String.fromCharCode(160);
      mtem=document.getElementById("Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol);
      mtem.firstChild.nodeValue=String.fromCharCode(160);
    }
    else {
      mtmp=document.all["Mx"+(m_copo[ycol]-101)+"y"+ycol];
      mtmp.innerHTML=String.fromCharCode(160);
      mtem=document.all["Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol];
      mtem.innerHTML=String.fromCharCode(160);
    }
    setTimeout("zoomer("+ycol+")", speed);
  }
}
// -->
</script>

Zatim posto postavili treba takodje iskopirati u okviru html fajla a iznad </html> sledecu skriptu sa zeljenim tekstom u njoj koji ce se i prikazivati......

PHP:
<center>
<div id="matrix">SERBIANFORUM*boki71</div>
</center>

U okviru skripte mozete menjati velicinu slova,brzinu,boju i jos dosta toga i to bi izgledalo recimo ovako.......



snap201107102333.jpg
 
Natrag
Top