[Tutorial] Alerta após efetuar conexão ao fórum

[Admin]

Autor: Turbodeif
Funcionalidade: Todas as versões

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:

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.