Caixa de Aviso Flutuante Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema

Fórum dos Fóruns

Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Caixa de Aviso Flutuante

2 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

Ir para baixo

Tópico resolvido Caixa de Aviso Flutuante

Mensagem por Zeref-kun 25.10.14 19:34

Hey pessoal! Eu vim pedir que editem para mim, o código deste tópico: https://ajuda.forumeiros.com/t94640-tutorial-caixa-de-aviso-flutuante

Com estas formatações:
- Caixa com float no canto superior direito
- Coloração azul claro, com bordas desta cor mas com tom escuro
- Texto alinhado na esquerda e de cor branca

Se puder, tentem inserir esse texto da mesma cor que a caixa, e encima da borda superior colado nela: Aviso Genesis, com fonte bem legal,quer dizer, de um tipo... Radical, por exemplo, que combine com lutas ninjas, etc... Quem vê Naruto Shippuden entenderia Muito feliz
Por favor, inserem uma imagem de como ficaria! Não esqueçam disto Feliz


Última edição por Zeref-kun em 26.10.14 1:15, editado 1 vez(es)
Zeref-kun
Zeref-kun
***

Membro desde : 29/07/2014
Mensagens : 107
Pontos : 179

http://pokemondiamondbattle.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa de Aviso Flutuante

Mensagem por StaaL 25.10.14 20:47

Ola Amigos Test Esse Code

Código:
<html><head></head><body><br>    <div id="fdf_float" align="center">
    <script type="text/javascript">
    jQuery(document).ready(function(){
    jQuery("#closedfstc").click(function(){
    jQuery("#fdf_float").hide();
    });
    });
    </script>
    <style type="text/css">
    #fdf_float a {
    position: fixed;
    bottom: 80px;
    text-decoration: none;
    right: 20px;
    z-index: 3000;
    }
    a#caixflofstc {
    position: fixed;
    bottom: 10px;
    line-height: 16px;
    text-align: left;
    right: 10px;
    z-index: 1;
    opacity: 0.8;
    width: 360px;
    height: 120px;
    background: #039AF2;
    color: #fff;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    padding: 10px;
    text-decoration: none;
    font-size: 11px;
    font-family: Tahoma;
    border: 1px solid 2b1c78;
    box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #039AF2 0px 1px 0px;
    border-radius: 3px;
    }
    a#caixflofstc:hover {
    opacity: 1;
    }
    #caixflofstc strong {
    font-family: "Trebuchet MS";
    display: block;
    font-size: 14px;
    padding-bottom: 5px;
    }
    </style>
    <a href="#" id="caixflofstc"><span id="closedfstc" style="float: right;">x</span>Conteúdo</a>
    </div></body></html>

Test
Caixa de Aviso Flutuante YvzIooy
StaaL
StaaL
***

Membro desde : 23/10/2014
Mensagens : 153
Pontos : 223

http://criando.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

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