JScript

Programação & Desenvolvimento


Você não está conectado. Conecte-se ou registre-se

Colocar um aviso flutuante que segue a página

3 participantes

Ir para baixo  Mensagem [Página 1 de 1]

Legolas

Legolas
Moderadores
Moderadores

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>
Pode mudar a imagem do aviso?
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! Wink

Resultado:
Colocar um aviso flutuante que segue a página Exempl10

http://aden.rpgwars.net

JScript

JScript
Administradores
Administradores

Belo efeito amigo, aprovado e curtido!

Obrigado por postar mais um excelente tutorial,

JS

http://autoitbrasil.com

joelson0007

joelson0007
Moderadores
Moderadores

Funcionou como o prometido, obrigado por compartilhar cheers 

Legolas

Legolas
Moderadores
Moderadores

Obrigado, à medida que as ideias forem surgindo, vou fazendo os tutoriais!

Abraços.

http://aden.rpgwars.net

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

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