Alerta após efetuar conexão ao fórum Seg 11 Ago 2014 - 11:08
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Nome do Arquivo: Alerta após efetuar conexão ao fórumAutor: Turbodeif
Funcionalidade: Todas as versões
Categoria: Recursos de Outros Autores
Este tutorial é bem simples e é um efeito bem legal, vamos ao tutorial:
Basta adicionar na sua página inicial ou em algum widget o seguinte código:
[poll]
- Código:
<script>
jQuery(function () {
var html_encabezado_bienvenida = "Carregando...";
var html_cuerpo_bienvenida = "Obrigado por conectar-se {USERNAME}";
var segundos = 5;
var mycookiename = "fa_" + (document.location.hostname).replace(/\./g, "_") + "_sid";
var welcomedonecookiename = "fa_" + (document.location.hostname).replace(/\./g, "_") + "_welcomedone";
var ver_sel = new Array();
ver_sel["phpbb2"] = ".bodylinewidth";
ver_sel["phpbb3"] = ".conteneur_minwidth_IE";
ver_sel["punbb"] = ".minwidth_IE";
ver_sel["invision"] = ".minwidth_IE";
if (my_getcookie(mycookiename) == null) {
my_setcookie(welcomedonecookiename, 0);
} else {
if (my_getcookie(welcomedonecookiename) == 0) {
jQuery("body").prepend("<div id='div_welcome'><div id='div_welcome_header'>" + html_encabezado_bienvenida + "</div><div id='div_welcome_body'>" + html_cuerpo_bienvenida + "</div></div>");
jQuery(ver_sel[fa__version()]).fadeTo("slow", 0.15).delay(segundos * 1000).fadeTo("fast", 1);
jQuery("#div_welcome").delay(segundos * 1000).fadeTo("fast", 0);
my_setcookie(welcomedonecookiename, 1, true);
}
}
});
function fa__version() {
if (jQuery("body").length) {
if (jQuery("#i_logo").length) return "phpbb2";
else if (jQuery("#logo-desc").length) return "phpbb3";
else if (jQuery("#pun-logo").length) return "punbb";
else if (jQuery("#logostrip").length) return "invision";
else return "phpbb2";
} else return -1;
}
</script><style>
#div_welcome {
background-color: white;
border: 1px solid black;
border-radius: 10px;
display: block;
left: 35%;
position: absolute;
right: auto;
text-align: left;
top: 150px;
width: 400px;
}
#div_welcome_header {
background: url('http://i45.servimg.com/u/f45/17/45/19/77/gradie10.jpg') repeat scroll 0 0 transparent;
border-radius: 9px 9px 0 0;
color: white;
padding-left: 10px;
padding-bottom: 2px;
text-align: left;
}
#div_welcome_body {
color: #2e2e2e;
background: url('http://r18.imgfast.net/users/1814/33/64/22/smiles/252361.gif') no-repeat left center;
color: # 2E2E2E;
padding: 20px 10px 20px 60px;
}
</style>
Espero que gostem.
