Caixa de Aviso Flutuante

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Caixa de Aviso Flutuante

Mensagem por Zeref-kun em 25/10/14, 04:34 pm

Hey pessoal! Eu vim pedir que editem para mim, o código deste tópico: http://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 25/10/14, 11:15 pm, editado 1 vez(es)
avatar

Zeref-kun
Nível 8

Masculino
Inscrito dia : 29/07/2014
Mensagens : 107
Pontos Ativos : 179

Ver perfil do usuário http://pokemondiamondbattle.forumeiros.com

Resolvido Re: Caixa de Aviso Flutuante

Mensagem por StaaL em 25/10/14, 05:47 pm

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
avatar

StaaL
Nível 9

Masculino
Inscrito dia : 23/10/2014
Mensagens : 153
Pontos Ativos : 223

Ver perfil do usuário http://criando.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum