LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Tema Ubuntu
[PUNBB] Efecto Hover 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.
[PUNBB] Efecto Hover EmptyMar Mayo 30, 2023 8:52 am por hoanglongnhatbao

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

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

» [PHPBB3] Element Professional Style
[PUNBB] Efecto Hover EmptyMar Mayo 30, 2023 8:45 am por hoanglongnhatbao

» Menu minimalista
[PUNBB] Efecto Hover EmptyMar Mayo 30, 2023 8:44 am por hoanglongnhatbao

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

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

» [phpbb3] Agrandar el nombre de usuario en el perfil
[PUNBB] Efecto Hover 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 » Soporte » Soporte Finalizado » [PUNBB] Efecto Hover

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


1[PUNBB] Efecto Hover Empty [PUNBB] Efecto Hover Jue Ene 19, 2012 1:51 am

-NaKu-

-NaKu-
+300 post
Hola, ¿Alguien me podría decir como pongo efecto hover en los botones de nuevo tema, responder, nuevo mp y cerrado?


2[PUNBB] Efecto Hover Empty Re: [PUNBB] Efecto Hover Jue Ene 19, 2012 6:48 pm

-NaKu-

-NaKu-
+300 post
¿Alguien me podría ayudar?


3[PUNBB] Efecto Hover Empty Re: [PUNBB] Efecto Hover Jue Ene 19, 2012 9:20 pm

Tito

Tito
Fundador
Te refieres a esto?
Código:

.pun .paged .posting {
opacity: .5;
}

.pun .paged .posting:hover {
opacity: 1;
}
Lo colocas en el css del foro

http://www.webdesignforo.net

4[PUNBB] Efecto Hover Empty Re: [PUNBB] Efecto Hover Vie Ene 20, 2012 1:17 am

-NaKu-

-NaKu-
+300 post
No, no, me refiero a tener las imágenes de nuevo tema, responder, nuevo mp, cerrado y luego las mismas imágenes pero con hoover (efecto dado por mí con PS), y que cuándo haga el efecto hover se ponga la otra imagen con el efecto. No se si me explico...


5[PUNBB] Efecto Hover Empty Re: [PUNBB] Efecto Hover Vie Ene 20, 2012 1:33 am

Andrew Elkins

Andrew Elkins
Soy new user
Has el intento con los códigos que he dado en este tema, en la asistencia:

¿Cómo poner una imagen de fondo en los botones al pasar el mouse?


6[PUNBB] Efecto Hover Empty Re: [PUNBB] Efecto Hover Vie Ene 20, 2012 1:35 am

-NaKu-

-NaKu-
+300 post
Ya lo intenté yo por mi cuenta pero no hace el efecto. Tengo puesto este CSS si les sirve:

Código:

.i_post {
    background: url("http://img825.imageshack.us/img825/5886/nuevotemak.png");
}
.i_post:hover {
    background: url("http://img6.imageshack.us/img6/2589/nuevotemahover.png");
}


7[PUNBB] Efecto Hover Empty Re: [PUNBB] Efecto Hover Vie Ene 20, 2012 1:43 am

Andrew Elkins

Andrew Elkins
Soy new user
Las imágenes deben estar juntas, por ejemplo:

[PUNBB] Efecto Hover Portaldef

Luego usas el código de esta manera:

Código:
.i_post{
  background:url('Dirección URL de la imagen') no-repeat 0 0;
  height:35px;
  width:84px;
}
Cambias las medidas.

Luego el hover sería así:

Código:
.i_post{
  background-position:0 -35px;
}
El número 35 (En caso de ser cambiado) debe ser igual a la altura -height- del código anterior.

Por supuesto, primero tendrás que quitar las imágenes de los botones incluidas aquí:

  • Visualización » Gestión de las imágenes » Modo avanzado » Botones


8[PUNBB] Efecto Hover Empty Re: [PUNBB] Efecto Hover Vie Ene 20, 2012 1:45 am

-NaKu-

-NaKu-
+300 post
Esa es una forma, lo que pasa es que vi una forma que lo hizo un foro y era por separado... la imagen normal en el .i_post y la del hoover en la .i_post:hover y me gustaría hacer esa opción para aprenderla a hacer.


9[PUNBB] Efecto Hover Empty Re: [PUNBB] Efecto Hover Vie Ene 20, 2012 1:48 am

Andrew Elkins

Andrew Elkins
Soy new user
Sí, me he equivocado con el hover:

Código:
.i_post:hover{
  background-position:0 -35px;
}
Desafortunadamente, no me se otra "forma" de hacer el efecto.


10[PUNBB] Efecto Hover Empty Re: [PUNBB] Efecto Hover Vie Ene 20, 2012 1:49 am

-NaKu-

-NaKu-
+300 post
Tendré que investigar, ya que me gustaría saber porque no me sale de la otra forma...


11[PUNBB] Efecto Hover Empty Re: [PUNBB] Efecto Hover Sáb Ene 21, 2012 12:27 am

-NaKu-

-NaKu-
+300 post
UP!


12[PUNBB] Efecto Hover Empty Re: [PUNBB] Efecto Hover Sáb Ene 21, 2012 2:36 am

Tito

Tito
Fundador
de esta forma:

Código:

.i_post {
background-image: url("IMG");
width:100px;
height:30px}

.i_post:hover {
background-image: url("IMG HOVER");
width:100px;
height:30px}

es muy simple Lengua Afuera
Antes de hacerlo debes ir a imagenes y colores - gestion de las imagenes - botones y reemplazas lo que tengas por "https://2img.net/i/fa/empty.gif"

http://www.webdesignforo.net

13[PUNBB] Efecto Hover Empty Re: [PUNBB] Efecto Hover Sáb Ene 21, 2012 4:49 am

Javi!

Javi!
+300 post
Has intentado con este tuto? Tutorial EFECTO HOVER EN LOS BOTONES

http://www.designforum.foroactivo.com/

14[PUNBB] Efecto Hover Empty Re: [PUNBB] Efecto Hover Sáb Ene 21, 2012 4:54 am

-NaKu-

-NaKu-
+300 post
Bazinga escribió:de esta forma:

Código:

.i_post {
background-image: url("IMG");
width:100px;
height:30px}

.i_post:hover {
background-image: url("IMG HOVER");
width:100px;
height:30px}

es muy simple [PUNBB] Efecto Hover 253468018
Antes de hacerlo debes ir a imagenes y colores - gestion de las imagenes - botones y reemplazas lo que tengas por "https://2img.net/i/fa/empty.gif"

Ok, ya lo conseguí y lo hubiera conseguido antes si me hubiera fijado en poner el width y height de la imagen.... XD
Un pequeño fallo técnico... jajajaja

Gracias a todos los que dieron respuestas Sonrisa


15[PUNBB] Efecto Hover Empty Re: [PUNBB] Efecto Hover Sáb Ene 21, 2012 5:04 am

Javi!

Javi!
+300 post
Resuelto , Lo muevo!

http://www.designforum.foroactivo.com/

Contenido patrocinado


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

 » Web Design » Soporte » Soporte Finalizado » [PUNBB] Efecto Hover

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