Caixa de Aviso Flutuante

Item: Caixa de Aviso Flutuante
Rating: 1

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

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

Caixa de Aviso Flutuante

Re: Caixa de Aviso Flutuante