Cargando...
Notificaciones Password  Username

Regresar CPortada - Mas que un foro, tu Comunidad.  » Recursos para Forumotion - Foroactivo » Scripts
Actualizar esta página Los widgets en Pop-Ups!
Nombre de Usuario:
Contraseña:
   

Responder al tema
 
Herramientas Modos de visualización

  
(#1)
Old  Administrador
">
Administrador
Princeton
2966722216/02/2009Peru
 
icon1 Los widgets en Pop-Ups! el 18/9/2011, 10:16 am

Hola Users Vip...

Yo no sé ustedes, pero creo que la pantalla de widgets hace que un foro se vea muy abarrotado mejor de los casos, y lo feo en el peor. Lo que es importante en un foro ... el contenido. Sin embargo, los widgets tienen la capacidad de mostrar información útil.

Entonces, ¿cuál sería la solución? JavaScript avanzado, y la capacidad de pensar fuera de la caja!

En este tutorial te mostraré cómo crear una "barra de widgets", con las pestañas con un clic para los temas más recientes, calendario y registro en los widgets. Cuando una ficha se hace clic en el widget correspondiente se mostrará como un pop-up. Este método de visualización de reproductores permite al usuario visualizar la información de flash cuando lo quieren ver, y no hay espacio en la pantalla está ocupada por los widgets.

Entonces, ¿cómo se hace? Configurar una pantalla flash como lo haría normalmente, sólo con los widgets a la izquierda y con el ancho de 180px mínimo. Asegúrese de configurar la opción "Usar un tipo de tabla" opción de NO, y desactivar el editor de HTML. Pero luego viene el secreto! A continuación, crear un widget personalizado que contiene el siguiente script:

Esto debes añadir en:

Ir al Panel de Administración - Módulos - Gestión de los widgets del foro

En esa Sección usted debe crear un widget personalizado donde usted pueda añadir este script



Este script se encuentran los widgets, crear la barra de widgets, poner la barra de widgets en el lugar correcto, a continuación, eliminar toda la basura que queda después de los widgets se han movido de su ubicación anterior. Debido a Foroactivo establece widgets de la misma manera exacta en phpBB3 y juntas IPB2/Invision, el mismo guión se puede utilizar en ambos tableros.

El script se encuentra en un flash, por lo que debe escribirse con las etiquetas SCRIPT. Además, se le nota que "jQuery" se explica en lugar de sus más común de "$" etiqueta. Esto se debe a las tiras de Foroactivo el carácter "$" en widgets.

El togglemenu () es lo que se llama cuando un usuario hace clic en una pestaña. Si un widget se muestra, se apagará el widget muestra antes de mostrar el widget asociado con la ficha se hace clic.

Usted notará que cada widget se mueve por separado con el elemento barra de widgets. Esto es para asegurar cada widget se coloca al lado de su ficha correspondiente. Las placas de demostración se configuran con tres controles: Últimos Temas, calendario, y en Iniciar sesión. En el registro de control está configurado para no mostrar a los clientes, por lo que es en realidad un artilugio del perfil. El script busca el registro en flash antes de que se escribe en la ficha correspondiente ... si el flash se encuentra, la ficha se añade.

Adición de widgets adicionales es tan simple como la duplicación de este bloque:

Código:
jQuery(x).prepend(jQuery(y)[1]);
 jQuery(x).prepend('<div class="wmenu" onclick="togglemenu(this.nextSibling)">Yor Widget</div>');
 y[1].style.left='125px';


y el cambio de la (y) [i] del índice, y el estilo de "izquierda". El espacio entre cada pestaña es 125px, así que asegúrese de mantener cada uno de "izquierda" al estilo de un múltiplo de 125px.

Este widget guión deberá ser añadido debajo de cada flash, o no va a funcionar correctamente. Además, si utiliza la última flash temas, debe apagar el desplazamiento. Dado que el flash se encuentra en un pop-up, el desplazamiento es en realidad un obstáculo para su visualización, de manera de apagar el desplazamiento no debería plantear ningún problema.

La barra de widgets y widgets también necesitan un poco de CSS con el fin de buscar y trabajar correctamente. Aquí está la CSS para phpBB3:



Y aquí está la CSS para IPB2/Invision:






Ejemplo:





• Bienvenido Invitado a cPortada™ •
"No son las personas normales las que cambian al mundo!"
"En los momentos de crisis, sólo la imaginación es más importante que el conocimiento"

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

 Los Códigos BB están Activado
 Los Emoticonos están Activado
 Código [IMG] está Activado
 Código HTML está Activado