LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Tema Ubuntu
Hover en el header EmptyMar Feb 27, 2024 10:22 am por hoanglongnhatbao

» [PHPBB3] Fondo y otros efectos al texto llamado "Por X" debajo de los titulos de los post.
Hover en el header EmptyMar Mayo 30, 2023 8:52 am por hoanglongnhatbao

» Skin: Academy [Adaptado por: 15-tronos]
Hover en el header EmptyMar Mayo 30, 2023 8:47 am por hoanglongnhatbao

» [PHPBB3] KN-Anime - VAngel.
Hover en el header EmptyMar Mayo 30, 2023 8:46 am por hoanglongnhatbao

» [PHPBB3] Element Professional Style
Hover en el header EmptyMar Mayo 30, 2023 8:45 am por hoanglongnhatbao

» Menu minimalista
Hover en el header EmptyMar Mayo 30, 2023 8:44 am por hoanglongnhatbao

» [Todas] Efecto Slider Transition en el Logo
Hover en el header EmptyMar Mayo 30, 2023 8:43 am por hoanglongnhatbao

» [PHPBB3] Mejores Posteadores flotantes.
Hover en el header EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

» [phpbb3] Agrandar el nombre de usuario en el perfil
Hover en el header EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

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

Nuestros miembros han publicado un total de 41254 mensajes en 3360 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

 » Web Design » Tutoriales y Códigos » Hover en el header

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


1Hover en el header Empty Hover en el header Sáb Feb 11, 2012 10:38 am

Michael Scofield

Michael Scofield
+100 post
Bueno con estos códigos
vamos a poder poner un hover en nuestro header, importante seguir los pasos.
Imagen de muestra:
Spoiler:
Aclaración: la imagen que ven de fondo no es el header si no la imagen con texto “random box”

Primero, tendrán que poner una imagen vacía desde Panel de Administración > Visualización > Gestión de las imágenes > AVANZADO > Logo del foro
para crear una imagen vacía desde el photoshop pueden crear la imagen del tamaño de su header y dejarle el fondo vacio y guardarla en PNG

Ahora van a Panel de Administración > Visualización > Colores > CSS Stylesheet y agregan estos 2 códigos con la imagen de su header, no la vacía, la original y la que tiene hover.



Este tutorial y codigo fue creado por Michael Scofield y está prohibido postearlo en otro foro sin antes pedir permiso al creador.


2Hover en el header Empty Re: Hover en el header Dom Feb 12, 2012 3:50 pm

genau

genau
+100 post
por si acaso ese efecto es cuando uno pasa el mouse sobre la imagen se muestra otra?

http://torneos-pandhers.foroes.org/

3Hover en el header Empty Re: Hover en el header Dom Feb 12, 2012 7:09 pm

Michael Scofield

Michael Scofield
+100 post
exacto


4Hover en el header Empty Re: Hover en el header Dom Feb 12, 2012 8:04 pm

Winth

Winth
I ♥ WD
Gracias por el aporte se te agradece!


5Hover en el header Empty Re: Hover en el header Dom Feb 26, 2012 11:42 am

Aikazen

Aikazen
I ♥ WD
Gracias! Se ve muy bien.

http://www.aikayweb.activo.ws

6Hover en el header Empty Re: Hover en el header Dom Feb 26, 2012 12:17 pm

George

George
I ♥ WD
Gracias por compartir Canchero

https://twitter.com/#!/GigioGFX

7Hover en el header Empty Re: Hover en el header Dom Feb 26, 2012 2:12 pm

Cros

Cros
I ♥ WD
Muy bueno gracias por aportar Encantado

http://animepng.blogspot.com

8Hover en el header Empty Re: Hover en el header Lun Abr 16, 2012 2:40 pm

alt+f4

alt+f4
Miembro activo
Gracias por el aporte^^ +1


9Hover en el header Empty Re: Hover en el header Vie Mayo 04, 2012 5:46 pm

Fernando

Fernando
Mod.Gráficos
Muchas gracias por aportar. Sonrisa

http://www.webdesignforo.net/

10Hover en el header Empty Re: Hover en el header Vie Mayo 04, 2012 9:05 pm

Cryzη

Cryzη
Miembro activo
aver


11Hover en el header Empty Re: Hover en el header Lun Mayo 07, 2012 1:17 am

Cody!

Cody!
+200 post
gracias por el aporte !

posteo para ver Raramente


12Hover en el header Empty Re: Hover en el header Dom Mayo 05, 2013 12:27 pm

karlos1931

karlos1931
Soy new user
ppv


13Hover en el header Empty Re: Hover en el header Mar Mayo 14, 2013 10:07 pm

luislordgarcia

luislordgarcia
Miembro activo
Muchas gracias por aportar Encantado


14Hover en el header Empty Re: Hover en el header Vie Mayo 16, 2014 5:41 am

;Sun.♡

;Sun.♡
Soy new user
Encantado 


Contenido patrocinado


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

 » Web Design » Tutoriales y Códigos » Hover en el header

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