Código de pop up de conexão

5 participantes

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

Tópico resolvido Código de pop up de conexão

Mensagem por pyrohinotama 25.08.13 15:24

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
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Código de pop up de conexão

Mensagem por BrunoH. 25.08.13 22:48

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.
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de pop up de conexão

Mensagem por pyrohinotama 26.08.13 10:37

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

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de pop up de conexão

Mensagem por MateusA 26.08.13 14:17

Olá querido! Rindo

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

Até mais. Piscada
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de pop up de conexão

Mensagem por pyrohinotama 26.08.13 18:28

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)

->Código de pop up de conexão ZhzwOHr
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de pop up de conexão

Mensagem por First 27.08.13 1:25

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...
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de pop up de conexão

Mensagem por pyrohinotama 27.08.13 17:09

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

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de pop up de conexão

Mensagem por First 27.08.13 17:14

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...
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de pop up de conexão

Mensagem por goodbye 27.08.13 17:46

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

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de pop up de conexão

Mensagem por pyrohinotama 28.08.13 2:15

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
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de pop up de conexão

Mensagem por goodbye 28.08.13 13:38

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

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código de pop up de conexão

Mensagem por pyrohinotama 29.08.13 21:27

pode fechar
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos