LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Estadísticas Y ¿Quien esta en Linea? como PUNBB.
Dom Ago 20, 2017 1:29 am por +Luigi!

» [PHPBB3] Recuadro a el contenido y el titulo de "¿Quien esta en Linea?".
Dom Ago 20, 2017 1:27 am por +Luigi!

» Free Forum Ranks
Lun Ago 14, 2017 3:10 am por sukerwold

» RPG Forum Ranks (Double Pack)
Lun Ago 14, 2017 3:09 am por sukerwold

» [MEGAPACK] Todos los iconos que necesitas para tu foro en un solo lugar!! -Proximamente PSD- INCLUYE EPS
Lun Ago 14, 2017 1:33 am por osmardj

» info del user al dar clic al nombre del user en el index
Vie Ago 04, 2017 10:22 pm por tyhr

» Nebula Resource Pack
Jue Ago 03, 2017 6:41 pm por Aikazen

» Skin Teen Pro9x [ PunBB ]
Lun Jun 05, 2017 3:39 am por profesional

» Ranks 3
Miér Mayo 31, 2017 11:17 pm por zotinyx

Estadísticas
Tenemos 2351 miembros registrados.
El último usuario registrado es sukerwold.

Nuestros miembros han publicado un total de 41211 mensajes en 3358 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 1 de 1.]


Codigo creado por Yuninho exclusivamente para webdesignforo. Codigo de libre distribucion siempre que añadan fuente y creador. Libre para su modificacion.
Captura:

Postea para ver demo!


Descripcion:
Menu de iconos en fixed, con buen efecto hover. Para todas las paginas del foro. Contiene chat desplegable, flechas de ir arriba y abajo con efecto deslizante e iconos de acceso directos.

Es una version beta, por lo cual puede haber fallos, los cuales agradecemos que nos los comenteis!

Codigo.
Postea para ver!


1. Para añadir un icono nuevo basta con añadir una nueva linea en el div buttondirect
Código:
<a class="irba" href="URL" target="_self"><img src="URL IMAGEN"></a>
La posicion del icono depende de donde pongas la linea (delante o despues de otra linea).

2. El chat esta en un iframe. El chat por defecto el de nuestro foro, si queremos cambiarlo por otro chat, basta con cambiar la url "/chatbox/index.forum" por otra o bien el iframe por un embed o similar. Aconsejable ancho 700px y alto 400px.

3. Una vez tengamos el codigo html, lo convertiremos en javascript aqui
Postea para ver!


4. Vamos a Modulos > Gestión de los códigos Javascript > Crear un nuevo Javascript > Marcamos para todas las paginas > pegamos nuestro codigo JS.

5. Descarga el PSD para los iconos
Postea para ver!



Gracias a todos!. Pronto mas y mejor. Yuninho para webdesignforo. Encantado

Ver perfil de usuario

PPV

Ver perfil de usuario

Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

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