[Tutorial] Criar âncoras para fazer algo diferente
Página 1 de 1
[Tutorial] Criar âncoras para fazer algo diferente
Bem pessoal para fazerem algo diferente nos vossos prefis do hi5....vou deichar um tutorial de como criar Ancoras no hi5....
Âncoras são links estabelecidos para certas partes de uma mesma página ou de outra página qualquer, por exemplo, se você quer que um link vá direto para um texto que está no meio de uma página sem o visitante ter que descer a página. Por exemplo, clicando aqui você salta automaticamente para o fim da página.
Para o funcionamento de uma âncora deve-se estabelecer dois comandos:
. Um que defina o lugar da página para onde se pretende "saltar";
. Outro que identifique esse ponto de destino.
Links com âncoras para uma mesma página
Você pode fazer com que links saltem para determinados pontos de uma mesma página, facilitando a navegação. Veja como. Primeiro vamos definir o ponto de destino. Você deve incluir a seguinte tag exatamente no local onde quer que o link vá:
Obs.: NAME é um parâmetro que define um ponto de destino.
Agora você pode usar a tag de link "comum" para fazer o link saltar para o ponto onde você definiu:
Repare que há um símbolo "#" antes do nome da âncora. É ele que vai fazer o navegador entender que deve ir para a âncora que você definiu.
Links com âncoras para uma outra página
Agora digamos que você queira que o link vá para uma outra página e direto para um texto no final dela. Primeiro você deve incluir, na página de destino, a tag da âncora no ponto onde ela vai aparecer ela depois de clicar no link, e salvar a página. Em seguida, na página que terá o link, você deve construir a tag assim:
Em "nome-do-lugar-a-ser-levado" você coloca o URL ou a página html que vai ser mostrada e, depois do destino, o "#nome da ancora". Este nome de âncora deve ser o mesmo nome de âncora que você definiu na página de destino.
podem incluir quantas âncoras quiser na página, mas lembre-se de que cada uma deve ter um nome diferente.
Âncoras são links estabelecidos para certas partes de uma mesma página ou de outra página qualquer, por exemplo, se você quer que um link vá direto para um texto que está no meio de uma página sem o visitante ter que descer a página. Por exemplo, clicando aqui você salta automaticamente para o fim da página.
Para o funcionamento de uma âncora deve-se estabelecer dois comandos:
. Um que defina o lugar da página para onde se pretende "saltar";
. Outro que identifique esse ponto de destino.
Links com âncoras para uma mesma página
Você pode fazer com que links saltem para determinados pontos de uma mesma página, facilitando a navegação. Veja como. Primeiro vamos definir o ponto de destino. Você deve incluir a seguinte tag exatamente no local onde quer que o link vá:
- Código:
<A NAME="Coloque o nome da ancora aqui"></A>
Obs.: NAME é um parâmetro que define um ponto de destino.
Agora você pode usar a tag de link "comum" para fazer o link saltar para o ponto onde você definiu:
- Código:
<a href="#nome da ancora">Texto</a>
Repare que há um símbolo "#" antes do nome da âncora. É ele que vai fazer o navegador entender que deve ir para a âncora que você definiu.
Links com âncoras para uma outra página
Agora digamos que você queira que o link vá para uma outra página e direto para um texto no final dela. Primeiro você deve incluir, na página de destino, a tag da âncora no ponto onde ela vai aparecer ela depois de clicar no link, e salvar a página. Em seguida, na página que terá o link, você deve construir a tag assim:
- Código:
<a href="nome-do-lugar-a-ser-levado#nome da ancora">Texto</a>
Em "nome-do-lugar-a-ser-levado" você coloca o URL ou a página html que vai ser mostrada e, depois do destino, o "#nome da ancora". Este nome de âncora deve ser o mesmo nome de âncora que você definiu na página de destino.
podem incluir quantas âncoras quiser na página, mas lembre-se de que cada uma deve ter um nome diferente.
Font: zwame
ricardo1992- Membro
- Mensagens : 148
Pontos : 291
Data de inscrição : 09/08/2009
Idade : 31
Localização : Aveiro
Tópicos semelhantes
» [Tutorial] Como Criar Hi5 com várias páginas
» Criar Barra de Metal [Tutorial]
» Criar Reflexo nas Letras [Tutorial]
» Fazer Trovoada [Tutorial]
» [Tutorial] Códigos para as Estatísticas
» Criar Barra de Metal [Tutorial]
» Criar Reflexo nas Letras [Tutorial]
» Fazer Trovoada [Tutorial]
» [Tutorial] Códigos para as Estatísticas
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|