Calypso

Personalizar el Pop Up de conexión

Calypso a la(s) 23h52
16
Oct
2012
Hola a todos.

He visto en varios foros que tienen un Pop Up de conexión diferente al predeterminado de foroactivo, y me gustaría saber cómo personalizarlo para que tuviese un aspecto similar o igual estos, que son los que he visto:
Spoiler:



No es en el único foro que he visto algo así, y me parece más "elegante" que el predeterminado, aun sabiendo que se le puede personalizar con imágenes y demás. Sin embargo, el de la imagen cierra cuando pulsas la X roja de la esquina, cosa que en el otro no ocurre.

Agradecería mucho su ayuda, ¡gracias!
1 Jocker!, el 16/10/2012 a la(s) 23h59
Hola

Prueba con este:
Código:

#login_popup {
        position: absolute;
        width: 500px !important;
        height: 250px !important;
        z-index: 999;
        display: none;
        background-color: #ffffff
        background-image: url(URL DE FONDO);
        border: 10px solid #ddd;
        -webkit-box-shadow: 1px 2px 5px #000;
        -moz-box-shadow: 1px 2px 5px #000;
        box-shadow: 1px 2px 5px #000;
        -webkit-border-top-left-radius: 16px;
        -webkit-border-bottom-right-radius: 16px;
        -moz-border-radius-topleft: 16px;
        -moz-border-radius-bottomright: 16px;
        border-top-left-radius: 16px;
        border-bottom-right-radius: 16px;
        padding: 10px;
        font-family: Trebuchet MS;
        font-size: 1.2em;
  }

#login_popup input.button2 {
        cursor: pointer;
        font-size: 0px;
        background-image: url(URL DE FONDO);
        background-color: transparent;
        background-repeat: no-repeat;
        -moz-box-shadow:none;
        -webkit-box-shadow:none;
        box-shadow:none;
        width: 60px !important;
        height: 60px !important;
        border: 0;
        float: right;
        margin-right: -40px;
        margin-top: -270px;
        background-position: 0 100%;
        color: transparent;
}

#login_popup .h3 {
  margin:0 0 6px;
  padding:0 0 6px;
  }

#login_popup_buttons {
  position: absolute;
  bottom: 6px;
  right: 6px;
  }

#login_popup_buttons input {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin-left: 5px;
  }




Si se solucionó tu duda, edita tu mensaje y pon el icono Resuelto
2 Calypso, el 17/10/2012 a la(s) 11h13
El código funciona, pero la imagen de fondo no se ve. Al principio puse una grande, pensando que se recortaría y se vería sólo del tamaño del Pop Up, pero como no lo hacía, probé a poner de fondo una omagen de 500x250 px, que es lo que mide el cuadro, y tampoco se ve :/ La cruz para cerrarlo sí, pero el fondo del cuadro no.. ¿Qué ocurre?
3 Jocker!, el 18/10/2012 a la(s) 01h46
En el primer "URL DE FONDO" coloca esta imagen:
Código:
http://i27.servimg.com/u/f27/16/17/34/47/body-b15.png




Si se solucionó tu duda, edita tu mensaje y pon el icono Resuelto
4 Calypso, el 18/10/2012 a la(s) 10h26
Nada, sigue sin verse el fondo.

Aparece "transparente", por así decirlo. Se ven las letras, pero por detrás de estas se ve el resto del foro y además de quedar mal, no se puede apreciar el mensaje, claro.
5 Jucarese, el 18/10/2012 a la(s) 15h00
Código:
background-image: url("URL DE FONDO");

eso debe estar entre comillas,si pones una imagen quita background-color:

leete esto tambien: http://asistencia.foroactivo.com/tutoriales-trucos-y-astucias-f11/modificacion-de-pop-up-de-conexion-invision-t80800.htm#496103
6 Calypso, el 18/10/2012 a la(s) 16h44
El problema era de las comas, yo había probado a poner una sola coma, y con razón no funcionaba. Con añadir las dos comillas ya se ha resuelto mi problema. ¡Muchas gracias! ^^

El tema queda resuelto.
Temas similares
Datos previos:Foro: http://elseptimocielo.foroactivo.com Versión: phpBB3 Navegador con el problema: Firefox Imagen*: Buenas tardes, me gustaria saber como descentro mi pop up de coneccion y como lo coloco a la izquierda  o en cualquier lugar que y
pues eso q funcion tiene esta opcion cual es el resultado en el aspecto del foro?? gracias
Hola buenas tardes He estado mirando todos los post pero no he conseguido nada. Lo que yo quiero es que cada usuario pueda editar el calendario y poner sus fechas de aniversario, de cumpleaños, o lo que quieran y que se quede grabado para poder
Respuestas 1 a 6 sobre 6 para "Personalizar el Pop Up de conexión"
A ver también
more_less
Informaciones

6 Respuestas Para el tema :
"Personalizar el Pop Up de conexión"

Este tema a sido visto 1135 veces.

Último mensaje escrito :
16/10/2012 a la(s) 23h52 por "Calypso"