[TUTORIAL] Barra de anúncios usando <marquee>

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Principal Contribuidor

[TUTORIAL] Barra de anúncios usando <marquee> Empty [TUTORIAL] Barra de anúncios usando <marquee>

Mensagem por Shek 11.07.14 21:02


[TUTORIAL] Barra de anúncios usando <marquee> Modules

Barra de anúncios

Existem vários tipos de códigos usados para emitir uma notícia em sites, só que, através do html <marquee> é possível fazer efeitos semelhantes e sem precisar mudar muita coisa.


--> Tutoriais, dicas e astúcias <--
Barra de anúncios usando <marquee>



- Código a ser utilizado:
Código:
<style>
#avisos{
position: fixed;
top: 97%;
left: 0px;
background: #000000;
width: 100%;
color: #ECECEC;
padding: 3px;
z-index: 9999;
}
</style>
<div id="avisos"><style>
#avisos{
position: fixed;
top: 97%;
left: 0px;
background: #000000;
width: 100%;
color: #ECECEC;
padding: 3px;
z-index: 9999;
}
</style>
<div id="avisos">
<marquee behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()"><div align="center">[SEU TEXTO AQUI]</div></marquee>
</div>
</div>
Nota: Para alterar o texto, você só precisa pressionar as teclas Ctrl + F e buscar por:
[SEU TEXTO AQUI]
Feito isso, salve o novo widget e aplique-o à estrutura dos widgets.


- Aplicação do código no Widget:
Painel de controle (Avançado) >> Módulos >> Portal & Widgets >> Gestão dos widgets (fórum/portal) >> Novo widget personalizado
[TUTORIAL] Barra de anúncios usando <marquee> Criar10
[TUTORIAL] Barra de anúncios usando <marquee> Wf310

[TUTORIAL] Barra de anúncios usando <marquee> 110111SetaNome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.
[TUTORIAL] Barra de anúncios usando <marquee> 110210Seta Utilizar um table type: - Nesta opção, deverá ser marcado o "Não".
[TUTORIAL] Barra de anúncios usando <marquee> 110310Seta Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente.
[TUTORIAL] Barra de anúncios usando <marquee> 110410Seta Fonte do widget: - Neste campo, Devemos inserir o código trabalhamos no 3º Passo.
[TUTORIAL] Barra de anúncios usando <marquee> 110510Seta Salvar: - Para que o widget apareça corretamente, este box deve ser acionado, após as devidas modificações.
Feito isso, basta que o Widget seja arrastado para uma coluna no módulo correspondente para que o efeito seja aplicado.

  • Não consigo colocar meu novo widget na estrutura dos widgets:
    Caso tenha dificuldades com o gerecimento de seus widgets, queira acessar a FAQ específica sobre o assunto: https://ajuda.forumeiros.com/t15885-

  • Resultado:
    [TUTORIAL] Barra de anúncios usando <marquee> Result58





© Fórum dos Fóruns


[TUTORIAL] Barra de anúncios usando <marquee> Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Barra de anúncios usando <marquee>
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos