LOG IN
Usuario:

Contraseña:


Últimos temas
» Skin: Glow Theme [Adaptado por: 15-tronos]
Miér Mayo 09, 2018 1:08 am por profesional

» Hola, me presento
Mar Abr 24, 2018 7:31 pm por Jhunky

» [PUNBB] Powerfull Mystic Skin + Templates Premium [Exclusivo Shutskins]
Lun Ene 15, 2018 7:20 pm por Ivanaruto

» Skin MyApp [ Punbb ]
Sáb Ene 06, 2018 10:54 pm por yeisergs

» Plantilla Game portal v2
Sáb Ene 06, 2018 10:50 pm por yeisergs

» [1.6.x] [Theme/Tema] Glix (MyBB 2013 Gratuito)
Sáb Ene 06, 2018 10:47 pm por yeisergs

» info del user al dar clic al nombre del user en el index
Sáb Ene 06, 2018 10:22 pm por yeisergs

» RPG Forum Ranks (Double Pack)
Jue Nov 23, 2017 9:14 pm por golfete

» Efecto Lightbox automatico en imagenes [Foroactivo]
Mar Nov 21, 2017 3:01 am por djblah

Estadísticas
Tenemos 2352 miembros registrados.
El último usuario registrado es Jhunky.

Nuestros miembros han publicado un total de 41220 mensajes en 3360 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.