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
  [Tutorial] Elegante Pop-up de conexão

Descrição
O Pop-up de conexão agora está mais elegante. Desculpe pelo print, o código ainda não estava pronto, e o Pop-up ficou meio "torto".

Funcionalidade: PunBB, PhpBB3, Invision

--> Código CSS <--

Código:
/*---/ POP-UP Elegante /---*/
/* Informações de Fundo da janela */
#login_popup {
background: #FFFBE5;
}
/* Informações do Botão Registrar-se */
#login_popup_buttons input[value="Registrarse"] {
background: #FFC529;
border: 1px solid #F08D00;
}
 
#login_popup {border-radius: 5px 5px 5px 5px;border: 0 none;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);font-size: 11px;padding: 15px;position: absolute;left:79% !important;margin-top: 37.8% !important;height: 58px !important;width: 225px !important;font-family: Verdana,Arial,Helvetica,sans-serif;z-index: 999;}
#login_popup_buttons input[type="submit"], #login_popup .h3, #login_popup_title{display: none;}
#login_popup .box-content, #login_popup .main-content {padding: 0;height: auto !important; width: auto !important;background-color: transparent;}
#login_popup_buttons input[value="Registrarse"] {cursor: pointer;font-family: Verdana,Arial,Helvetica,sans-serif;position: relative;right: 30px;top: -40px;border-radius: 3px 3px 3px 3px;float: left;margin: 0 0 5px;width: 140px !important; color: #303030;display: block;font-size: 10px;font-weight: bold;padding: 5px 6px 4px;text-align: center;text-shadow: 1px 1px 0 #FFED55;text-transform: uppercase;}
#login_popup_close {cursor: pointer;padding: 8px;position: relative;right: 20px;top: -40px;border: 0 none;font-size: 0;background: url("http://img845.imageshack.us/img845/8128/1ifpex.png") no-repeat scroll 0 -441px transparent;display: block;height: 16px;width: 16px;}
#login_popup img {width:50px; float: left;margin-right: 10px;
}
/*---/ Creditos: 2012 ©️ Staffer Group BR™️ /---*/
/*---/  http://staffergroupbr.stuning.net /---*/

--> Ativação <--
Painel de Controle Seta Azul Geral Seta Azul Forum Seta Azul Configurações


--> Resultado Final<--

Clique na imagem para visualizar ▲


Desenvolvido por @ giObanii | ToxiG33™️
Editado e Postado por Copyright® 2012 Staffer Group BR™️
Ver perfil do usuário

#2
 Vargas

avatar
Moderador
Fico Bem mais Elegante!
Ver perfil do usuário

#3
 Narutofake

avatar
Membro
ficou legal vlw aeeeeee
Ver perfil do usuário

#4
 'Fusion

avatar
Membro
fico legal di mais mano tu é um nerd dos codigos.

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#5
 A Fofa

avatar
Membro
Olá,

Adorei, obrigada por partilhar! :D

Até mais! ;)
Ver perfil do usuário

#6
 ®'Martins

avatar
Membro
otimo efeito
....
Ver perfil do usuário

#7
 'Fusion

avatar
Membro
Vou testar mais uma vez.
Ver perfil do usuário samuca_akira@hotmail.com

#8
 Conteúdo patrocinado