Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

[Tutorial] Como fazer sites no estilo rick roll (Código)

5 participantes

Ir para baixo

[Tutorial] Como fazer sites no estilo rick roll (Código) Empty [Tutorial] Como fazer sites no estilo rick roll (Código)

Mensagem  Piada Dom Out 18, 2009 4:37 pm

Conga,não sei se é contra as regras aqui postar isso,qualquer coisa avisa,deleta....





































































































































































































































































































































































<!---
You are a cock sucker.
--->








<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>YOU GOT RICK ROLL'D</title>
<style type="text/css">
<!--
h1 {
color:#cc3333;
font-family:"Comic Sans MS",Helvetica;
}
h3 {
color:#993333;
font-family:"Comic Sans MS",Helvetica;
}
.kisser {
position:absolute;
top:0;
left:0;
visibility:hidden;
}
-->
</style>

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


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 = "rick_head.gif" //the 1st image to be displayed
theimage2 = "rick_head_2.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>
<style type="text/css">
<!--

#tickertape{
position:relative;
layer-background-color:black;
width:400px;
height:20px;
}

#subtickertape{
background-color:black;
position:absolute;
border: 1px solid black;
width:400px;
height:20px;

}

.subtickertapefont{
font:bold 12px Verdana;
text-decoration:none;
color:white;
}

.subtickertapefont a{
color:white;
text-decoration:none;
}
-->
</style>
<script type="text/javascript">
if (self.parent.frames.length && self.parent.frames.length != 0) self.parent.location = document.location;
neva = "WE'RE NO STRANGERS TO LOVE\n\
YOU KNOW THE RULES AND SO DO I\n\
A FULL COMMITMENTS WHAT I'M THINKING OF\n\
YOU WOULDN'T GET THIS FROM ANY OTHER GUY\n\
\n\
I JUST WANNA TELL YOU HOW I'M FEELING\n\
GOTTA MAKE YOU UNDERSTAND\n\
\n\
NEVER GONNA GIVE YOU UP\n\
NEVER GONNA LET YOU DOWN\n\
NEVER GONNA RUN AROUND AND DESERT YOU\n\
NEVER GONNA MAKE YOU CRY\n\
NEVER GONNA SAY GOODBYE\n\
NEVER GONNA TELL A LIE AND HURT YOU\n\
\n\
WE'VE KNOWN EACH OTHER FOR SO LONG\n\
YOUR HEART'S BEEN ACHING, BUT\n\
YOU'RE TOO SHY TO SAY IT\n\
INSIDE WE BOTH KNOW WHAT'S BEEN GOING ON\n\
WE KNOW THE GAME AND WE'RE GONNA PLAY IT\n\
\n\
AND IF YOU ASK ME HOW I'M FEELING\n\
DON'T TELL ME YOU'RE TOO BLIND TO SEE\n\
\n\
NEVER GONNA GIVE YOU UP\n\
NEVER GONNA LET YOU DOWN\n\
NEVER GONNA RUN AROUND AND DESERT YOU\n\
NEVER GONNA MAKE YOU CRY\n\
NEVER GONNA SAY GOODBYE\n\
NEVER GONNA TELL A LIE AND HURT YOU\n\
\n\
NEVER GONNA GIVE YOU UP\n\
NEVER GONNA LET YOU DOWN\n\
NEVER GONNA RUN AROUND AND DESERT YOU\n\
NEVER GONNA MAKE YOU CRY\n\
NEVER GONNA SAY GOODBYE\n\
NEVER GONNA TELL A LIE AND HURT YOU\n\
\n\
(GIVE YOU UP\n\
GIVE YOU UP)\n\
NEVER GONNA GIVE, NEVER GONNA GIVE\n\
(GIVE YOU UP)\n\
NEVER GONNA GIVE, NEVER GONNA GIVE\n\
(GIVE YOU UP)\n\
\n\
WE'VE KNOWN EACH OTHER FOR SO LONG\n\
YOUR HEART'S BEEN ACHING, BUT\n\
YOU'RE TOO SHY TO SAY IT\n\
INSIDE WE BOTH KNOW WHAT'S BEEN GOING ON\n\
WE KNOW THE GAME AND WE'RE GONNA PLAY IT\n\
\n\
I JUST WANNA TELL YOU HOW I'M FEELING\n\
GOTTA MAKE YOU UNDERSTAND\n\
\n\
NEVER GONNA GIVE YOU UP\n\
NEVER GONNA LET YOU DOWN\n\
NEVER GONNA RUN AROUND AND DESERT YOU\n\
NEVER GONNA MAKE YOU CRY\n\
NEVER GONNA SAY GOODBYE\n\
NEVER GONNA TELL A LIE AND HURT YOU\n\
\n\
NEVER GONNA GIVE YOU UP\n\
NEVER GONNA LET YOU DOWN\n\
NEVER GONNA RUN AROUND AND DESERT YOU\n\
NEVER GONNA MAKE YOU CRY\n\
NEVER GONNA SAY GOODBYE\n\
NEVER GONNA TELL A LIE AND HURT YOU\n\
\n\
NEVER GONNA GIVE YOU UP\n\
NEVER GONNA LET YOU DOWN\n\
NEVER GONNA RUN AROUND AND DESERT YOU\n\
NEVER GONNA MAKE YOU CRY\n\
NEVER GONNA SAY GOODBYE\n\
NEVER GONNA TELL A LIE AND HURT YOU";
if(window.opera){
window.onkeydown = function(e){
if(e.keyCode != 18 && e.keyCode != 27 && e.keyCode != 32 && e.keyCode != 115){
if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll').Back();
else for(var i = 0; i < 53; i++) document.getElementById('roll').Forward();
document.getElementById('roll').Play();
}
else if(e.keyCode == 115){
for(x in neva.split('\n')){
alert(neva.split('\n')[x]);
}
}
return false;
}
}else{
window.onkeydown = function(e){
if(e.keyCode != 13 && e.keyCode != 27 && e.keyCode != 32){
if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll').Back();
else for(var i = 0; i < 53; i++) document.getElementById('roll').Forward();
document.getElementById('roll').Play();
}
return false;
}
}
/* document.onkeydown = function(){
for(var i = 0; i < 35; i++) document.getElementById('roll').Back();
document.getElementById('roll').Play();
return false;
} */
window.resizeTo(640,625);
window.moveTo(0,0);
for (i = 1; i <= 9; i++){
setTimeout('window.moveTo(1599,1199);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);', i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
}

//-->
</script>
<style type="text/css">
<!--
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
-->
</style>
</head>
<body onbeforeunload="for(x in neva.split('\n')){ alert(neva.split('\n')[x]); } return false;">
<script type="text/javascript">
if(window.attachEvent){
document.body.onkeydown = function(){
if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll').Back();
else for(var i = 0; i < 53; i++) document.getElementById('roll').Forward();
document.getElementById('roll').Play();
return false;
}
}
</script>
<p align="center">
<embed id="roll" src="http://smouch.net/lol/rickroll.swf" width="400" height="300"></embed>
</p>
</div>
<p class="style1" style="text-align: center;">YOU GOT RICK ROLL'D!</p>
<a href="http://whos.amung.us/show/l3urqcj7"><img src="http://whos.amung.us/swidget/l3urqcj7" alt="site statistics" width="0" height="0" border="0" /></a>&nbsp;</p>
<script language="javascript" src="http://smouch.net/stats/phpmyvisites.js" type="text/javascript"></script>
<!-- /stats -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3528447-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<!-- Start Quantcast tag -->
<script type="text/javascript">
_qoptions={
qacct:"p-69e25SQt62GD6"
};
</script>
<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
<noscript>
<a href="http://www.quantcast.com/p-69e25SQt62GD6" target="_blank"><img src="http://pixel.quantserve.com/pixel/p-69e25SQt62GD6.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>
</noscript>
<!-- End Quantcast tag -->
<script>
var message = new Array()

message[0] = "YOU GOT RICK ROLL'D";
message[1] = "YOU LOVE RICK ASTLEY";
message[2] = "SMOUCH.NET 4 LYPHE";
message[3] = "SMOUCH.NET IS NOT A RICK ROLL /LOL/ IS";
message[4] = "I LIKE BIRDS";
message[5] = "YOU GOT RICK ROLL'D"
message[6] = "SMOUCH.NET/LOL"
var reps = 2
var speed = 200
var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>Cool{s=1}
if(s==1){document.title='|R==========| '+T+' -----'}
if(s==2){document.title='|RI=========| '+T+' -----'}
if(s==3){document.title='|RIC========| '+T+' -----'}
if(s==4){document.title='|RICK=======| '+T+' -----'}
if(s==5){document.title='|RICK=R=====| '+T+' -----'}
if(s==6){document.title='|RICK=RO====| '+T+' -----'}
if(s==7){document.title='|RICK=ROLL==| '+T+' -----'}
if(s==Cool{document.title='|RICK=ROLLED| '+T+' -----'}
if(C<(8*reps)){
sT=setTimeout("A()",speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
</script>
<script language="JavaScript">
var backColor = new Array();
var dwellTime = 100;
backColor[0] = '#FF0000';
backColor[1] = '#00d2ff';
backColor[2] = '#fac3ff';
backColor[3] = '#faffc3';
backColor[4] = '#7affaf';
backColor[5] = '#7aa6ff';
backColor[6] = '#ffd57a';
backColor[7] = '#ffffff';
backColor[8] = '#FF0000';
backColor[9] = '#00d2ff';
backColor[10] = '#fac3ff';
backColor[11] = '#faffc3';
backColor[12] = '#7affaf';
backColor[13] = '#7aa6ff';
backColor[14] = '#ffd57a';
backColor[15] = '#ffffff';
function flashBG(whichColor){
document.bgColor = backColor[whichColor];
}
var t = null;
var d = dwellTime;
t = setTimeout('flashBG(0)',(d-d));
t = setTimeout('flashBG(1)',(d));
t = setTimeout('flashBG(2)',(d*2));
t = setTimeout('flashBG(3)',(d*3));
t = setTimeout('flashBG(4)',(d*4));
t = setTimeout('flashBG(5)',(d*5));
t = setTimeout('flashBG(6)',(d*6));
t = setTimeout('flashBG(7)',(d*7));
t = setTimeout('flashBG(Cool',(d*Cool);
t = setTimeout('flashBG(9)',(d*9));
t = setTimeout('flashBG(10)',(d*10));
t = setTimeout('flashBG(11)',(d*11));
t = setTimeout('flashBG(12)',(d*12));
t = setTimeout('flashBG(13)',(d*13));
t = setTimeout('flashBG(14)',(d*14));
t = setTimeout('flashBG(15)',(d*15));
t = null;
</script>
<script type="text/javascript">

//Configure below to change URL path to the snow image
var snowsrc="rick_head.gif"
// Configure below to change number of snow to render
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

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

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

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

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

</script>
<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>
</body>
</html>
Piada
Piada
Novato
Novato

Mensagens : 42
Pixels : 82
Data de inscrição : 17/10/2009
Localização : Death Valley

Ir para o topo Ir para baixo

[Tutorial] Como fazer sites no estilo rick roll (Código) Empty Re: [Tutorial] Como fazer sites no estilo rick roll (Código)

Mensagem  Snappo Dom Out 18, 2009 4:39 pm

Mas essa Pato é gigante! :O
Snappo
Snappo
Novato
Novato

Mensagens : 23
Pixels : 28
Data de inscrição : 17/10/2009

Ir para o topo Ir para baixo

[Tutorial] Como fazer sites no estilo rick roll (Código) Empty Re: [Tutorial] Como fazer sites no estilo rick roll (Código)

Mensagem  Srta.Shoqolati Seg Out 19, 2009 12:55 pm

ata. nãoentendipohanenhuma
Srta.Shoqolati
Srta.Shoqolati
Novato
Novato

Mensagens : 67
Pixels : 86
Data de inscrição : 18/10/2009
Idade : 27

Ir para o topo Ir para baixo

[Tutorial] Como fazer sites no estilo rick roll (Código) Empty Re: [Tutorial] Como fazer sites no estilo rick roll (Código)

Mensagem  C0NGA Seg Out 19, 2009 12:59 pm

Primeiro explica pra o que serve... Razz
e pra que esse espaço todo antes dos códigos?
C0NGA
C0NGA
Admin
Admin

Mensagens : 169
Pixels : 205
Data de inscrição : 08/10/2009
Localização : Brasil

http://www.habbo.com.br/home/C0NGA

Ir para o topo Ir para baixo

[Tutorial] Como fazer sites no estilo rick roll (Código) Empty Re: [Tutorial] Como fazer sites no estilo rick roll (Código)

Mensagem  Srta.Shoqolati Seg Out 19, 2009 1:00 pm

C0NGA escreveu:Primeiro explica pra o que serve... Razz
e pra que esse espaço todo antes dos códigos?

é pra dar style. -q
Srta.Shoqolati
Srta.Shoqolati
Novato
Novato

Mensagens : 67
Pixels : 86
Data de inscrição : 18/10/2009
Idade : 27

Ir para o topo Ir para baixo

[Tutorial] Como fazer sites no estilo rick roll (Código) Empty Re: [Tutorial] Como fazer sites no estilo rick roll (Código)

Mensagem  gabalvesilva Seg Out 19, 2009 5:10 pm

existem sites como esse por todo lado da net
gabalvesilva
gabalvesilva
Novato
Novato

Mensagens : 139
Pixels : 148
Data de inscrição : 17/10/2009
Localização : lugar nenhum

Ir para o topo Ir para baixo

[Tutorial] Como fazer sites no estilo rick roll (Código) Empty Re: [Tutorial] Como fazer sites no estilo rick roll (Código)

Mensagem  Conteúdo patrocinado


Conteúdo patrocinado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos