Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
Alerta após efetuar conexão ao fórum
Descrição: Com este código os usuários receberam um alerta avisando-os que o fórum está carregando e ao mesmo tempo dando boas vindas a ele.

Versões de funcionamento: Todas as versões

O código é bem simples, basta adicionar na sua página inicial ou em algum widget.
Código:
<script>
jQuery(function () {
  /* Tutorial - http://staffergroupbr.stuning.net/t2279- */

  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>
A mensagem só aparece quando o usuário se conecta no fórum.

  • Resultado:





© Staffer Group BR™
Criador: Turbodeif
Site: http://staffergroupbr.stuning.net/t2279-
Ver perfil do usuário

#2
 azure

avatar
Membro
Muito obrigado ae, estarei a usar.
Ver perfil do usuário

#3
 JQuery

avatar
Membro
gostei vlw
Ver perfil do usuário

#4
 JQuery

avatar
Membro
,lkmnjhbgvfcdxs
Ver perfil do usuário

#5
 ~[B]art

avatar
Membro
Este é um código muito, muito legal mesmo...
Ver perfil do usuário

#6
 Vyper

avatar
Novato
Obrigado
Ver perfil do usuário

#7
 Master Publicitario

avatar
Membro
Muito bom parabéns!
Ver perfil do usuário

#8
 Conteúdo patrocinado