Entrar
Os membros mais ativos do mês
Nenhum usuário |
Quem está conectado?
Há 4 usuários online :: 0 registrados, 0 invisíveis e 4 visitantes Nenhum
[ Ver toda a lista ]
O recorde de usuários online foi de 23 em Seg Jun 08, 2020 3:43 am
Últimos assuntos
[TUTORIAL] Link com vários textos e redirecionamentos
Web ASA Fórum | Oficial :: Geral :: :: Serviços Web Sites :: Suporte Forumeiros :: Forumeiros & Você :: Tutoriais, dicas e astúcias :: Scripts HTML, BBCode e Javascript
Página 1 de 1
[TUTORIAL] Link com vários textos e redirecionamentos
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] | Multi-links |
Este código é algo completamente inovador, que lhe permitirá colocar em um link vários textos e endereços para que este redirecione. Funciona da seguinte forma: entre um intervalo de tempo, será exibido um link que dá para uma página. Após esse tempo, o mesmo é substituído por outro link diferente a apontar para outra página.
--> Tutoriais e astúcias <--
Link com vários textos e redirecionamentos
Link com vários textos e redirecionamentos
1º - Código que deve ser utilizado:
O código é bem simples. No próximo ponto iremos explicar onde o mesmo poderá ser colocado, mas de maneira geral é em qualquer local que aceite códigos HTML.
O código para o link que iremos utilizar é:
Ao início:
Para cada link:<script language="JavaScript">
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 4
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
Ao final:lineArr[1] = "Fórum dos fóruns"
urlArr[1] = "[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]"
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
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.getElementById('multilink').innerHTML = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
}
document.write("<a href=\"#\" id=\"multilink\" onClick=\"GotoUrl(urlArr[lineNo])\"></a>");
StartShow();
</script>
Vermelho -> Número de links que haverá. Terá de ser exato, caso contrário o código deixará de funcionar!
Azul -> Endereço para onde o link irá direcionar.
Marrom -> Deverá representar o número do link. Se no campo vermelho definiu quatro, por exemplo, deverá definir neste a identificação, que poderá varia entre um e quatro. Terá de haver somente um link com um número, caso contrário o código não irá funcionar.
Preto -> Intervalo em milissegundos antes que a próxima letra do link seja exibida.
Laranjado -> define o intervalo em milissegundos em que um link será exibido com todas as suas letras.
Verde -> Texto que será exibido no link, pode conter HTML, mas terá de tomar cuidado pois antes dos caracteres como " ", deverá colocar uma barra (\) para que ela não seja interpretada. Veja o exemplo:
Deverá ser trocado por:<span style="color:red;">...
<span style=\"color:red;\">...
2º - Locais em que este código pode ser utilizado:
Em geral, em qualquer lugar que aceite códigos HTML. Mas, para facilitar, trouxemos uma lista deles:
- Mensagem da Home Page:
Painel de Controle -> Visualização -> Home Page -> Geral -> "Mensagem da Home Page" - Widgets (em todos que são possíveis de criar ou modificar):
Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
ou
Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum - Newsletter's (modo HTML)
Painel de Controle -> Geral -> Newsletter -> Redação e envio - Mensagens Privadas (MP) e mensagens (com HTML ativado para as mensagens) Só terá efeito na determinada mensagem!
© Fórum dos Fóruns
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Link com texto ao passar o mouse |
Tópicos semelhantes
» [TUTORIAL] Link com texto ao passar o mouse
» [TUTORIAL] Sistema de PREFIXOS
» [TUTORIAL] Criar e personalizar a sua pop-up
» [TUTORIAL] Background aleatório
» [TUTORIAL] Imagem flutuante
» [TUTORIAL] Sistema de PREFIXOS
» [TUTORIAL] Criar e personalizar a sua pop-up
» [TUTORIAL] Background aleatório
» [TUTORIAL] Imagem flutuante
Web ASA Fórum | Oficial :: Geral :: :: Serviços Web Sites :: Suporte Forumeiros :: Forumeiros & Você :: Tutoriais, dicas e astúcias :: Scripts HTML, BBCode e Javascript
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Dom Jun 24, 2012 11:15 am por Alisson Silva
» [Re-Apresentação] Fábio
Sex maio 25, 2012 4:45 pm por Fábio
» PixelZIP ~ design&programção em só lugar
Sex maio 25, 2012 4:44 pm por Fábio
» Pedido de logo
Dom maio 20, 2012 10:06 am por Alisson Silva
» Kernel - Apresentação
Sáb maio 19, 2012 9:49 am por Alisson Silva
» [Galeria] Gabriel Schiavi - Atualizado (20/02 - !5:21)
Sáb maio 19, 2012 9:48 am por Alisson Silva
» HEBBO HOTEL 24 HORAS ONLINE !!
Sex maio 04, 2012 7:20 pm por Alisson Silva
» Pedido de Layout
Sex maio 04, 2012 5:23 pm por Fonsecca
» [RESOLVIDO]TV CCE HPS 2071-D (IMAGEM SÓ EMBAIXO, ACIMA, LINHAS DE RETRAÇO E FAIXA PRÊTA NO TOPO DA TELA).
Qua Abr 11, 2012 4:07 pm por Fry
» [contato] Deixo aqui meus contatos virtuais
Qua Abr 11, 2012 3:25 pm por Fry