[TUTORIAL] Barra de anúncios usando <marquee>
Fórum dos Fóruns :: Forumeiros e você ::
Página 1 de 1 • Compartilhe
![Principal Contribuidor Principal Contribuidor](https://i.servimg.com/u/f28/11/40/02/06/medal_10.gif)
[TUTORIAL] Barra de anúncios usando <marquee>
![]() | 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>
Barra de anúncios usando <marquee>
1º - 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>
Feito isso, salve o novo widget e aplique-o à estrutura dos widgets.[SEU TEXTO AQUI]
2º - 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](https://i.servimg.com/u/f86/11/66/91/15/criar10.gif)
![[TUTORIAL] Barra de anúncios usando <marquee> Wf310](https://i.servimg.com/u/f85/12/75/28/98/wf310.png)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
- 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:
© 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] Barra de anúncios usando <marquee> |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» [TUTORIAL] Barra de usuário
» [TUTORIAL] Chatbox na barra de ferramentas
» [TUTORIAL] Barra de rolagem com animação
» [TUTORIAL] Modificar "Bem vindo" da barra de ferramentas
» [TUTORIAL] Barra de progresso no carregamento das páginas
» [TUTORIAL] Chatbox na barra de ferramentas
» [TUTORIAL] Barra de rolagem com animação
» [TUTORIAL] Modificar "Bem vindo" da barra de ferramentas
» [TUTORIAL] Barra de progresso no carregamento das páginas
Fórum dos Fóruns :: Forumeiros e você ::
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos