Box flutuante + Explicação

Nome do Arquivo: Box flutuante + Explicação
Autor: Caos  >
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins



Um simples tutorial de como adicionar uma box flutuante por JS no final do seu fórum ao lado direito.


Crie um novo código JavaScript.
Título: Você escolhe.
Investimento: Onde desejar.


E em Código JavaScript adicione:

Código:

jQuery(document).ready(function(){jQuery('body').prepend('<style>#stickymsg{position:fixed;bottom:10px;line-height:16px;right:10px;z-index:30000;opacity:0.8;width:260px;height:auto;background:#cf3737;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 #771b1b;box-shadow:rgba(0,0,0,0.3) 0px 1px 4px,inset #f66c6c 0px 1px 0px;border-radius:3px} #stickymsg a{color:#fff;font-weight:bold;text-decoration:none} #stickymsg:hover{opacity:1}</style><div id="stickymsg"><p class="bbc_center">Bem Vindo, esperamos que se divirta!</p> <br> <p class="bbc_center">Por Favor leia nossas <a href="LINK AKI" class="bbc_url" title="External link" rel="nofollow external">Regras</a> ou apresente-se <a href="LINK AKI" class="bbc_url" title="External link" rel="nofollow external">Aqui </a>para ter completa interação no fórum!</p></div>')});


Para editar o conteúdo exibido na Box, localize:

Código:

Bem Vindo, esperamos que se divirta!</p> <br> <p class="bbc_center">Por Favor leia nossas <a href="LINK AKI" class="bbc_url" title="External link" rel="nofollow external">Regras</a> ou apresente-se <a href="LINK AKI" class="bbc_url" title="External link" rel="nofollow external">Aqui </a>para ter completa interação no fórum!

[aviso=Onde tem escrito "LINK AKI", adicione o link que redirecione para as regras do seu fórum (ou para outra página qualquer)!][/aviso]

Não seria mais fácil usar no template? mas mesmo assim, continua a ajudar! emo' <3

Olá,

O efeito é bem interessante... Eu prefiro inserir a estilização direto no CSS.. E como o Deew disse é mais interessante inserir nos templates (ainda mais agora que todas as versões tem edição de templates *0*)... E usar Javascript só para esconder a box... Mas mesmo assim, não deixa de ser um efeito muito bacana!!

Vou postar um tutorial em breve que pode ser implementado com este ai haha

Poderia aceitar o tutorial dele?

Olá,

As vezes me esqueço deste detalhe...
[sucesso=Tutorial aceito][/sucesso]