Códigos livres

Shivans · Fevereiro 2, 2004

Redirecionador de tamanho de tela

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código:

Cole o código entre as tags "<head> e </head>" da sua página HTML.

<script LANGUAGE="JavaScript">//SuperDicas StarMedia Home Pages http://homepages.starmedia.com/superdicas/<!--function redirecionarPag() {var url640 = "Coloque o endereço para resolução em 640x480 aqui";var url800 = "Coloque o endereço para resolução em 800x600 aqui";var url1024 = "Coloque o endereço para resolução em 1024x768 aqui"; if ((screen.width == 640) && (screen.height == 480)) window.location.href= url640;else if ((screen.width == 800) && (screen.height == 600))window.location.href= url800;else if ((screen.width == 1024) && (screen.height == 768))window.location.href= url1024;else window.location.href= url800;}redirecionarPag();// --></SCRIPT>

Shivans · Fevereiro 6, 2004

Texto animado

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código

<script language="JavaScript"><!--done = 0;step = 4function anim(yp,yk){if(document.layers) document.layers["texto"].top=yp;else document.all["texto"].style.top=yp;if(yp>yk) step = -4if(yp<60) step = 4setTimeout('anim('+(yp+step)+','+yk+')', 35);}function start(){if(done) returndone = 1;if(navigator.appName=="Netscape") {document.texto.left=innerWidth/2 - 145;anim(60,innerHeight - 60)}else {texto.style.left=11;anim(60,document.body.offsetHeight - 60)}}// --></script> <div id="texto" style="position: absolute; top: -50; color: #FF8000; font-family: Arial, Helvetica; font-weight:bold; font-size:40px;"> <p><font face="Arial, Helvetica, sans-serif" size="3"><b><font size="6" color="#990000">COLOQUE SEU TEXTO AQUI</font></b></font></p></div> <script language="JavaScript"><!--setTimeout('start()',10);//--></script>

Shivans · Fevereiro 6, 2004

Página de abertura

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código

<HTML><HEAD><TITLE>Coloque o título aqui</TITLE><script LANGUAGE = "JavaScript">function makeArray() {this.length = makeArray.arguments.length;for (var i = 0; i < this.length; i++)this[i + 1] = makeArray.arguments[i];} function makeSlideShow (obj, wait, pre, url) {this.curText = '';this.posit = 1; this.word = obj; this.length = obj.length;this.pre = pre;this.wait = wait;this.url = url;this.display = displaySlideShow;} function displaySlideShow() {if (this.posit <= this.length) {this.curText = this.word[this.posit]outStringWord = blankFrameTop + this.pre + this.curText + blankFrameBottom;parent.draw.location = 'javascript:parent.outStringWord';this.posit++;}else {doneLoop = true;top.location = this.url;}} function displayLoop() {if (!doneLoop) reDraw = setTimeout('displayLoop()', wordIntro.wait);wordIntro.display();} var words = new makeArray ('Coloque o primeiro texto aqui', 'Coloque o segundo texto aqui', 'Coloque o terceiro texto aqui', 'Coloque o quarto texto aqui', 'ABRINDO O SITE... ');var wordIntro = new makeSlideShow (words, 2500, '<CENTER><BR><BR><BR><BR><BR><BR><BR><BR><FONT SIZE = 5>', 'Coloque aqui o URL da página que vai aparecer');var blankFrameTop = '<HTML><BODY BGCOLOR = "#000000" TEXT = "#FFFFFF">';var blankFrameBottom = '</BODY></HTML>';var blankFrame = blankFrameTop + blankFrameBottom;var doneLoop = false;</SCRIPT></HEAD><FRAMESET onLoad = "displayLoop()" ROWS = "100%, *" FRAMEBORDER = NO BORDER = 0> <FRAME SCROLLING=AUTOSRC = "javascript:parent.blankFrame"NAME = "draw" MARGINWIDTH = 2 MARGINHEIGHT = 2></FRAMESET> </HTML>

Shivans · Fevereiro 7, 2004

Texto na barra de status

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

Para ter este recurso em seu site é necessário que você siga dois passos:

- Passo 1

Copie o código abaixo e cole-o em sua página HTML.

<script LANGUAGE="JavaScript"><!-- var speed = 10 var pause = 1500 var timerID = nullvar bannerRunning = false var ar = new Array() ar[0] = "Coloque aqui o primeiro texto "ar[1] = "Coloque aqui o segundo texto"ar[2] = "Coloque aqui o terceiro texto"ar[3] = "Coloque aqui o quarto texto"ar[4] = "Coloque aqui o quinto texto" var message = 0 var state = "" clearState() function stopBanner() { if (bannerRunning) clearTimeout(timerID) timerRunning = false} function startBanner() { stopBanner() showBanner()} function clearState() { state = "" for (var i = 0; i < ar[message].length; ++i) { state += "0" }} function showBanner() { if (getString()) { message++ if (ar.length <= message) message = 0 clearState() timerID = setTimeout("showBanner()", pause) } else { var str = "" for (var j = 0; j < state.length; ++j) { str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " " } window.status = str timerID = setTimeout("showBanner()", speed) }} function getString() { var full = true for (var j = 0; j < state.length; ++j) { if (state.charAt(j) == 0) full = false } if (full) return true while (1) { var num = getRandom(ar[message].length) if (state.charAt(num) == "0") break } state = state.substring(0, num) + "1" + state.substring(num + 1, state.length) return false} function getRandom(max) { var now = new Date() var num = now.getTime() * now.getSeconds() * Math.random() return num % max}// --></script>

- Passo 2

Coloque o seguinte código na tag <body> de sua página:

<Body onLoad="startBanner()">

Se por acaso já existirem outros parâmetros na sua tag body, simplesmente dê um espaço após o último e inclua onLoad="startBanner()".

Este comando é importante para fazer com que o texto apareça na barra de status assim que a página carregar.

Shivans · Fevereiro 9, 2004

Botão animado

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código

<font face="Arial, Helvetica, sans-serif" size="2"><script language="JavaScript">var timerID = nullvar timerRunning = falsevar charNo = 0var charMax = 0var lineNo = 0var lineMax = 3var lineArr = new Array(lineMax)var urlArr = new Array(lineMax)lineArr[1] = "StarMedia" urlArr[1] = "http://www.starmedia.com"lineArr[2] = "StarMedia Home Pages" urlArr[2] = "http://www.starmedia.com/orbita"lineArr[3] = "Cadê?" urlArr[3] = "http://www.cade.com.br"var lineText = lineArr[1]function StartShow() {StopShow()ShowLine()timerRunning = true}function FillSpaces() {for (var i = 1; i <= lineWidth; i++) {spaces += " "}}function StopShow() {if (timerRunning) {clearTimeout(timerID)timerRunning = false}}function ShowLine() {if (charNo == 0) {if (lineNo < lineMax) {lineNo++}else {lineNo = 1}lineText = lineArr[lineNo]charMax = lineText.length}if (charNo <= charMax) {document.formDisplay.buttonFace.value = lineText.substring(0, charNo)charNo++timerID = setTimeout("ShowLine()", 100)}else {charNo = 0timerID = setTimeout("ShowLine()", 3000)}}function GotoUrl(url){top.location.href = url} document.write("<form name=\"formDisplay\">");document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">");document.write("</form>");StartShow();</script></font>

Shivans · Fevereiro 9, 2004

Letreiro de mensagens

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

Para ter este recurso em seu site é necessário que você siga dois passos:

- Passo 1

Copie o código abaixo e cole-o em sua página HTML:

Inclua o seguinte código em sua tag "<BODY>", dê um espaço após o último parâmetro e inclua o seguinte:

onload="if (document.all||document.layers) {regenerate2();update()}"

Um exemplo simples de como ficaria a tag:

- Passo 2

Cole em sua página HTML o código abaixo personalizando os trechos em vermelho.

<style><!-- #mensagem{position:relative;layer-background-color:black;width:400;height:12;}#submensagem{background-color:black;position:absolute;border: 1px solid black;width:400;height:12;}.submensagemfont{font:bold 12px Verdana;text-decoration:none;color:white;}.submensagemfont a{top:0;color:white;text-decoration:none;}--></style><div id="mensagem"> <div id="submensagem" class="submensagemfont">Iniciando...</div></div><script language="JavaScript1.2">var speed=4500var textos=new Array()textos[0]="<center><a href='Link1 Aqui'>Descrição link1 aqui</a></center>"textos[1]="<center><a href='Link2 Aqui'>Descrição link2 aqui</a></center>"textos[2]="<center><a href='Link3 Aqui'>Descrição link3 aqui</a></center>"i=0if (document.all)tickerobject=document.all.submensagem.styleelsetickerobject=document.mensagem.documentfunction regenerate(){window.location.reload()}function regenerate2(){if (document.layers)setTimeout("window.onresize=regenerate",450)}function update(){BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10);if (document.layers){document.mensagem.document.submensagem.document.write('<span class="submensagemfont">'+textos[i]+'</span>')document.mensagem.document.submensagem.document.close()}else document.all.submensagem.innerHTML=textos[i]if (i<textos.length-1)i++elsei=0setTimeout("update()",speed)}function BgFade(red1, grn1, blu1, red2,grn2, blu2, steps) {sred = red1; sgrn = grn1; sblu = blu1; ered = red2; egrn = grn2; eblu = blu2; inc = steps; step = 0; RunFader();}function RunFader() {var epct = step/inc; var spct = 1 - epct; if (document.layers)tickerobject.bgColor =Math.floor(sred * spct + ered *epct)*256*256 +Math.floor(sgrn * spct + egrn * epct)*256 +Math.floor(sblu * spct + eblu * epct); elsetickerobject.backgroundColor=Math.floor(sred * spct + ered *epct)*256*256 +Math.floor(sgrn * spct + egrn * epct)*256 +Math.floor(sblu * spct + eblu * epct); if ( step < inc ) {setTimeout('RunFader()',50); }step++;}</script>

- Personalizando

Você pode reparar que o principal trecho do código é :

textos[0]="<center><a href='Link1 aqui'>Descrição link1 aqui</a></center>"

textos[1]="<center><a href='Link2 aqui'>Descrição link2 aqui</a></center>"

textos[2]="<center><a href='Link3 aqui'>Descrição link3 aqui</a></center>"

Aqui você define os links e textos de cada notícia que quer em sua página. Para incluir mais links e textos é muito simples. Na seqüência:

"textos[0], textos[1] e textos[2]", some 1 ao valor do texto para acrescentar mais um texto. Neste caso seria "textos[3]" para completar o código.

Exemplo:

textos[3]="<center><a href='Link4 aqui'>Descrição link4 aqui</a></center>"

Shivans · Fevereiro 9, 2004

Efeito de abertura

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código

Cole em sua página HTML o código abaixo.

<style><!--.entrada{position:absolute;left:0;top:0;layer-background-color:green;background-color:green;border:0.1px solid green}--></style><div id="i1" class="entrada"></div><div id="i2" class="entrada"></div><div id="i3" class="entrada"></div><div id="i4" class="entrada"></div><div id="i5" class="entrada"></div><div id="i6" class="entrada"></div><div id="i7" class="entrada"></div><div id="i8" class="entrada"></div><script language="JavaScript1.2">//var velocidade=10var tempo=new Array()var tempo2=new Array()if (document.layers){for (i=1;i<=8;i++){tempo[i]=eval("document.i"+i+".clip")tempo2[i]=eval("document.i"+i)tempo[i].width=window.innerWidth/8-0.3tempo[i].height=window.innerHeighttempo2[i].left=(i-1)*tempo[i].width}}else if (document.all){var clipbottom=document.body.offsetHeight,cliptop=0for (i=1;i<=8;i++){tempo[i]=eval("document.all.i"+i+".style")tempo[i].width=document.body.clientWidth/8tempo[i].height=document.body.offsetHeighttempo[i].left=(i-1)*parseInt(tempo[i].width)}}function openit(){window.scrollTo(0,0)if (document.layers){for (i=1;i<=8;i=i+2)tempo[i].bottom-=velocidadefor (i=2;i<=8;i=i+2)tempo[i].top+=velocidadeif (tempo[2].top>window.innerHeight)clearInterval(stopit)}else if (document.all){clipbottom-=velocidadefor (i=1;i<=8;i=i+2){tempo[i].clip="rect(0 auto+"+clipbottom+" 0)"}cliptop+=velocidadefor (i=2;i<=8;i=i+2){tempo[i].clip="rect("+cliptop+" auto auto)"}if (clipbottom<=0)clearInterval(stopit)}}function gogo(){stopit=setInterval("openit()",100)}gogo()</script>

- Mudando a cor do efeito

Não gostou da cor verde? Então você pode mudar para uma outra cor qualquer. É muito simples! Veja:

Repare que existe um trecho do código que contém:

<style>

<!--

.entrada{

position:absolute;

left:0;

top:0;

layer-background-color:green;

background-color:green;

border:0.1px solid green

}

-->

</style>

Onde se lê "green" (verde em inglês), você deve colocar o nome em inglês ou o código hexadecimal da cor que deseja.

Você pode também selecionar uma das cores abaixo e substituir o trecho que citamos do código original por este novo que você receber.

Shivans · Fevereiro 26, 2004

Efeito de abertura múltiplo

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código

Cole em sua página HTML o código abaixo.

<style>.intro{position:absolute;left:0;top:0;layer-background-color:green;background-color:green;border:0.1px solid green}</style> <div id="i1" class="intro"></div><div id="i2" class="intro"></div><div id="i3" class="intro"></div><div id="i4" class="intro"></div><div id="i5" class="intro"></div><div id="i6" class="intro"></div><div id="i7" class="intro"></div><div id="i8" class="intro"></div><script language="JavaScript1.2">var velocidade=20var tempo=new Array()var tempo2=new Array()if (document.layers){for (i=1;i<=8;i++){tempo[i]=eval("document.i"+i+".clip")tempo2[i]=eval("document.i"+i)tempo[i].width=window.innerWidthtempo[i].height=window.innerHeight/8tempo2[i].top=(i-1)*tempo[i].height}}else if (document.all){var clipright=document.body.clientWidth,clipleft=0for (i=1;i<=8;i++){tempo[i]=eval("document.all.i"+i+".style")tempo[i].width=document.body.clientWidthtempo[i].height=document.body.offsetHeight/8tempo[i].top=(i-1)*parseInt(tempo[i].height)}}function openit(){window.scrollTo(0,0)if (document.layers){for (i=1;i<=8;i=i+2)tempo[i].right-=velocidadefor (i=2;i<=8;i=i+2)tempo[i].left+=velocidadeif (tempo[2].left>window.innerWidth)clearInterval(stopit)}else if (document.all){clipright-=velocidadefor (i=1;i<=8;i=i+2){tempo[i].clip="rect(0 "+clipright+" auto 0)"}clipleft+=velocidadefor (i=2;i<=8;i=i+2){tempo[i].clip="rect(0 auto auto "+clipleft+")"}if (clipright<=0)clearInterval(stopit)}}function gogo(){stopit=setInterval("openit()",100)}gogo()</script>

- Mudando a cor do efeito

Não gostou da cor verde? Então você pode mudar para uma outra cor qualquer. É muito simples! Veja:

Repare que existe um trecho do código que contém:

<style>

<!--

.entrada{

position:absolute;

left:0;

top:0;

layer-background-color:green;

background-color:green;

border:0.1px solid green

}

-->

</style>

Onde se lê "green" (verde em inglês), você deve colocar o nome em inglês ou o código hexadecimal da cor que deseja.

Você pode também selecionar uma das cores abaixo e substituir o trecho que citamos do código original por este novo que você receber.

Shivans · Fevereiro 26, 2004

Efeito de abertura horizontal

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código

Cole em sua página HTML o código abaixo.

<style>.intro{position:absolute;left:0;top:0;layer-background-color:black;background-color:black;border:0.1px solid black}</style><div id="i1" class="intro" style="background-color: #000000"></div><div id="i2" class="intro" style="background-color: #000000"></div> <script language="JavaScript1.2">var velocidade=10 //Quanto maior o valor, maior a velocidade aquivar tempo=new Array()var tempo2=new Array()if (document.layers){for (i=1;i<=2;i++){tempo[i]=eval("document.i"+i+".clip")tempo2[i]=eval("document.i"+i)tempo[i].width=window.innerWidth/2tempo[i].height=window.innerHeighttempo2[i].left=(i-1)*tempo[i].width}}else if (document.all){var clipright=document.body.clientWidth/2,clipleft=0for (i=1;i<=2;i++){tempo[i]=eval("document.all.i"+i+".style")tempo[i].width=document.body.clientWidth/2tempo[i].height=document.body.offsetHeighttempo[i].left=(i-1)*parseInt(tempo[i].width)}}function openit(){window.scrollTo(0,0)if (document.layers){tempo[1].right-=velocidadetempo[2].left+=velocidadeif (tempo[2].left>window.innerWidth/2)clearInterval(stopit)}else if (document.all){clipright-=velocidadetempo[1].clip="rect(0 "+clipright+" auto 0)"clipleft+=velocidadetempo[2].clip="rect(0 auto auto "+clipleft+")"if (clipright<=0)clearInterval(stopit)}}function gogo(){stopit=setInterval("openit()",100)}gogo()</script>

- Mudando a cor do efeito

Não gostou da cor verde? Então você pode mudar para uma outra cor qualquer. É muito simples! Veja:

Repare que existe um trecho do código que contém:

<style>

<!--

.entrada{

position:absolute;

left:0;

top:0;

layer-background-color:green;

background-color:green;

border:0.1px solid green

}

-->

</style>

Onde se lê "green" (verde em inglês), você deve colocar o nome em inglês ou o código hexadecimal da cor que deseja.

Você pode também selecionar uma das cores abaixo e substituir o trecho que citamos do código original por este novo que você receber.

Shivans · Fevereiro 26, 2004

Marca dágua

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código

Cole em sua página HTML o código abaixo.

<div id="marca" style="position:absolute; visibility:show; left:225px; top:-100px; z-index:2"><IMG SRC="Coloque aqui o nome da sua imagem" border=0></div><script language=javaScript>function checanav(){var x = navigator.appVersion;y = x.substring(0,4);if (y>=4) variaveis(),local();}function variaveis(){if (navigator.appName == "Netscape") {h=".left";v=".top";dS="document.";sD="";iW="window.innerWidth"iH="window.innerHeight"osX="window.pageXOffset"osY="window.pageYOffset"}else{h=".pixelLeft";v=".pixelTop";dS="";sD=".style";iW="document.body.clientWidth"iH="document.body.clientHeight"osX="document.body.scrollLeft"osY="document.body.scrollTop"}}obW=99+30obH=24+40objectXY="marca" function local(){eval(dS+objectXY+sD+h+"="+((eval(iW))-obW+(eval(osX))));eval(dS+objectXY+sD+v+"="+((eval(iH))-obH+(eval(osY))));setTimeout("local()",100)}checanav()</script>

Shivans · Fevereiro 27, 2004

Imagem que segue o mouse

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

Para ter este recurso em seu site é necessário que você siga dois passos:

- Passo 1

Cole em sua página HTML o código abaixo.

<script language="JavaScript"><!-- function YY_Mousetrace(evnt){ if (yyns4){if (evnt.pageX) {yy_ml=evnt.pageX; yy_mt=evnt.pageY;} }else{yy_ml=(event.clientX + document.body.scrollLeft);yy_mt=(event.clientY + document.body.scrollTop);}if (yy_tracescript)eval(yy_tracescript)}//--></script><script language="JavaScript"><!--function YY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep) {if ((document.layers)||(document.all)){eval("myfunc=yyfnx.replace(/x/gi, yycnt)");with (Math) {yynextx= eval(myfunc)}eval("myfunc=yyfny.replace(/x/gi, yycnt)");with (Math) {yynexty= eval(myfunc)}yycnt=(yyloop && yycnt>=yystep*yybilder)?0:yycnt+yystep;if (document.layers){eval(yydiv+".top="+(yynexty+yytop))eval(yydiv+".left="+(yynextx+yyleft))}if (document.all){eval("yydiv=yydiv.replace(/.layers/gi, '.all')");eval(yydiv+".style.pixelTop="+(yynexty+yytop));eval(yydiv+".style.pixelLeft="+(yynextx+yyleft));}argStr='YY_Layerfx('+yyleft+','+yytop+',"'+yyfnx+'","'+yyfny+'","'+yydiv+'", '+yybilder+','+yyloop+','+yyto+','+yycnt+','+yystep+')';if (yycnt<=yystep*yybilder){eval(yydiv+".yyto=setTimeout(argStr,yyto)");}} } //--></script><script language='JavaScript'><!--var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;if (yyns4) document.captureEvents(Event.MOUSEMOVE);document.onmousemove = YY_Mousetrace;yy_tracescript = '';//--></script>

<div id="Orbita" style="position:absolute; left: 475px; top: 11px; width: 36px; height: 32px"><img src="Coloque aqui o nome de arquivo de imagem" border=0></div>

O nome do arquivo de imagem que vai estar junto do mouse pode ser do tipo gif ou jpg.

- Passo 2

Agora é necessário que você coloque o código abaixo na sua tag <body>. Ela ficará assim:

<body onLoad="YY_Mousetrace('',',document.YY_Mousetrace1'); YY_Layerfx(8,18,'yy_ml','yy_mt','document.layers[\'Orbita\']',50000,false,0,0,10)">

Se por acaso já houver outros parâmetros em sua tag <body>, dê um espaço após o último e depois inclua :

onLoad="YY_Mousetrace('',',document.YY_Mousetrace1'); Y_Layerfx(8,18,'yy_ml','yy_mt','document.layers[\'Orbita\']',50000,false,0,0,10Y

Shivans · Fevereiro 27, 2004

Botão colorido

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

Copie o código abaixo e cole-o dentro da tag de formulário de sua página:

<input type="submit" name="button" value="Título do Botão aqui" style="color: #FFFFFF; background-color: #000099">

Obs: Este exemplo foi criado levando-se em conta a cor do botão azul.

Shivans · Fevereiro 27, 2004

Efeitos especiais para links

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código:

Inclua o seguinte código entre as tags "<head>" e "</head>" de sua página:

<style type="text/css"><!--a:link { color: #000000; text-decoration: none; background-color: none}a:hover { color: #000000; text-decoration: none; background-color: none; cursor: hand}a:visited { color: #000000; text-decoration: none; background-color: none; cursor: hand}--></style>

Obs: Este exemplo foi criado levando-se em conta a cor preta para os links.

Shivans · Fevereiro 27, 2004

Texto que segue o mouse

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código

Cole o código abaixo em sua página.

<style>.animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:black;}</style><script language=JavaScript>var x,yvar tempo=20var espera=0 var texto="Coloque o Texto aqui "texto=texto.split("")var xpos=new Array()for (i=0;i<=texto.length-1;i++) {xpos[i]=-50}var ypos=new Array()for (i=0;i<=texto.length-1;i++) {ypos[i]=-50}function seguir(e){x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientXy = (document.layers) ? e.pageY : document.body.scrollTop+event.clientYespera=1}function animar_cursor() {if (espera==1 && document.all) {for (i=texto.length-1; i>=1; i--) {xpos[i]=xpos[i-1]+tempoypos[i]=ypos[i-1]}xpos[0]=x+tempoypos[0]=yfor (i=0; i<texto.length-1; i++) {var camada = eval("span"+(i)+".style")camada.posLeft=xpos[i]camada.posTop=ypos[i]}}else if (espera==1 && document.layers) {for (i=texto.length-1; i>=1; i--) {xpos[i]=xpos[i-1]+tempoypos[i]=ypos[i-1]}xpos[0]=x+tempoypos[0]=yfor (i=0; i<texto.length-1; i++) {var camada = eval("document.span"+i)camada.left=xpos[i]camada.top=ypos[i]}}var timer=setTimeout("animar_cursor()",30)} </script><script Language=JavaScript>for (i=0;i<=texto.length-1;i++) {document.write("<span id='span"+i+"' class='animado'>")document.write(texto[i])document.write("</span>")} if (document.layers){document.captureEvents(Event.MOUSEMOVE);}document.onmousemove = seguir;animar_cursor()</script>

Shivans · Fevereiro 27, 2004

Imagem voando pela tela

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código

Cole o código abaixo em sua página.

Lembre-se de que a imagem deve estar no mesmo diretório da sua página HTML.

<script language="JavaScript1.2"> var imagem="Coloque o nome do arquivo de imagem aqui"if (document.layers){document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img src='"+imagem+"' ></LAYER>")}else if (document.all){document.write("<div id='animacao' style='position:absolute; top:10px; left:10px; width:17px; height:22px; z-index:50'> <img src='"+imagem+"'> </div>")} conta=-1; move=1;function curva(){abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6)for (i=0; i < abc.length; i++){var C=Math.round(Math.random()*[i])}iniciar=abc[C];setTimeout('curva()',1900);return iniciar;}ypos=10;xpos=10;movimento = 60;function moveR(){caminho=movimento+=iniciar;y = 4*Math.sin(caminho*Math.PI/180);x = 6*Math.cos(caminho*Math.PI/180);if (document.layers){ypos+=y;xpos+=x;document.animacao.top=ypos+window.pageYOffset;document.animacao.left=xpos+window.pageXOffset;}else if (document.all){ypos+=y;xpos+=x;document.all.animacao.style.top=ypos+document.body.scrollTop;document.all.animacao.style.left=xpos+document.body.scrollLeft;}T=setTimeout('moveR()',50);}function edges(){if (document.layers){if (document.animacao.left >= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5);if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5);if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK!if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK!}else if (document.all){if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5);if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5);if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK!if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK!}setTimeout('edges()',100);}function efeito(){curva();moveR();// onUnload="opener.gO()"edges();}if (document.all||document.layers)efeito()</script>

Shivans · Fevereiro 27, 2004

Janela animada

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código

Copie o código a seguir e cole-o em suas páginas abaixo da tag <Body>.

<script LANGUAGE="JavaScript">function janelanimada(endereco) {var velocidadev = 5; var topo = 0;var esquerda = 0;var velocidadeh = 8;if (document.all) {var tamlar = window.screen.availHeight - topo;var tamjan = window.screen.availWidth - esquerda;var tamanho = window.open("","","left=" + esquerda + ",top=" + topo + ",width=1,height=1,scrollbars=yes");for (sizeheight = 1; sizeheight < tamlar; sizeheight += velocidadev) {tamanho.resizeTo("1",sizeheight );}for (sizewidth = 1; sizewidth < tamjan; sizewidth += velocidadeh) {tamanho.resizeTo(sizewidth+6,sizeheight );}tamanho.location = endereco;}elsewindow.location = endereco;}</script>

<ahref="http://link1" onClick="janelanimada('http://link1');return false;">link1</a><br><a href="http://link2" onClick="janelanimada('http://link2');return false;">link2</a><br>

Obs: Este exemplo é para 2 tipos de links.

Shivans · Fevereiro 27, 2004

Texto expandindo

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código

Copie o código a seguir e cole-o em suas páginas abaixo da tag <Body>.

<script language="JavaScript">var velocidade = 45;var ciclo = 2000;var tamanho = 20;var x = 0;var y = 0;var mensagens, size;var esize = "</font>";function initArray() {this.length = initArray.arguments.length;for (var i = 0; i < this.length; i++) {this[i] = initArray.arguments[i];}}var mensagens2 = new initArray("mensagem1","mensagem2");if(navigator.appName == "Netscape")document.write('<layer id="wds"></layer><br>');if (navigator.appVersion.indexOf("MSIE") != -1)document.write('<span id="wds"></span><br>');function aumenta(){ mensagens = mensagens2[y];if (x < tamanho) {x++;setTimeout("aumenta()",velocidade);}else setTimeout("diminui()",ciclo);if(navigator.appName == "Netscape") {size = "<font face=arial color=#000000 point-size='"+x+"pt'>"; document.wds.document.write(size+"<center><a href=http://link Target=_blank style=text-decoration:none;color:#000000>"+mensagens+" </a> </center>"+esize);document.wds.document.close();}if (navigator.appVersion.indexOf("MSIE") != -1){wds.innerHTML = "<font face=arial color=#000000><center><a href=http://link Target=_blank style=text-decoration:none;color:#000000>"+mensagens+" </a> </center> </font>";wds.style.fontSize=x+'px'}} function diminui(){if (x > 1) {x--;setTimeout("diminui()",velocidade);}else {setTimeout("aumenta()",ciclo);y++;if (y > mensagens2.length - 1) y = 0;}if(navigator.appName == "Netscape") {size = "<font face=arial color=#000000 point-size='"+x+"pt'>"; document.wds.document.write(size+"<center><a href=http://link Target=_blank style=text-decoration:none;color:#000000>"+mensagens+" </a> </center>"+esize);document.wds.document.close();}if (navigator.appVersion.indexOf("MSIE") != -1){wds.innerHTML = "<font face=arial color=#000000><center><a href=http://link Target=_blank style=text-decoration:none;color:#000000>"+mensagens+" </a> </center> </font>";wds.style.fontSize=x+'px'}}setTimeout("aumenta()",velocidade);</script>

Obs: Este exemplo é para 1 link de cor preta e 2 menagens.

Shivans · Fevereiro 27, 2004

Ícone na lista de favoritos

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código:

Cole o código abaixo entre as tags "<head> e </head>" de suas páginas.

<link rel="SHORTCUT ICON" href="NOME DO ARQUIVO DE ÍCONE AQUI">

Shivans · Fevereiro 27, 2004

Som de fundo

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código:

A tag para colocar som na sua página deve ser <EMBED>. Veja o exemplo:

<embed src="Nome da música" autostart="true" loop="10" width="1" height="1"></embed>

- Em "nome da música", você coloca o nome do arquivo da música mid ou wav.

- Em "loop", você coloca o número de vezes que o som vai ser repetido.

- Em "autostart", você define se quer que a música comece a tocar sozinha (atributo TRUE). Se você colocar "FALSE", o usuário terá que clicar no botão de "play" para ouvir a música.

Shivans · Fevereiro 27, 2004

Recarregar uma página

Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".

- O código:

<HTML><HEAD><META HTTP-EQUIV="REFRESH" CONTENT="Segundos; URL=Endereço da página"><TITLE> Titulo </TITLE></HEAD><BODY>Códigos HTML Aqui</BODY></HTML>

Em "Segundos", você coloca o tempo que deseja que a página aguarde até redirecionar o usuário para o novo URL. Em "Endereço da página", você coloca o nome do arquivo HTML ou o endereço completo da página que será aberta.

Arquivado

Códigos livres

Recommended Posts

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Shivans 0