 |
|
|
|
Código de Utilidade
Aqui você encontra alguns códigos que podem ajudar na montagem de suas páginas.
<style media="print">
.naomostra {
display: none;
}
</style>
<span class=naomostra>Esse texto não aparece na impressão</span>
Descrição: serve para ocultar determinado texto na impressão.
<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.
<meta http-equiv="refresh" content="5; url=suapagina.html">
Descrição: com esse script a página é trocada pela página colocada em url=" ", para ter mais tempo basta trocar o 5 por mais segundos. Ex.: 10 segundos, 120 segundos = 2 minutos, etc...
<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 href="mailto:seu_e-mail@ig.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
<span style="background-color: #1E90FF"><font color="#ffffff" size="1" face="Verdana">SEU TEXTO COM FUNDO</font></span>
<a href="paginadois.html"><span style="background-color: #1E90FF"><font color="#ffffff" size="1" face="Verdana">SEU LINK COM FUNDO</font></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.
Página 1
|
Página 2
|
Página 3
|
|
|
|