tag html - o documento inteiro
a tag html indicam o início e o fim de um documento escrito nessa
linguagem, é é um elemento obrigatório.
todo arquivo html precisa estar "envolvido" por esta tag para que o browser
possa reconhecê-lo e interpretá-lo.
janela para descrição de links
você já deve ter visto em alguma página um link ou imagem com "alt",
aquela propriedade que mostra uma janelinha amarela ao lado do mouse com
algum texto (exemplo de alt). esse recurso é muito usado para descrever
links, coisa que ajuda muito na navegação.
porém, esse recurso é limitado, uma vez que você não pode alterar a fonte,
cor de fundo, etc.
essa dica traz um script um pouco complexo, mas que substitui o alt muito
bem, pois com esse script, você consegue alterar a cor de fundo da legenda,
a letra, tamanho da janela, etc.
por ser um script um pouco mais difícil de aplicar, é indicado para quem já
tem uma noção maior de html e javascript.
para aplicá-lo, siga as instruções passo a passo:
1º passo:
clique aqui e salve o arquivo descricao.js na da onde se encontra a sua
página.
2º passo:
agora, copie e cole o código abaixo entre as tags <head> e </head> do
seu código:
<style>
#ptt {
font-family: arial;
font-size: 8pt;
}
#pst {
font-family: arial
font-size: 8pt;
}
</style>
para personalizar seu script:
· o valor destacado em rosa indica a fonte e o tamanho do título da janela
popup.
· o valor destacado em verde indica a fonte e o tamanho do texto da janela
popup.
3º passo:
agora, copie e cole o código abaixo entre as tags <body> e </body> do seu
código:
<div id="overdiv" style="position:absolute;
visibility:hide;"></div>
<script type="" language="javascript">
<!--
var width = "200";
var border = "1";
var offsetx = 2;
var offsety = 2;
var fcolor = "#33ccff";
var backcolor = "#003399";
var textcolor = "#000000";
var capcolor = "#ffffff";
var closecolor = "#99eeff";
// -->
</script>
<script language="javascript"
src="descricao.js"></script>
para personalizar seu script:
· os valores destacados em vermelho indicam a largura da janela popup e
sua borda, respectivamente.
· os valores destacado em laranja indicam as cores ds janela popup.
4º passo:
copie e cole o código abaixo no body de sua página. é o link com a descrição,
e você deve alterá-lo seguindo a legenda:
<a href="http://www.criandosite.com.br"
onmouseover="dcc('portal de hospedagem
grátis!','criandosite'); return true;" onmouseout="nd();
return true;">criandosite</a>
· o valor destacado em verde indica a url do link.
· o valor destacado em vermelho indica a descrição do link.
· o valor destacado em rosa indica o título da janela popup.
· os valores destacado em azul indica o texto do link.
este script é compatível com ie.
TecCodigos Copyright © 2011 | Template created by O Pregador | Powered by Blogger
0 comentários:
Postar um comentário