Colocar um aviso flutuante que segue a página
3 participantes
Página 1 de 1
Colocar um aviso flutuante que segue a página
Colocar um aviso flutuante que segue a página
Olá, senhores! Nesse tutorial nós vamos aprender a colocar um aviso flutuante que segue a página. Esse aviso não irá atrapalhar a visualização da página, pois ficará bem no final dela.
Vá ao Painel de controle => Módulos => Gestão dos Widgets do forum => Criar um novo widget personalizado
Em Nome do widget: coloque o que quiser.
Utilizar um table type: marque não
Titulo do widget: coloque o que quiser
Adicione esse código abaixo:
- Código:
<style>
.aviso {
z-index: 9999!important;
float: left;
position: fixed;
right: 0;
margin-right: auto;
bottom: 0px;
width: 100%;
background: red;
}
</style>
<div class="aviso">
<img style="margin-left: 8px" src="http://i78.servimg.com/u/f78/17/31/71/58/hideod10.png">
<p style="display:inline; position:relative; top:0px; margin-left: 3px; color: white;">Esse tutorial foi criado por Legolas, do <a href="http://jscript.forumeiros.com" target="_blank">PunBB Community</a>! Digite seu texto aqui! Se gostou curte o tutorial!!
</div>
Claro! Use a que quiser.
Preciso deixar o texto que foi criado pelo Legolas?
Rs. Não, não é necessário. Basta curtir o tutorial!
Resultado:
Re: Colocar um aviso flutuante que segue a página
Belo efeito amigo, aprovado e curtido!
Obrigado por postar mais um excelente tutorial,
JS
Obrigado por postar mais um excelente tutorial,
JS
Re: Colocar um aviso flutuante que segue a página
Funcionou como o prometido, obrigado por compartilhar
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Colocar um aviso flutuante que segue a página
Obrigado, à medida que as ideias forem surgindo, vou fazendo os tutoriais!
Abraços.
Abraços.
Tópicos semelhantes
» Trocar titulo da página ao sair da página!
» Aviso de quando editar uma mensagem
» Colocar efeito sonoro
» Aviso de quando editar uma mensagem
» Colocar efeito sonoro
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|