Como escondo los widgets con un boton?

JhonMC · 1 Como escondo los widgets con un boton? Mar Nov 15, 2011 12:24 am

JhonMC

Mensajes : 42 Monedas

Monedas : 57

bueno kiero saber cual es el codigo para esconder/aparecer los widgets
mediante un boton

Version Invision.

salu2

Lucho Enrique · 2 Re: Como escondo los widgets con un boton? Miér Nov 16, 2011 4:26 am

Lucho Enrique

Mensajes : 121 Monedas

Monedas : 178

:ryr: Hola

Debes crear dos widgets personalizados en tu foro: PA ► Modulos ► Portal & widgets ► Gestión de los widgets del foro ► Pinchar en Crear un modulo personalizado

Nombre del widget ► Puedes escoger el nombre que quieras por ejemplo "Top Widget" y "Bottom Widget".

Usar una table tipo ► No

Titulo del modulo ► Dejar vacio.

Fuente del módulo ► Copiar y pegar los codigos los codigos debajo segun la posición de sus widgets.

Para los foros que tienen los widgets al lado izquierdo:
Añadir el codigo siguiente en "fuente del modulo" :

Código:

<div id="forum-widget" style="height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; position: absolute; background: #f5ebf7 url(http://i27.servimg.com/u/f27/14/47/91/27/flechi10.png) no-repeat 0 -13px;" onClick="jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); } else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div>

Puedes cambiar el valor del atributo el color=#f5ebf7 y el Link según el design de tu foro

El Color define el color de fondo de la flechita y y el link para cambiar la imagen de la flechita.

Añade el codigo siguiente para el segundo widget todo debajo de tus modulos que ya existen :

jQuery('#forum-widget').insertBefore('#left'); if(my_getcookie('forum-widget')=='0') {jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); }

Para los foros que tienen los widgets al lado derecho:
Añadir el codigo siguiente en "fuente del modulo" :

Código:

<div id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; bottom: -15px; float: right; background: #f5ebf7 url(http://i27.servimg.com/u/f27/14/47/91/27/flechi10.png) no-repeat 0 -13px;" onClick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); jQuery('#content-container div#content').css('margin-right','189px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px'); }"></div>

Puedes cambiar el valor del atributo el color=#f5ebf7 y el link segun el design de tu foro

El color define el color de fondo de la flechita y el link para cambiar la imagen de la flechita.

Añade el codigo siguiente para el segundo widget todo debajo de tus modulos que ya existen :

jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');}

Luego tienes que añadir los widgets en tu foro : PA ► Modulos ► Portal & Widgets ► Gestión de los widgets del foro, haz clic en el botón "widget personalizados", encontra el widget que debes instalar luego clic encima y al mantener el clic dejalo desplazarse donde debe estar. Es decir : "Top widget" todo abajo y "Bottom widget" todo debajo. No olvides "registrar"
Hecho por: Celina

JhonMC · 3 Re: Como escondo los widgets con un boton? Miér Nov 16, 2011 5:04 am

JhonMC

Mensajes : 42 Monedas

Monedas : 57

me sirvio pero tengo un solo problema ke es ke cuando los esconde desaparece
el boton para volverlos aparecer :/

Lucho Enrique · 4 Re: Como escondo los widgets con un boton? Miér Nov 16, 2011 6:12 am

Lucho Enrique

Mensajes : 121 Monedas

Monedas : 178

Haber...pasame el link de tu Foro en Oculto ::5::

JhonMC · 5 Re: Como escondo los widgets con un boton? Miér Nov 16, 2011 10:37 am

JhonMC

Mensajes : 42 Monedas

Monedas : 57

Este es

Tito · 6 Re: Como escondo los widgets con un boton? Dom Dic 18, 2011 4:09 pm

Tito

Mensajes : 3392 Monedas

Monedas : 6679

Ni siquiera veo los widgets :/

JhonMC · 7 Re: Como escondo los widgets con un boton? Mar Dic 20, 2011 11:04 am

JhonMC

Mensajes : 42 Monedas

Monedas : 57

ups perdon se me olvido decir ke ya no lo necesitaba
lo pueden cerrar

Contenido patrocinado

Contenido patrocinado

1 Como escondo los widgets con un boton? Mar Nov 15, 2011 12:24 am

JhonMC

2 Re: Como escondo los widgets con un boton? Miér Nov 16, 2011 4:26 am

Lucho Enrique

3 Re: Como escondo los widgets con un boton? Miér Nov 16, 2011 5:04 am

JhonMC

4 Re: Como escondo los widgets con un boton? Miér Nov 16, 2011 6:12 am

Lucho Enrique

5 Re: Como escondo los widgets con un boton? Miér Nov 16, 2011 10:37 am

JhonMC

6 Re: Como escondo los widgets con un boton? Dom Dic 18, 2011 4:09 pm

Tito

7 Re: Como escondo los widgets con un boton? Mar Dic 20, 2011 11:04 am

JhonMC

8 Re: Como escondo los widgets con un boton?

Contenido patrocinado