hospedagem de sites  

Exemplo de 40 scripts e códigos para melhorar seu site.

<a href="#top">topo</a>
Descrição: serve para criar um link voltar ao topo da tela.

<script>
alert("sua mensagem aqui");
</script>
Descrição: com esse script quando a página for atualizada surgirá a mensagem acima.

<a href onMouseOver="alert('sua mensagem')">passe o mouse</a>
Descrição: com esse script ao passar o mouse surge uma mensagem.

<a href="pagina.htm" onClick="alert('sua mensagem')">click</a>
Descrição: com esse script surge uma mensagem ao clicar no link antes de entrar no site.

<script>window.defaultStatus="sua mensagem"</script>
Descrição: com esse script apareçe uma mensagem na barra de status.

<a href="paginadois.html" onmouseover="parent.location='paginadois.html'">seu link aqui</a>
Descrição: Com esse script a página é carregada ao passar o mouse em link.

<script>
function botaodireito() {
if (event.button==2) {
alert(' botão disabilitado ')}}
document.onmousedown=
botaodireito</script>
Descrição: Ao clicar com o botão direito apareçe a sua mensagem.

<a href="suapagina.html" onMouseOver="window.status='sua mensagem aqui'; return true">link</a>
Descrição: Com esse script ao passar o mouse sobre o link apareçe uma mensagem na barra de status.

<a href="pagina.html"
onmouseover="document.bgColor='green'">verde</a>
<a href="pagina.html"
onmouseover="document.bgColor='gold'">ouro</a>
Descrição: Com esse script ao passar o mouse você muda a cor da página.

<a class=linkverm href="mailto:voce@dominio.com.br?subject=mensagem">e-mail</a>
Descrição: Com esse script ao clicar em e-mail será direcionado para o programa de envio de e-mail (Ex.: Outlook Express), e em assunto estará escrito mensagem.

<a href="#palavrachave">se você clicar aqui</a>
<a name="palavrachave">vem para aqui</a>
Descrição: (palavra chave) é a palavra que você vai ultilizar no documento para que o link ao ser clicado a encontre.
Esses tipos de link servem para ligar dois pontos no mesmo documento.

<a href="javascript:window.close();">fechar</a>
<input type=button value="fechar a janela" onClick="javascript:window.close();">
Descrição: link e botão para fechar a janela.

<a href='javascript:;' onClick='window.print();return false'>imprimir</a>
Descrição: link para imprimir a página atual.

<style>
<!--
A{text-decoration: none}
-->
</style>
Descrição: SUBLINHANDO OS LINKS
Para que os links fiquem sem sublinhados mantenha o none
Para que os links fiquem sublinhados em cima troque none por overline
Para que os links fiquem sublinhados em baixo troque none por underline
Para que os links fiquem sublinhados em cima e em baixo troque none por underline overline

<textarea rows="5" cols="20" style='color:white;background:#3366cc;font:8pt,verdana;border:0 outset white'>texto na caixa</textarea>
Descrição: O código acima gera uma caixa como essa.

<span style="background-color: #1E90FF"><font color="#ffffff" size="1" face="Verdana">SEU TEXTO COM FUNDO</span><a href="paginadois.html"><span style="background-color: #1E90FF"><font color="#ffffff" size="1" face="Verdana">SEU LINK COM FUNDO</span></a>
Descrição: O código acima gera um pequeno texto com fundo, ou um link.

<input type=password name=pwd size=8 maxlength=8>
Descrição: O código acima gera uma caixa para senha.

<a href="javascript:ShowPage" title="A sua mensagem apareçe aqui.">passe o mouse aqui para testar</a>
Descrição: O código acima gera uma mensagem ao colocar o mouse em cima do link.

<input type="button" value="botão link" name="button" onClick="window.location='paginadois.html'">
Descrição: O código acima gera um botão link.

<A HREF="paginadois.html" onClick="alert('mensagem antes de entrar no link')">link</A>
Descrição: O código acima exibe uma mensagem antes de entrar no link.

<input type="button" value="mensagem" onClick="alert(value)">
Descrição: O código acima gera um botão que ao ser clicado apresenta uma mensagem.

<input type=reset value=vermelho onClick="document.bgColor='red'; return true">
<input type=reset value=verde onClick="document.bgColor='green'; return true">
Descrição: O código acima gera um botão que ao ser clicado apresenta uma cor.

<body onUnload="window.alert('Coloque seu texto aqui')"></body>
Descrição: O código acima gera um mensagem ao sair da página.

<a href="mailto:email@aaa.com.br?subject=assunto">e-mail</a>
Descrição: Com o código acima ao clicarem no link para e-mail (pelo outlook express) o assunto já vai preenchido.

<form>
<input type="text" width="10">
<input type="reset" value="apagar" name="reset">
</form>
Descrição: O código acima gera uma caixa e um botão apagar.

<a onClick="window.open('paginadois.html')">link</a>
Descrição: O código acima gera um texto link.

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
Descrição: (colocado em sua página entre o head)
Serve para que a página não fique gravada em cache, carregando sempre a página novamente quando for acessada. Use isto apenas em páginas que são atualizadas a todo momento pois do contrário o acesso ao seu site se tornará lento.

<a href="pagina.html" onMouseOver="document.body.background='a.bmp'">mudar background</a>
Descrição: muda o background ao passar o mouse sobre o link

<body onLoad="moveTo(0,0);">
Descrição: Move a posição da página ao carregar.

<font size="1" face="Verdana"><strike>seu texto</strike>
Descrição: Passa uma linha sobre o texto.

<script language="JavaScript">
<!--
function keypresed() {
alert('Coloque sua mensagem aqui !');
}
document.onkeydown=keypresed;
// -->
</script>
Descrição: o código acima desabilita o teclado.

<script>
function outra()
{
window.open('paginadois.html');
}
</script>
<body onunload="outra();">
Descrição: o código acima faz com que ao sair de uma página abra outra.

<img src=imagem.gif vspace=10 hspace=10>
Descrição: o código acima adiciona espaço nas faces da imagem.
hspace para espaço vertical
vspace para espaço horizontal

<pre>
texto
texto
texto
</pre>
Descrição: mantém o texto no alinhamento do código fonte ao passar para o html exatamente como está escrito respeitando espaços e quebras de linhas

<blockquote>
texto
</blockquote>
Descrição: adiciona uma margem cerca de um centímetro.

<body onselectstart="return false">
Descrição: coloque o body acima ou adicione o onselectstart="return false"> para desabilitar a seleção do texto de seu site.

<a href="javascript:window.opener.document.location='paginadois.html'; window.close()">aqui</a>
Descrição: se você colocar esse código em uma janela popup, ao clicar no link, a janela popup é fechada e carrega o documento na página do site. o documento é carregado na página que abriu a janela popup

<div style="position:absolute;top:200;left:200;">
<img src=figura2.gif border=0>
Descrição: com o código acima você coloca um link, texto ou imagem em determinada posição.