Código de pop up de conexão

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

Olá,

Aceda a Folha de Estilo CSS:

Painel de Controle Visualização Imagens e Cores Cores 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:
[TUTORIAL] Criar e personalizar a sua pop-up

Até mais.

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

Olá querido!

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

Até mais.

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)

->

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

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

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

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.

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

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?

pode fechar