Código de pop up de conexão

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Código de pop up de conexão

Mensagem por pyrohinotama em 25/08/13, 11:24 am

Qual é minha questão:
Ola eu gostaria do código usado no pop up de conexão deste fórum: http://www.monsterhunterbrasil.com/
é aquele que diz: loguin - registra-se - não exibir mais

Endereço do meu fórum:
http://rpgadventure.umforum.net

Versão do fórum:
PUNBB
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Código de pop up de conexão

Mensagem por BrunoH. em 25/08/13, 06:48 pm

Olá,

Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
Código:
#login_popup{background-color:transparent;border:1px solid transparent;display:none;padding:6px;position:absolute;z-index:10000}
#login_popup .h3{margin:0 0 6px;padding:0 0 6px display: none;}
#login_popup_buttons{bottom:23px;position:absolute;right:-80px}
#login_popup_buttons input{margin-left:2px}
e Valide!

Mais sobre Pop-up, leia este tópico:
Seta [TUTORIAL] Criar e personalizar a sua pop-up

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Código de pop up de conexão

Mensagem por pyrohinotama em 26/08/13, 06:37 am

este código já esta com o efeito hover dos botões?
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Código de pop up de conexão

Mensagem por MateusA em 26/08/13, 10:17 am

Olá querido! Rindo

Fui no fórum citado e não há nenhum pop-up de conexão.

Até mais. Piscada
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Código de pop up de conexão

Mensagem por pyrohinotama em 26/08/13, 02:28 pm

o-o? cara tem sim olha aqui: o de cima é o normal, e o de baixo é quando o mouse está em cima do botão registra-se(ou seja: com o efeito hover)

->
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Código de pop up de conexão

Mensagem por First em 26/08/13, 09:25 pm

Olá, Boa noite!

O Senhor poderia ativar a Pop-Up de conexão em seu fórum?
- Caso o senhor tenha duvidas em ativar peço que chegue está FAQ: [TUTORIAL] Criar e personalizar a sua pop-up

Até mais...
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Código de pop up de conexão

Mensagem por pyrohinotama em 27/08/13, 01:09 pm

que? o que isso tem haver com minha duvida cara? ._.
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Código de pop up de conexão

Mensagem por First em 27/08/13, 01:14 pm

Olá, Novamente!

O Senhor não quer Pop Up de conexão em seu fórum? se não é isso oque é? eu não entendo se não for isso poderia ser mais especifico?

Aqui esta o hover e o css dos botões
Código:
#login_popup .button1:hover, #login_popup .button2:hover {
background-color: #cca678 !important;
border-radius: 0;
}
#login_popup .button1, #login_popup .button2 {
background: transparent !important;
border: none !important;
padding-left: 46px !important;
color: white !important;
text-shadow: 1px 1px 8px black;
padding-right: 47px !important;
}
#login_popup_buttons input {
margin-left: 2px;
}
Até mais...
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Código de pop up de conexão

Mensagem por North em 27/08/13, 01:46 pm

Olá pyrohinotama,

Vou lhe explicar como fazer, primeiramente ative o pop-up.
Painel de Controle ->> Geral ->> Fórum / Configuração
Ative o pop-up, defina a largura e a altura de acordo com a imagem que irá por. Agora no campo "Mensagem" coloque a imagem desejada entre as tags img.

Código:
[img] [/img]
Salve!

Aceda à 'Folha de estilo CSS':
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS


Acrescente o código a seguir na folha:

Código:
#login_popup {
background-color: transparent;
border: 1px solid transparent;
display: none;
padding: 6px;
position: absolute;
z-index: 999;
}
#login_popup .h3 {
display: none;
}
#login_popup .button1:hover, #login_popup .button2:hover {
background-color: #cca678 !important;
border-radius: 0;
}
#login_popup .button1, #login_popup .button2 {
background: transparent !important;
border: none !important;
padding-left: 46px !important;
color: white !important;
text-shadow: 1px 1px 8px rgb(150, 130, 130);
padding-right: 47px !important;
}
#login_popup_buttons input {
margin-left: 2px;
}
::selection {
color: white;
background-color: #4D3621;
}
Inherited from div#login_popup_buttons
#login_popup_buttons {
font-size: 14px;
}
#login_popup_buttons {
width: 500px;
left: 6px;
background-color: #63472E;
opacity: 0.9;
height: 18px;
font-size: 12px;
}
#login_popup img {
border-radius: 5px;
box-shadow: 0px 0px 10px black;
}
Valide!

Resulta?

Atenciosamente, Harker.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Código de pop up de conexão

Mensagem por pyrohinotama em 27/08/13, 10:15 pm

ficou um pouco bugado, e a imagem ficou cortada. as dimensões da imagem é: 500 de largura e 253 de altura, ja coloquei isso na configuração, mas mesmo assim ficou cortada. os botões estão desorganizados em comparação a linha marrom. se quiser entre no meu fórum e veja, ainda esta ativado
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Código de pop up de conexão

Mensagem por North em 28/08/13, 09:38 am

Acrescente o código a seguir no CSS:

Código:
#login_popup_title {
display: none!important;
}
#login_popup {
-webkit-box-shadow: none!important;
}
#login_popup_buttons {
left: 17px!important;
height: 20px!important;
}
#login_popup .button1, #login_popup .button2 {
position: relative;
bottom: 8px!important;
}
#login_popup .button1, #login_popup .button2 {
position: relative;
bottom: 7px!important;
}
#login_popup .button1:hover, #login_popup .button2:hover {
margin-bottom: 0px!important;
position: relative;
top: -6px!important;
height: 20px!important;
}
Resulta?
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Código de pop up de conexão

Mensagem por pyrohinotama em 29/08/13, 05:27 pm

pode fechar
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum