Você não está conectado. Conecte-se ou registre-se

Popup Boas Vindas

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1Resolvido Popup Boas Vindas em Qua Jan 13, 2016 6:32 pm

PaladinoS

avatar
Designer
Gostaria de colocar um popup de boas vindas parecido com a desse fórum, porém sem nenhum botão nele, queria apenas um botão "X" que no caso seria para fechar ! Tem como ?

Ver perfil do usuário

2Resolvido Re: Popup Boas Vindas em Qua Jan 13, 2016 6:36 pm

IsmaelS.

avatar
Administrador
Olá!

Aqui está, aconselho a usar em widget:
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>
                                                                                                                     
            <div align="center">
                                                                   Bem Vindo(a) ao <strong>FÓRUM!</strong>                                                   
            </div>
                                                                                                                     
         </h3>
                                                                                                                  
         <p>
                TEXTO AQUI...                                                 
         </p>
                                                                        
         <div>
                                                                                                                               
         </div>
                                                                                                
         <form action="/login" method="post" name="form_login" id="login">
                                                                                                                     
            <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
                                                                                                                        
               <tbody>
                  <tr>
                                                                                                                              
                     <td align="right" style="width: 100%;">
                                                                                                                                       
                     </td>
                                                                                                                              
                  </tr>
                                                                                                                           
               </tbody>
            </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: #ddd;
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;
}
#form-send, .form-info h3 {
      background: #fcfcfc;
      padding: 10px 10px 10px 10px;
      border: 1px solid #ddd;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
    }
      .warn1 {
      background: rgba(255, 170, 0, 0.48) url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x 0 0;
      margin: 3px 0;
      color: #80001c;
      padding: 0em;
    }
      #form-send, .form-info h3 {
  background: #fcfcfc;
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  }
  #form-send select, .form-info h3 {
  font: 16px bold arial, tahoma, georgia;
  }
  .form-info h3 {padding: 3px;font-weight: bold;text-align: center;}
  #form-send select {
  min-width: 150px;
  padding: 4px;
  cursor: pointer;
  outline: none;
  border: 1px solid #e0e0e0;
  background: white;
  }
</style>

Aviso: Deixe as autorizações apenas ativa para os Convidados!



  • webGRAPHIC - Desenvolvimento Web e Gráfico

    faceface
    Ver perfil do usuário http://webgraphic.forumeiro.com/

    3Resolvido Re: Popup Boas Vindas em Qua Jan 13, 2016 7:06 pm

    PaladinoS

    avatar
    Designer
    Obrigado, pode fechar

    Ver perfil do usuário

    4Resolvido Re: Popup Boas Vindas em Qua Jan 13, 2016 7:09 pm

    RafaelS.

    avatar
    Administrador
    [sucesso="Membro Satisfeito"]Tópico arquivado a favor do autor.[/sucesso]

    Ver perfil do usuário

    Conteúdo patrocinado


    Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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

     

    © WEBGRAPHIC - Todos os Direitos Reservados
    Este tema foi construído pelo WEBGRAPHIC com a utilização de alguns utilitários
    do fórum WASD a cópia total ou parcial de qualquer conteúdo do fórum é proíbida.