Invitado, ¡Bienvenido!

Pon tus datos en ENTRAR o CONECTARSE.

Si no estás registrado entras como invitado, puedes pasar a leer o regístrarte.

Para navegar dispones del ÍNDICE, el foro de ayuda INFORMACIÓN Y REGISTRO y la sección FAQ.

El contenido incluye tutoriales poéticos y de ayuda informática. Visita la SALA DE LECTURA en el FORO COMÚN o los blogs de cada poeta del foro.

Para DESCONECTAR este cartel pincha en \"NO ANUNCIAR\".

Pop-Up de conexión para la versión de phpBB 2 Y PUNBB (Foroactivo)

Ir abajo

biggri Pop-Up de conexión para la versión de phpBB 2 Y PUNBB (Foroactivo)

Mensaje por -Admin el Sáb Feb 26, 2011 6:37 pm

Prueba:
Demostración de la página web: haga clic en
Demostración de las imágenes: Imagen 1 , Imagen 2

Cómo activar?
Primero asegúrese de tener activada la conexión local.
Si usted no ha trabajado en el panel de administración> General> Configuración y por debajo de la casilla donde dice que usted aún penúltima Pop-up y de poder ( demo: la imagen )

Adición de cambios
En primer lugar, se añade el código Javascript y HTML en las plantillas overall_header_new .
Introduzca el panel de administración> Pantalla> Plantillas> General y haga clic en el icono de la modificación de la plantilla overall_header_new ( ver demo ).
En su búsqueda el código siguiente se muestra en esta imagen: Foto .
Reemplace el código con él y guarde las plantillas:


Código:
<script type="text/javascript">
toggled function (elementId)
{
  var el = document.getElementById (elementId);
  if (el.style.display == 'none')
  {El.style.display = 'block';}
  else
  {El.style.display = 'none';}
}
</ Script>
<script language="JavaScript">
toggleAutentificare function () {
var it = document.getElementById ("toggleAutentificare");
var text = document.getElementById ("displayAutentificare");
if (ele.style.display == "block") {
ele.style.display = "none";
img.innerHTML = "http://i65.servimg.com/u/f65/14/45/99/41/112_co35.png"
}
else {
ele.style.display = "block";
img.innerHTML = "http://i65.servimg.com/u/f65/14/45/99/41/112_co35.png"
}
}
</ Script>
<! - Switch_login_popup BEGIN ->
<div id="login_popup"> <div style="width: {LOGIN_POPUP_WIDTH}px; height: {LOGIN_POPUP_HEIGHT}px;" id="contur_pup_up"> <div style = "width: {LOGIN_POPUP_WIDTH} px, height: {LOGIN_POPUP_HEIGHT } px; overflow: auto "id =" pop_up "> <div id="continut_pup_up"> LOGIN_POPUP_MSG {} </ div> </ div> </ div> <div style =" width: {LOGIN_POPUP_WIDTH} px; " align = "right"> <div id="pop_up_buttons"> <span class="op"> <a href="javascript:toggleAutentificare();" id="displayAutentificare" title="Autentificare"> <img src = " http://i65.servimg.com/u/f65/14/45/99/41/112_co35.png "border =" 0 "> </ a> </ span> <br>
<a href="/profile.forum?mode=register" title="Inregistrare"> <img src = "http://i65.servimg.com/u/f65/14/45/99/41/112_co36.png "border =" 0 "class =" optional "title =" Register "> </ a> <br>
<a href="#" id="login_popup_close" title="Inchide and do not display this chenar"> <img src = "http://i65.servimg.com/u/f65/14/45/99/41 / 112_co37.png "border =" 0 "class =" optional "title =" Close and do not display this frame "> </ a>
</ Div> <div id="toggleAutentificare"> <form method="post" action="/login.forum" name="form_login"> <center> <span class="op"> <input type = "text "name =" username "value =" Username "onclick =" if (this.value == 'Username') this.value =''; "onblur =" if (this.value =='') this.value = 'Username', 'class = "logininput" /> </ span>
<span class="op"> <input type = "password" name = "password" value = "Password" onclick = "if (this.value == 'Password') this.value ='';" onblur = " if (this.value =='') this.value = 'Password', "class =" logininput "/> </ span> <span class="op"> <label for="autologin"> <span style = "font-size: 12px; font-family: Arial; color: # 464646; cursor: pointer;"> Remember: </ span> </ label> <input type = "checkbox" name = "autologin" id = "autologin "style =" cursor: pointer; "/> </ span>
<input type="hidden" name="redirect" value="" /> <input type="hidden" name="query" value="" /> <span class="op"> <input class = "button "type =" submit "name =" login "value =" Login "/> </ span> </ center>
</ Form> </ div> </ div> </ div>
<! - Switch_login_popup END ->
A continuación, introduzca el Panel de Administración> Mostrar imágenes> y> Colores> Colores CSS de hoja de estilos CSS copia el código de abajo y añade que allí, a continuación, guardar


Código:
Pop-up connection /*---------------- ---------------- * /
. Logininput {
width: 100px;
height: 12px;
color: # 808080;
font-size: 12px;
font-family: Arial;
background-color: # ffffff;
border-radius: 3px;
-Webkit-border-radius: 3px;
-Moz-border-radius: 3px;
border: 1px solid # cfcfcf;
}
# {ToggleAutentificare
width: 390px;
padding: 5px;
margin-top: 10px;
display: none;
box-shadow: 0px 2px 4px # 8d8d8d;
-Webkit-box-shadow: 0px 2px 4px # 8d8d8d;
-Moz-box-shadow: 0px 2px 4px # 8d8d8d;
-Webkit-border-bottom-right-radius: 3px;
-Webkit-border-bottom-left-radius: 3px;
-Moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background: url (http://i65.servimg.com/u/f65/14/45/99/41/112_co33.png)
}
# {Pop_up
border-radius: 3px;
-Webkit-border-radius: 3px;
-Moz-border-radius: 3px;
border: 1px solid # d5d5d5;
background-color: # f3f3f3;
}
# {Continut_pup_up
font-size: 12px;
font-family: Verdon;
padding: 5px;
}
# {Pop_up_buttons
box-shadow: 2px 0px 4px # 8d8d8d;
-Webkit-box-shadow: 2px 0px 4px # 8d8d8d;
-Moz-box-shadow: 2px 0px 4px # 8d8d8d;
-Webkit-border-top-right-radius: 3px;
-Webkit-border-bottom-right-radius: 3px;
-Moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
padding-left: 5px;
padding-right: 5px;
width: 22px;
height: 70px;
background: url (http://i65.servimg.com/u/f65/14/45/99/41/112_co33.png)
margin-right:-52px;
margin-top:-80px;
}
. Op {
filter: alpha (opacity = 70);
-Moz-opacity: 0.7;
-Khtml-opacity: 0.7;
opacity: 0.7;
}
. Op: hover {
filter: alpha (opacity = 100);
-Moz-opacity: 1.0;
-Khtml-opacity: 1.0;
opacity: 1.0;
}
# {Contur_pup_up
box-shadow: 0px 0px 5px # 8d8d8d;
-Webkit-box-shadow: 0px 0px 5px # 8d8d8d;
-Moz-box-shadow: 0px 0px 5px # 8d8d8d;
border-radius: 3px;
-Webkit-border-radius: 3px;
-Moz-border-radius: 3px;
padding: 10px;
background: url (http://i65.servimg.com/u/f65/14/45/99/41/112_co33.png)
}

Para escribir algo en relación pop-up, vaya a donde se ha activado y se mueve un cuadro donde el mensaje deseado.
Recomiendo para establecer un ancho de 500pX
avatar
-Admin
Administrador
Administrador

Mensajes Mensajes : 564
Fecha de inscripción : 26/11/2010
Edad : 20
Localización Localización : mexico

http://todoparatuforo.foroactivo.mx

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.