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: