Como colocar esta caixa de loguim

Qual é minha questão:


Visto em:http://staffergroupbr.stuning.net/

Endereço do meu fórum:
http://temas.ativoforum.com

Versão do fórum:
PHPBB3

Olá,

Leia esta FAQ

https://ajuda.forumeiros.com/t13876-

Depois adiciona este código em sua Folha de estilo CSS

Código:

#login_popup {
position: absolute;
z-index: 999;
display: none;
background: url(http://www.c3zone.net/users/1214/94/30/93/album/body10.png) white;
border: 10px solid #DDD;
border-image: initial;
-webkit-box-shadow: black 1px 2px 5px;
box-shadow: black 1px 2px 5px;
border-top-left-radius: 16px;
border-bottom-right-radius: 16px;
padding: 10px;
font-family: 'Trebuchet MS';
font-size: 1.2em;
}

Até

Olá funcionou normal, mas não apareceu a imagem do "X" para fechar a janela.

Obrigado desde já!

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 {
position: absolute;
z-index: 999;
display: none;
background: url(http://www.c3zone.net/users/1214/94/30/93/album/body10.png) white;
border: 10px solid #DDD;
border-image: initial;
-webkit-box-shadow: black 1px 2px 5px;
box-shadow: black 1px 2px 5px;
border-top-left-radius: 16px;
border-bottom-right-radius: 16px;
padding: 10px;
font-family: 'Trebuchet MS';
font-size: 1.2em;
}
#login_popup_close {
cursor: pointer;
font-size: 0px;
background-image: url(http://www.c3zone.net/users/1214/94/30/93/album/close110.png);
background-color: transparent;
background-repeat: no-repeat;
-webkit-box-shadow: none;
box-shadow: none;
border: 0px;
border-image: initial;
float: right;
margin-right: -40px;
margin-top: -270px;
background-position: 0px 100%;
color: transparent;
width: 60px;
height: 60px;
}

e Valide!

Até mais.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'