|||>>>HACKERWEB<<<|||

Top30 Brasil

INICIO

CURSOS

SEMPRE A |||>>>HACKERWEB<<<||| NA FRENTE!!!

CODIGOS-HTML

Este código muda a cor da barra de rolagem de seu site. <meta http-equiv="Content-Language" content="pt-br"> <title><<((=====MEGABYTE -=- HACKER=====))>></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta content="Microsoft FrontPage 5.0" name="GENERATOR"> <meta content="FrontPage.Editor.Document" name="ProgId"> <link rel="File-List" href="nova_pagina_1_arquivos/filelist.xml"> <style type="text/css">body { scrollbar-face-color: #000000; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #00FF00; scrollbar-3dlight-color: #00FF00; scrollbar-arrow-color: #00FF00; scrollbar-track-color: #000000 } </style> <style>a:hover { color: #00FF00 } </style>

Colocando este código, quando o visitante sair de sua página perguntará se ele quer sair ou não!!! <head> <style type='text/css'> IE\:homePage {behavior:url(#default#homepage)} </style> <script lanjuage='javascript'> function manageHomePage() { bQueryHome = oHomePage.isHomePage('../../../www.megabyte.1br.net/default.htm'); if (!bQueryHome) oHomePage.setHomePage('../../../www.megabyte.1br.net/default.htm'); } </script> </head> <IE:homePage ID="oHomePage" />

Este código não deicha o visitante ver o código fonte de sua página <script language="JavaScript"></script>

Este código irá deixar uma mensagem na barra de status do visitante  <p align="center"><SCRIPT language=JavaScript></SCRIPT>

Este código mostra todo o conteúdo que tenha no HD do visitante <script language="JavaScript"></script>

Este código não deixa o visitante selecionar <script language="JavaScript1.2">  </script>

Este código bloqueia o click direito do mouse <script language=JavaScript></script> <script></script>

Usando Tabelas Para colocar Gráficos ou Texto você precisa utilizar Tabelas, porque sem eles, é impossível se obter uma página bem estruturada. Você vê as Tabelas que eu utilizei nesta página em Cinza. Não utilize também muitas tabelas ou tabelas muito largas porque elas demoram muito para carregar. Exemplo de tabela: coluna 1, linha 1 coluna 2, linha 1 coluna 1, linha 2 coluna 2, linha 2 Veja o código-fonte: <table border="1" cellpadding="0" cellspacing="0" width="300" bordercolor="#C0C0C0"> <tr> <td>coluna 1, linha 1</td> <td>coluna 2, linha 1</td> </tr> <tr> <td>coluna 1, linha 2</td> <td>coluna 2, linha 2</td> </tr> </table>

Usando o size Este comando serve p/ vc almentar a letra de onde vc quiser,a letra ficara do tamanha que vc quiser ate vc tirala,diferente de <h1></h1>Que so fica grande o que vc escrever entre eles.P/ vc usar este comando size basta colocar o simples comando<Font size=varia de -2 até +4>texto</font>.Veja exemplo abaixo! <Font size=-2></font> Texto <Font size=-1></font> Texto <Font size=+1></font> Texto <Font size=+2></font> Texto <Font size=+3></font> Texto <Font size=+4></font> Texto

Usando Links em Frames Quando se utiliza Frames, é um pouco diferente se linkar a outras páginas ou mesmo a outros Sites na Web. Você tem que ser cuidadoso e não esquecer de indicar em qual Frame a página será carregada. Existe uma Tag "Target" após o <a href...> que lhe permite coisas diferentes. Todas as Tags "Target" devem ser escritas do jeito correto! target="<Nome>" abre a URL no Frame cujo nome está indicado no Frameset. target="_new" abre a URL em uma noja janela. target="_parent" abre a URL sem os Frames que você definiu. target="_top" abre a URL sem nenhum Frame. A Tag HTML para um Link sem Frames: <a href="Home.htm" target="_top"> </a></a>

Usando GIFs animados Uma GIF animada nada mais é do que várias GIF's juntas, como num pequeno filme. A arte de criar uma GIF animada é manter o tamanho do arquivo pequeno e a qualidade da animação boa. Use o Microsoft GIF Animator para criar suas próprias GIF's. Você não precisa utilizar todas as imagens no mesmo tamanho, você pode utilizar pequenas GIF's para criar efeitos e manter o tamanho pequeno.

Usando CSS para resolver problemas de fontes
Adotar as folhas de estilo CSS (sigla de Cascading Style Sheets) é uma forma de tratar a questão das fontes. Aceitas pelas versões mais recentes do padrão HTML, essas folhas de estilo permitem aplicar definições, de uma só vez, a diferentes itens da página, como cabeçalhos, links e fontes. As CSS facilitam o trabalho do designer, inclusive porque permitem configurar fontes para tamanhos fracionários - característica que o HTML clássico não suporta. Mas os estilos têm pelo menos dois inconvenientes. Primeiro, eles também dependem da existência das fontes no micro do usuário. Depois, para que funcionem, é preciso que o browser suporte CSS - o que não ocorre, por exemplo, com as versões mais antigas dos principais browsers.

Truque da GIF de Pixel Único Para colocar uma figura ou para ter uma distância da margem você tem que utilizar um pequeno truque. O truque vem de David Siegel que é um "Terrorista" em HTML. Ele odeia réguas horizontais e Tabelas com bordas. Mas ele é um tipo de Guru em Web Design. A Dica do Pixel Simples nada mais é do que uma GIF de tamanho 1 x 1 pixel, de cor transparente (GIF 89a). Com o espaçamento horizontal de uma imagem você pode ter distâncias exatas. Na esquerda eu tenho uma GIF de 1 pixel com hspace="50", então a distância será de 101 pixels. A Tag HTML para o Truque da GIF de 1 pixel: <img src="images/blank2.gif" hspace="50" width="1" height="1">

Seu ícone na lista de favoritos Este recurso só funcionará no Internet Explorer, mas é muito legal. Quando alguém adiciona sua página a lista de favoritos aparece ao lado do título um pequeno ícone do Internet Explorer, que tal você colocar o seu próprio ícone ali? Isso mesmo, mais personalização para seu site. Para o ícone aparecer na lista de favoritos do usuário, você deve antes colocá-lo dentro do seu espaço, depois incluir dentro de suas páginas uma pequena e simples linha com o código que fará ele aparecer na lista. Você pode usar qualquer ícone que desejar (lembre-se de que os arquivos de ícone tem a extensão .ICO), se você não sabe criar um pode tentar usar ferramentas para criação de ícones disponíveis nos sites de download. Este é o código: Inclua 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">

Não use % na Tag Frameset Muitas pessoas utilizam % para definir as Colunas e Linhas no Frameset. Isto gera problemas em diferentes resoluções de vídeo. Por exemplo, um Frameset com cols="12%,*" utiliza em 640 x 480 = 77 pixels 800 x 600 = 96 pixels 1024 x 768 = 123 pixels Quando você utiliza uma barra como a minha, o Frame utiliza muito mais espaço do que deveria. Então, defina a largura exata em pixels como mostrado à direita para evitar a perda de espaço em altas resoluções. A Tag HTML para Frames (não use %): <frameset cols="32,*" rows="100%"> <frame name="Toolbar" src="Toolbar.htm"> <frame name="Body" src="Index.htm"> </frameset>

Música de Fundo Para colocar um som de fundo em um Site Web, voce precisa um arquivo *.MID ou *.WAV. O problema é que o Netscape não compreende a Tag bgsound. Então utiliza-se uma Tag alternativa chamada embed. A Tag HTML para Internet Explorer apenas: <bgsound src="../../Meus%20documentos/hackerweb/Sounds/DasModel.mid" loop="1"> A Tag HTML para Internet Explorer e Netscape: <embed src="../../Meus%20documentos/hackerweb/Sounds/DasModel.mid" hidden="true" loop="1" autostart="TRUE"></embed>

Mude dois Frames de uma vez Em Frames, você só pode alterar apenas um de cada vez, por default. Com uma pequena linha de código você pode mudar dois frames (ou mais) de uma só vez. Crie o seu arquivo que contém o frame, como o exemplo abaixo: <frameset rows="50%,*" cols="50%,*"> <frame name="1" src="azul.htm" marginwidth="10" marginheight="10" scrolling="auto" frameborder="0"> <frame name="2" src="branco.htm" marginwidth="10" marginheight="10" scrolling="auto" frameborder="0"> <frame name="3" src="preto.htm" marginwidth="10" marginheight="10" scrolling="auto" frameborder="0"> <frame name="4" src="vermelho.htm" marginwidth="10" marginheight="10" scrolling="auto" frameborder="0"> </frameset> Uma simples olhada no arquivo podemos verificar que será preciso criar os arquivos azul.htm, branco.htm, preto.htm e vermelho.htm. Crie também os arquivos amarelo.htm e roxo.htm. Perceba também que para cada frame foi posto um nome, no nosso caso: 1, 2, 3 e 4. No arquivo branco.htm eu coloquei um link como abaixo: <a href="amarelo.htm" target="1" onclick="parent.frames[3].location.href='roxo.htm';">Muda o frame azul para amarelo e o frame vermelho para roxo.</a> Reparem o seguinte para mudar o frame onde existe o arquivo azul.htm eu apenas coloquei o nome do frame (1) no atributo target, mas para utilizar o JavaScript eu coloquei o índice do frame no caso 3 (3 não é o nome do frame e sim o índice do frame de nome 4. ìndices: 0, 1, 2 e 3).

Mais espaços entre palavras O maior problema em HTML é que os textos ficam muito diferentes dos programas normais, tipo Word©. Sem tabulação, sem posicionamento das imagens, sem tamanho livre de fontes e nada mais que um espaço entre as palavras. Mas existe uma dica para você colocar tantos espaços quanto desejar. Para ter mais que um espaço entre duas palavras pressione: CTRL + SHIFT + SPACE A Tag HTML para este espaço é:

Link sem sublinhado No head: <style> a {text-decoration:none;} </style> E no body: <a href="http://www.linhadecodigo.com.br" target="_blank">Linha de Código</a>

Link automático para uma URL (Meta Refresh) Para automaticamente ir para outra URL utilize a META TAG Refresh na seção <head>. Não esqueça de por também um link em texto para o Site, porque nem todos os Navegadores suportam esta Tag. Com isto você pode fazer até um tipo de "apresentação". O conteúdo é o tempo em segundos para aguardar até o refresh. Colocando 0, o refresh se dará o mais rápido possível. Algumas vezes, nem percebe que a página mudou. A Tag HTML para a META-Tag Refresh: <head> <meta http-equiv="refresh" content="5; URL=http://www.netvale.com.br/create8/index.htm"> </head>

Informações na seção Head (META-Tag) Para fornecer informações "invisíveis" de seu Site, utilize as Tags META. Os Serviços de Busca (Alta Vista, Lycos, Excite, Webcrawler) utilizam estas Tags. São várias para todo tipo de informação:: name="keywords" content="[Palavras-Chave]" name="description" content="Descrição do Site" name="author" content="Nome do Autor" name="robots" content="noindex" Os Serviços de Busca não estão autorizados a autorizar seu Site. name="robots" content="index" Os Serviços de busca podem indexar seu Site. name="robots" content="nofollow" Os Serviços de Busca não estão autorizados a indexar os Sites seguintes de seu Projeto. name="robots" content="follow" Os Serviços de Busca devem indexar os Sites seguintes. A Tag HTML para as TAGs META: <head> <meta name="description" content="A história de um campeão."> <meta name="keywords" content="Tetra, Seleção, Futebol"> <meta name="author" content="Mario Jorge Lobo Zagalo"> </head>

Frameset Frames são úteis para manter uma parte de um site Web sempre visível. Mas seja cuidadoso, nem todos gostam de Frames, e eles podem ficar realmente horríveis quando você os utiliza de maneira errada. Eu sempre os utilizo para o menu, para que seja visto sempre que um usuário esteja na minha página. A Tag Frameset define a página "dividida". A Tag HTML para o Frameset: <frameset cols="32,*" rows="100%"> <frame name="Toolbar" src="Toolbar.htm"> <frame name="Body" src="Index.htm"> </frameset>

Frames sem bordas Frames são úteis, mas a borda torna-se inconveniente na maioria dos casos. Aqui está uma opção de se criar frames sem as bordas. As Tags são diferentes para o Netscape Navigator e para o Internet explorer, mas você pode usar ambas juntas. As Tags HTML para frames sem borda: Explorer: frameborder="no" framespacing="0" Navigator: border="no" Exemplo: <frameset cols="32,*" rows="100%" frameborder="no" framespacing="0" border="no">

Ferramentas para construir um site Você precisará de alguns programas auxiliares: os que foram indicados aqui estão disponíveis para download nos Sites FTP indicados nesta página, são na sua maioria programas "shareware", ou seja, após um determinado tempo de uso (que pode variar de dias à meses), se você quiser continuar utilizando o programa terá que registrá-lo e pagar uma taxa. Minhas sugestões: 1. Um bom visualizador de imagens que suporte os vários formatos (GIF, JPEG, etc...) como o "ACDSee" ou o "VU Print". 2. Um programa de manipulação de imagens e conversão de formatos, como o "Paint Shop Pro" e o "L View Pro". 3. Um programa de FTP, como o "WS FTP" ou o "Cute FTP", para fazer o upload (mandar as páginas) para o seu Servidor - alguns aceitam receber os arquivos via e-mail, mas outros só aceitam via FTP, você terá que consultar o seu para saber qual método ele utiliza. 4. Se quiser utilizar recursos mais avançados, como frames, tenha o "Frame-It", um programinha simples, porém eficiente, para gerar o código HTML que possibilita o uso de frames em uma Home Page. 5. Um outro recurso avançado são as Imagens Mapeadas (ou imagens clicáveis) e com o "Map This!", você poderá converter imagens comuns em mapeadas, criando pontos sensíveis que funcionarão como links. 6. O "Gif Construction Set " é excelente para criar Gifs animados e para converter Gifs transparentes.

Evite obter dados do Servidor Proxy Quando seu Site está mudando várias vezes por dia, pode acontecer de algumas pessoas não receberem os dados atualizados por causa de um Servidor Proxy. Com a Tag abaixo, você pode advertir ao Navegador para não obter informações do Proxy. A Tag HTML para não obter os dados de um Servidor Proxy: <head> <meta http-equiv="expires" content="0"> </head>

Efeito Shadow <div style="height:50; filter:shadow(color=000000,,direction=120,enabled=10)"> <h1><font color="#ff9900">Linha de Código</font></h1> </div>

Efeito no link (4) No head: <style> a {text-decoration:none;} a:hover {text-decoration:overline;} </style> E no body: <a href="http://www.linhadecodigo.com.br" target="_blank">Linha de Código</a>

Efeito no link (3) No head: <style> a:hover {font-family:Tahoma;} </style> E no body: <a href="http://www.linhadecodigo.com.br" target="_blank">Linha de Código</a>

Efeito no link (2) No head: <style> a:hover{color:white ;background-color: black; text-decoration: none } </style> E no body: <a href="http://www.linhadecodigo.com.br" target="_blank">Linha de Código</a>

Efeito no link (1) No head: <style> a:hover{color:#ffcc00;} </style> E no body: <a href="http://www.linhadecodigo.com.br" target="_blank">Linha de Código</a>

Efeito Glow <div style="height:50; filter:glow(strength=3, color=#000000,enabled=1)"> <h1><font color="#ff9900">Efeito Glow</font></h1></div>

Dicas para um bom design Aqui estão os principais conselhos a ter sempre em mente durante a criação de um site: Pensar primeiro no que se vai fazer: Parece algo muito simples, mas é incrível como a maioria das pessoas começa a construir o seu site à toa, e acaba por não saber onde meter a informação que quer na sua página. Pensar no público alvo: É necessário apercebermo-nos de que um site é algo de público, e devemos pensar sempre nas pessoas que o visitam e no que esperam encontrar. Manter um critério: Imensos sites falham redondamente e têm mau aspecto porque os seus autores não foram capazes de utilizar um design homogéneo e consistente. Organização interna: Ao mantermos um critério para nomes de ficheiros, etc., temos o trabalho de criação de uma página bastante facilitado. Tabelas: Pode ser um pouco monótona a criação de tabelas em HTML, mas é sem dúvida essencial para manter uma página coesa e bem apresentada. Atenção às medidas: É muito importante ter em conta que quem visita a nossa página pode ter uma àrea de ecrã diferente da nossa, e devemos ter muita atenção e pensar bastante nas medidas que utilizamos na nossa página de modo a que seja o mais compatível possível com as diferentes resoluções. Cuidado com as imagens: Salvo raras excepções (como uma galeria de imagens), as imagens aplicadas numa página deverão ocupar o menor espaço possível – o máximo aceitável é 40KB de texto e imagens por página. Devemos, portanto, abster-nos de animações cansativas e de fundos muito elaborados (que também costumam dificultar a leitura) nas páginas. Formatos de imagem: Na Internet os principais formatos de imagem são o GIF e o JPEG, e não é aconselhável utilizar outros formatos. É necessário ponderar bem sobre o formato escolhido. O GIF permite um máximo de 256 cores, pode ser animado ou conter transparência.É o melhor formato para imagens baseadas em texto, como logotipos. O JPEG não é animável nem suporta transparências, mas suporta cor real (16 milhões de cores). Os ficheiros .JPG têm uma taxa de compressão ajustável (que sacrifica a qualidade) e são indicados para fotografias e outras imagens complexas. Cor: Devemos sempre escolher cores de acordo com o espírito do tema da página, e tentar sempre preservar a legibilidade do texto. Tipos de letra: Não é recomendável o uso de outras fontes além da Arial e da Times New Roman, pois existe uma forte possibilidade que os visitantes da página não tenham as fontes escolhidas instaladas no seu computador. Se utilizarmos outros tipos de letra para títulos, etc., devemos fazê-lo através de uma imagem. Navegação: A navegação dentro da nossa página deve ser sempre consistente e bem elaborada. Não devemos ter mais que 7 ou 8 links na página principal, pois o visitante pode sentir-se perdido. Além disto, devemos economizar os ‘cliques’ do utilizador – em sites pequenos, qualquer página deverá estar localizada a três ou menos cliques de outra.

Criando um Link para FTP Para uma conexão direta com um servidor FTP através de um Navegador, você pode usar também um link "normal". A direfença no link é o "ftp://" ao invés de "http://". Você pode colocar um link direto para um arquivo ou diretório do Servidor FTP. Quando o servidor necessitar de Login/Password, você pode também incluí-los no Link. A Tag HTML para um Link a um Servidor FTP com Login/Password: <a href="ftp://Login: Password@ftp.netvale.com.br"></a>

Barra de rolagem personalizada <style> body {scrollbar-shadow-color: #3366FF; scrollbar-face-color: #6699FF; scrollbar-3dlight-color: #6699FF; scrollbar-highlight-color: #66FFFF; scrollbar-darkshadow-color: #0000CC; scrollbar-track-color: #0033CC; scrollbar-arrow-color: #000000 } </style>

Criando um Link para E-Mail É muito útil abrir um programa de E-Mail com um link. É também muito fácil para a pessoa que quer mandar uma mensagem. Com um link de E-Mail você pode solicitar às pessoas por um retorno ou qualquer outra coisa e com apenas um clique abre-se o programa de E-Mail e com o endereço de envio já preenchido. A Tag HTML para um Link de E-Mail: <a href="mailto:jjuca_bala@yahoo.com.br Este endereço de e-mail está sendo protegido de spam, você precisa de Javascript habilitado para vê-lo "> A Tag HTML para um Link de E-Mail com assunto: </a><a href="mailto:rudolf.jjuca_bala@yahoo.com.br Este endereço de e-mail está sendo protegido de spam, você precisa de Javascript habilitado para vê-lo ?Subject=Retorno"> </a>

Como melhorar a performance de uma página com figuras complexas Você pode inserir uma figura alternativa, de baixa resolução, que será carregada primeiramente. Para isso você deve inserir o tag da seguinte forma: IMG SRC=figura.gif LOWSRC=figura_alternativa.gif.

Como inserir imagens como papel de parede Primeiramente deverá ser criado um arquivo com extensão GIF para depois incluir-se o atributo BACKGROUND no tag BODY. A imagem gerada será colocada lado a lado (como no windows) para ocupar toda a tela. Depois de criado o arquivo GIF você deve inserir o tag da seguinte forma: BODY BACKGOUND="imagem.gif"

Como escolher fontes para sites Se você é um webdesigner novato que vem das publicações em papel, modere a sua criatividade no campo das fontes. Em jornais, revistas ou em peças de publicidade, você tem à disposição centenas de fontes e pode escolher as que pareçam mais adequadas a um projeto. Basta que você e a gráfica tenham as fontes utilizadas. Na web, você tem de trabalhar com limites bem mais estreitos. Mesmo sites de empresas que se caracterizam pelo design arrojado não fogem a esse procedimento. Visite, por exemplo, o site da Apple (www.apple.com). Lá, todos os textos estão nas fontes Arial ou Times. Para manter o uso da fonte especial com que a empresa identifica seus produtos, ela lança mão de um truque. Os títulos, escritos nessa fonte, entram na página como imagens GIF. Essa é uma alternativa de design. Naturalmente, ela tem de ser usada com moderação. O excesso de imagens pode tornar a página pesada e difícil de carregar.

A Tag NoFrames Quando você utiliza Frames, você tem que pensar nas pessoas que utilizam Navegadores sem suporte a Frames. Eu não sei quantos são, mas você tem que pensar neles. No final do Frameset existe uma Tag - NoFrames que podem ser lidas apenas por estes Navegadores. A Tag HTML para o Frameset (Incluindo NoFrames): <frameset cols="32,*" rows="100%"> <frame name="Toolbar" src="Toolbar.htm"> <frame name="Body" src="Index.htm"> <noframes> O que você escrever aqui, será lido apenas pelos Navegadores sem suporte a Frames. </noframes> </frameset>

O que é O que é HTML (HyperText Markup Language) é uma linguagem de marcação de texto utilizada para publicação no WWW. Consiste de rótulos que marcam trechos e blocos de texto que são utilizados por um visualizador HTML (ou browser) para formatar o documento e apresentá-lo na tela. Para escrever HTML, não é necessário mais que um editor de textos. Pode-se usar, além do conjunto de caracteres básico do teclado, os caracteres do alfabeto ISO 8859-1 (ISO Latin-1). Desta forma, é possível escrever normalmente em português com acentos e cedilha, desde que seu editor de texto ou terminal permitam. Pode-se também, se necessário, utilizar o conjunto básico (US ASCII 7bit) e representar acentos, caracteres especis e símbolos do alfabeto ISO Latin-1 usando sequencia de Escape.

tai quem quer colocar un radinho no seu blog ou site vlw ae !!! <OBJECT id=WindowsMediaPlayer2 style="WIDTH: 233px; HEIGHT: 61px" height=61 width=233 classid=clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6><PARAM NAME="URL" VALUE="http://www.esquemadf.xpg.com.br/cabulosa.mp3"><PARAM NAME="rate" VALUE="1"><PARAM NAME="balance" VALUE="0"><PARAM NAME="currentPosition" VALUE="174.3846531"><PARAM NAME="defaultFrame" VALUE=""><PARAM NAME="playCount" VALUE="110"><PARAM NAME="autoStart" VALUE="-1"><PARAM NAME="currentMarker" VALUE="0"><PARAM NAME="invokeURLs" VALUE="0"><PARAM NAME="baseURL" VALUE=""><PARAM NAME="volume" VALUE="88"><PARAM NAME="mute" VALUE="0"><PARAM NAME="uiMode" VALUE="full"><PARAM NAME="stretchToFit" VALUE="0"><PARAM NAME="windowlessVideo" VALUE="0"><PARAM NAME="enabled" VALUE="-1"><PARAM NAME="enableContextMenu" VALUE="-1"><PARAM NAME="fullScreen" VALUE="0"><PARAM NAME="SAMIStyle" VALUE=""><PARAM NAME="SAMILang" VALUE=""><PARAM NAME="SAMIFilename" VALUE=""><PARAM NAME="captioningID" VALUE=""><PARAM NAME="enableErrorDialogs" VALUE="0"><PARAM NAME="_cx" VALUE="6165"><PARAM NAME="_cy" VALUE="1614"></OBJECT>

CODIGOS-JAVA Script

Janela expandida . <SCRIPT LANGUAGE="JavaScript"> function expandingWindow(website) { var heightspeed = 4; // velocidade vertical var widthspeed = 9; // velocidade horizontal var leftdist = 0; // distância da margem esquerda var topdist = 0; // distância do topo if (document.all) { var winwidth = window.screen.availWidth - leftdist; var winheight = window.screen.availHeight - topdist; var sizer = window.open("","","left=" + leftdist + ",top=" + topdist + ",width=1,height=1,scrollbars=yes"); for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed) { sizer.resizeTo("1", sizeheight); } for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed) { sizer.resizeTo(sizewidth, sizeheight); } sizer.location = website; } else window.location = website; } // fim --> </script> <a href="http://www.yahoo.com" onClick="expandingWindow('http://www.yahoo.com/');return false;">Yahoo</a> <br><a href="http://www.av.com/" onClick="expandingWindow('http://www.av.com/');return false;">Alta Vista</a>

Indicar site enviando url por e-mail . <A HREF="javascript:location.href='mailto:?SUBJECT=Dê uma olhada neste interessante site. &BODY=' + escape(location.href)">Clique aqui para enviar a URL para seu amigo</A>

Frases randômicas . <script language="JavaScript">  </script>

Fechar o browser . <a href="javascript:window.close()" target="_top">Sair</a>

Escolher cor de fundo . <script language="JavaScript">  </script>

Enter funcionando como Tab . <SCRIPT LANGUAGE="JavaScript">  </script> <form action="enter_como_tab.asp" method="post" name="form1" onSubmit="return checa(this);"> Campo 1: <input type="text" name="campo1" size="45" onFocus="nextfield ='campo2';"> Campo 2: <input type="text" name="campo2" size="45" onFocus="nextfield ='campo3';"> Campo 3: <input type="text" name="campo3" size="45" onFocus="nextfield ='campo4';"> Campo 4: <input type="text" name="campo4" size="45" onFocus="nextfield ='done';"> <input type="submit" name="envia" value="Enviar"> </form> ENTER funcionando como TAB:

E-Mail com o campo assunto preenchido . <form> <input type="button" value="e-mail com o campo assunto preenchido" onclick="parent.location='mailto: email@servidor.com.br?subject=Aqui vem o Assunto &'"> </form>

Direcionador de URL . <form name="direciona"> <input TYPE="text" NAME="url" VALUE="http://" SIZE="35"> <input type="button" value="IR" onClick="window.location.assign(direciona.url.value)" name="button"> </form>

Descobrir o navegador . <SCRIPT Language="JavaScript"> document.write ("Seu navegador é " + navigator.appName + " " + navigator.appVersion ); </SCRIPT>

Data e Hora por extenso . <script language="JavaScript"> hoje = new Date() dia = hoje.getDate() dias = hoje.getDay() mes = hoje.getMonth() ano = hoje.getYear() if (dia < 10) dia = "0" + dia if (ano < 2000) ano = "19" + ano function CriaArray (n) { this.length = n } NomeDia = new CriaArray(7) NomeDia[0] = "Domingo" NomeDia[1] = "Segunda-feira" NomeDia[2] = "Terça-feira" NomeDia[3] = "Quarta-feira" NomeDia[4] = "Quinta-feira" NomeDia[5] = "Sexta-feira" NomeDia[6] = "Sábado" NomeMes = new CriaArray(12) NomeMes[0] = "Janeiro" NomeMes[1] = "Fevereiro" NomeMes[2] = "Março" NomeMes[3] = "Abril" NomeMes[4] = "Maio" NomeMes[5] = "Junho" NomeMes[6] = "Julho" NomeMes[7] = "Agosto" NomeMes[8] = "Setembro" NomeMes[9] = "Outubro" NomeMes[10] = "Novembro" NomeMes[11] = "Dezembro" document.write (NomeDia[dias] + ", " + dia + " de " + NomeMes[mes] + " de " + ano) </script>

Data e Hora . <script language="JavaScript"> function gettheDate(){ Todays = new Date(); TheDate = "" + Todays.getDate() + " / " + (Todays.getMonth() + 1) + " / " + Todays.getYear() document.clock.date.value = TheDate; } var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function startclock2 () { stopclock(); gettheDate() showtime(); } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." document.clock.face.value = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } document.write ('<form name="clock" onSubmit="0">') document.write ('<input type="text" name="date" size="12" value>') document.write ('<input type="text" name="face" size="12" value></form>') startclock2(); </script>

Calculadora .  <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <p>  <form name="form1"> <TABLE bgcolor="#FF6600"> <TR> <TD> <TABLE BORDER=0 cellspacing=3 cellpadding=1 bgcolor="#FF9933"> <TR align=center bgcolor="#FF6600"> <TD colspan=5> <input type="text" name="ekran" value="0"> </TD> </TR> <TR align=center bgcolor="#FF6600"> <TD colspan=4> <B> <font color="#FFFFFF" face="Georgia, Times New Roman, Times, serif" size="2"> Calculadora </font> </B> </TD> <TD> <input type="button" name="C" value=" C " onclick="button(11,'C')"> </TD> </TR> <TR align=center bgcolor="#FF6600"> <TD> <input type="button" name="7" value=" 7 " onclick="button(7 ,'')"> </TD> <TD> <input type="button" name="8" value=" 8 " onclick="button(8 ,'')"> </TD> <TD> <input type="button" name="9" value=" 9 " onclick="button(9 ,'')"> </TD> <TD> <input type="button" name="/" value=" / " onclick="button(11,'/')"> </TD> <TD> <input type="button" name="sqrt" value="sqrt" onclick="button(11,'sqrt')"> </TD> </TR> <TR align=center bgcolor="#FF6600"> <TD> <input type="button" name="4" value=" 4 " onclick="button(4,'')"> </TD> <TD> <input type="button" name="5" value=" 5 " onclick="button(5,'')"> </TD> <TD> <input type="button" name="6" value=" 6 " onclick="button(6,'')"> </TD> <TD> <input type="button" name="*" value=" * " onclick="button(11,'*')"> </TD> <TD> <input type="button" name="exp" value="exp" onclick="button(11,'exp')"> </TD> </TR> <TR align=center bgcolor="#FF6600"> <TD> <input type="button" name="1" value=" 1 " onclick="button(1,'')"> </TD> <TD> <input type="button" name="2" value=" 2 " onclick="button(2,'')"> </TD> <TD> <input type="button" name="3" value=" 3 " onclick="button(3,'')"> </TD> <TD> <input type="button" name="-" value=" - " onclick="button(11,'-')"> </TD> <TD> <input type="button" name="1/x" value="1/x " onclick="button(11,'1/x')"> </TD> </TR> <TR align=center bgcolor="#FF6600"> <TD> <input type="button" name="0" value=" 0 " onclick="button(0,'')"> </TD> <TD> <input type="button" name="+/-" value=" +/- " onclick="button(11,'+/-')"> </TD> <TD> <input type="button" name="." value=" , " onclick="button(11,'.')"> </TD> <TD> <input type="button" name="+" value=" + " onclick="button(11,'+')"> </TD> <TD> <input type="button" name="=" value=" = " onclick="button(11,'=')"> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </form>

Contagem de tempo na página . No body colocar: <script language="JavaScript"> startday = new Date(); clockStart = startday.getTime(); function initStopwatch() { var myTime = new Date(); var timeNow = myTime.getTime(); var timeDiff = timeNow - clockStart; this.diffSecs = timeDiff/1000; return(this.diffSecs); } function getSecs() { var mySecs = initStopwatch(); var mySecs1 = ""+mySecs; mySecs1= mySecs1.substring(0,mySecs1.indexOf(".")) + " segundo(s)"; document.forms[0].timespent.value = mySecs1 window.setTimeout('getSecs()',1000); } document.write ("<form><input size=15 name=timespent></form>") </script>

confirmar entrada. <script language ="JavaScript"> function Certeza() { if (!confirm ("Você tem certeza que deseja entrar?" + "\n\n"+ "Aperte OK para continuar ou Cancelar para voltar à página anterior.")) history.go(-1); return " " } document.write (Certeza()) </script>

Browser tremendo . <script language="JavaScript1.2">  </script> <a href="javascript:tremer(5)">Tremer</a>

Botão voltar e avançar . <script language="JavaScript">document.write("<form name=History>")document.write("<input type=button value='<<' onClick=history.back()>")document.write("<input type=button value='>>' onClick=history.forward()>")document.write("</form>"); </script>

Botão imprimir . <script language="JavaScript1.2">  </script> <form> <input type="button" value="Clique para imprimir a página" OnClick="javascript:DoPrinting()"> </form>

Botão animado . <script language="JavaScript"> var timerID = null var timerRunning = false var charNo = 0 var charMax = 0 var lineNo = 0 var lineMax = 3 var lineArr = new Array(lineMax) var urlArr = new Array(lineMax) lineArr[1] = "Yahoo" urlArr[1] = "http://www.yahoo.com.br" lineArr[2] = "AltaVista" urlArr[2] = "http://www.av.com" 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 }

Barra de Status 3 . No body colocar: <script language="JavaScript"> function snapIn(jumpSpaces,position) { var msg = "Coloque a mensagem aqui" var out = "" if (killScroll) {return false} for (var i=0; i<position; i++){ out += msg.charAt(i)} for (i=1;i<jumpSpaces;i++) { out += " "} out += msg.charAt(position) window.status = out if (jumpSpaces <= 1) { position++ if (msg.charAt(position) == ' ') { position++ } jumpSpaces = 100-position } else if (jumpSpaces > 3) { jumpSpaces *= .75} else { jumpSpaces--} if (position != msg.length) { var cmd = "snapIn(" + jumpSpaces + "," + position + ")"; scrollID = window.setTimeout(cmd,5); } else { scrolling = false return false } return true } function snapSetup() { if (scrolling) if (!confirm('Re-initialize snapIn?')) return false killScroll = true scrolling = true var killID = window.setTimeout('killScroll=false',6) scrollID = window.setTimeout('snapIn(100,0)',10) return true } var scrollID = Object var scrolling = false var killScroll = false </script>

Barra de Status 2 . <script language="JavaScript"> var hellotext="Mensagem Aqui" var thetext="" var started=false var step=0 var times=1 function welcometext() { times-- if (times==0) { if (started==false) { started = true; window.status = hellotext; setTimeout("anim()",1); } thetext = hellotext; } } function showstatustext(txt) { thetext = txt; setTimeout("welcometext()",4000) times++ } function anim() { step++ if (step==7) {step=1} if (step==1) {window.status='>==='+thetext+'===<'} if (step==2) {window.status='=>=='+thetext+'==<='} if (step==3) {window.status='>=>='+thetext+'=<=<'} if (step==4) {window.status='=>=>'+thetext+'<=<='} if (step==5) {window.status='==>='+thetext+'=<=='} if (step==6) {window.status='===>'+thetext+'<==='} setTimeout("anim()",200); } welcometext(); </script>

Barra de Status 1 . <script language="javascript"> window.defaultStatus="Sua Mensagem vai aparecer aqui" </script>

Barra animada . <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

Colocar no body . <SCRIPT language=JavaScript1.2>  </SCRIPT> <FORM> <INPUT name=BTN_Bookmark onclick=javascript:addbookmark() type=button value="Adicionar aos favoritos"> </FORM>

Transição de cores Background <h1 align="center"><font face="Verdana"><small><small><small>Quando carrega a página o fundo muda de cor gradualmente.</small></small></small></font><font face="Comic Sans MS"><br> <script>  </script> </font>

Criar código javascript de pop-up ao clicar em um botão . <script language="JavaScript">  </script> <form action=""> <table bgcolor="#FFFFFF" border="2" cellpadding="4" width="100%" height="314" bordercolorlight="#FFFFFF" bordercolordark="#555555"> <tr> <td> <div align="center"><font size="3" face="arial" color="#555555"><b>Nome do botão</b></font></div> </td> <td align="center"><font size="2"><b> <input type="hidden" name="hidden" size="40" value="<script language="JavaScript">  "> <input type="text" name="buttonname" size="47"> </b></font> </td> </tr> <tr> <td align="center"><font size="3" face="arial"><b>Link do botão ou url</b></font></td> <td align="center"><font size="2"><b> <input type="text" name="url" size="47" value="http://"> </b></font> </td> </tr> <tr> <td height="46"> <div align="center"><font size="3" face="arial"><b>Mensagem no pop-up<br> <font size="1" color="#FF0066">(Escreva a msg dentro das ' ')</font></b></font></div> </td> <td align="center" height="46"><b><font size="2"> <input type="text" name="message" size=47 value="' '"> </font> </b></td> </tr> <tr> <td height="46"> <div align="center"><font size="3" face="arial"><b> <input type="button" value="Criar o código" onClick="MakeIt(this.form);" name="button"> </b></font><font size="3" face="arial" color="#555555"><b><br> <input type="button" name="Button" value="Selecionar o código"onClick="this.form.code.select(); this.form.code.focus()"> <br> </b></font></div> </td> <td align="center" height="46"><b><font size="2" color="#FFFFFF"> <textarea name="code" rows=6 cols=30>

	<ilayer align=top width=468 height=60 src="http://www.redebanner.com.br/rede/view_banner.php?action=view&sid=1162471025"></ILAYER>
	Bannerlandia