Pop-up de conexão

Qual é minha questão:
Gostaria que alguem me passasem o CSS desse pop-up aqui 

observem que ao invez de NAO EXIBIR MAIS  eu quero o X para sair




desde ja agradeço 

Endereço do meu fórum:
http://genioseletronica.forumeiros.com

Versão do fórum:
PHPBB3

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

Código:

#login_popup input.button2 {-moz-box-shadow: none;-webkit-box-shadow: none;background-color: transparent;background-image: url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Actions-window-close-icon.png);background-position: 0 100%;background-repeat: no-repeat;border: 0;box-shadow: none;color: transparent;cursor: pointer;float: right;font-size: 0;height: 60px!important;margin-right: -40px;margin-top: -270px;width: 60px!important;}

Valide.

Até mais.

ola amigo ,veja como ficou,o X apareceu e ficou nota 10 mas a imagem nao,como faço adiciona-la?

adaiuto escreveu:ola amigo ,veja como ficou,o X  apareceu e ficou nota 10 mas a imagem nao,como faço adiciona-la?

De que imagem você está falando? Na ilustração, não tinha nenhuma.

Até mais!

Today escreveu:

adaiuto escreveu:ola amigo ,veja como ficou,o X  apareceu e ficou nota 10 mas a imagem nao,como faço adiciona-la?

De que imagem você está falando? Na ilustração, não tinha nenhuma.

Até mais!

veja

up

up

Olá,

Desative a pop-up comum da forumeiros, e crie um novo widget só para visitantes com isso:

Código:

<div id="show">
    <div id="fade"></div>
    <div class="popup_block">
    <div class="popup">
    <a href="#" id="popupclose"><img src="http://i38.servimg.com/u/f38/17/31/71/58/icon_c10.png" class="cntrl" title="Fechar"></a>
                            <h3>Bem Vindo ao <b>Programando</b></h3>
                            <p>Para poder utilizar todos os atributos deste fórum, será necessário que você se registre-se em nosso fórum.<br><br>O cadastro é gratuito e leva pouco tempo para ser preenchido.<br>Durante o cadastro, será requerida uma conta de e-mail válida, um login e uma senha. Todos os campos
                     deveram ser preenchidos, para ter a tua conta!<br>
    </p><br><br><center><a href="/register" title="Cadastre-se" style="text-decoration: none;color: black;font-weight: bold;font-family: cursive;font-size: 25px;">Registre-se Agora!</a> </center>
    <p></p><br>
                         
    <form action="/login" method="post" name="form_login" id="login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="100%" align="right">
    <div align="center">
    <b>Usuário:</b> <input id="ips_username" type="text" class="input_text" name="username" size="15" tabindex="1">
    <b>Senha:</b> <input id="ips_password" type="password" class="input_text" name="password" size="15" tabindex="2">
    <input type="submit" name="login" class="input_submit" value="Logar">
    </div>
    </td></tr><td><tr>
    <p style="text-align: left;text-decoration: none;position: relative;top: -10%;margin-left: 4%;"><a style="text-decoration: none" href="/login">Já sou cadrastrado!</a></p>
    </tr></td></table></form>
   
    </div></div>
    </div>
    <script type="text/javascript">
    jQuery('#popupclose').click(function(){
    jQuery('#show').fadeOut('fast');return false;
    });
    if (location.pathname == '/login') {
    jQuery('#show').css('display','none');
    }
    if (location.pathname == '/register') {
    jQuery('#show').css('display','none');
    }
    </script>
    <style type="text/css">
    #fade {
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    filter:alpha(opacity=80);
    opacity: .30;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /*--IE 8 Transparency--*/
    left: 0;
    top: 0;
    z-index: 10;
    }
    #show {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    }
    .popup_block {
    background: #BB2929;
    padding: 10px 20px;
    border: 10px solid #fff;
    float: left;
    width: 480px;
    position: fixed;
    top: 20%;
    left: 50%;
    margin: 0 0 0 -250px;
    z-index: 100;
    }
    .popup_block .popup {
    float: left;
    width: 100%;
    background: #fff;
    margin: 10px 0;
    padding: 10px 0;
    border: 1px solid #bbb;
    }
    .popup h3 {
    margin: 0 0 20px;
    padding: 6px 11px;
    border-bottom: 1px solid #bbb;
    font-size: 1.5em;
    font-weight: normal;
    }
    .popup p {
    padding: 5px 10px;
    margin: 5px 0;
    }
    .popup img.cntrl {
    position: absolute;
    right: -20px;
    top: -20px;
    }
    .input_text {
    padding: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #848484 #C1C1C1 #E1E1E1 #C1C1C1;
    background: white;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    }
    .input_submit {
    -moz-border-radius: 3px;
    -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
    background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
    border-color: #212121;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
    color: white;
    cursor: pointer;
    padding: 4px 10px;
    text-decoration: none;
    }
    </style>

Até.

Cʀɑzy

esse codigo é pra colocar na folha css?

Não, releia: e crie um novo widget só para visitantes com isso:

é que na opçao de widget nao tera como eu adicionar na seçao de pop up pois o widgt so dao para colocar nas laterais do forum

ou nao ?

veja como fiz,

eu criei uma nova pagina javascript ,investimento em todas as paginas e desativei o pop up ja pre criado


mas nao resultou

'-' Amigo, faça o que eu disse. ''-'''
Eu sei que e só nas laterais..

parabens amigo,funcionou corretamente,mas tive um pequeno problema,mesmo efetuando o logim o pop up ainda continua na tela,

como faço pra fazer o que vc me pediu pra colocar so pra visitantes?

opa agora sim,muito obrigado amigo,pela paciencia e por me ajudar ate o fim,DEUS o abençoe ricamente viu,ficou nota 10 ,muito obrigado mesmo

pedido finalizado e muito satisfeito