Autor Tema: Ayuda - Iconos al costado de la web  (Leído 733 veces)

Desconectado G12

  • PHPer@ Fijo
  • ***
  • Mensajes: 153
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Ayuda - Iconos al costado de la web
« en: 19 de Agosto de 2011, 17:25:11 pm »
Me gustaria saber cual es el codigo para poner iconos que se pogan pegados a la pared (izquierda, derecha) no importa y que bajen con la web ;)
Lo he buscado y no he encontrado nada o no se ponerlo :l

Comunidad PHPeros

Ayuda - Iconos al costado de la web
« en: 19 de Agosto de 2011, 17:25:11 pm »

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:Ayuda - Iconos al costado de la web
« Respuesta #1 en: 19 de Agosto de 2011, 17:27:12 pm »
¿Un div flotante?
Twitter: @JoakoM010



Desconectado G12

  • PHPer@ Fijo
  • ***
  • Mensajes: 153
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:Ayuda - Iconos al costado de la web
« Respuesta #2 en: 19 de Agosto de 2011, 18:35:15 pm »
Lo que sea, es que no lo se:

Mira es asi como tendria que quedar:

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:Ayuda - Iconos al costado de la web
« Respuesta #3 en: 19 de Agosto de 2011, 18:40:03 pm »
Lo que sea, es que no lo se:

Mira es asi como tendria que quedar:


Exactamente.
Podrías usar la propiedad position:absolute de css en un div y después alinear eso.

Saludos.
Twitter: @JoakoM010



Desconectado G12

  • PHPer@ Fijo
  • ***
  • Mensajes: 153
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:Ayuda - Iconos al costado de la web
« Respuesta #4 en: 19 de Agosto de 2011, 19:38:00 pm »
Vale gracias por la ayuda :D
Karma.

Desconectado nmartin021

  • PHPero Avanzado
  • ****
  • Mensajes: 250
  • Karma: 9
    • Ver Perfil
Re:Ayuda - Iconos al costado de la web
« Respuesta #5 en: 29 de Octubre de 2011, 22:39:08 pm »
No, el dijo "que baje con la web", es decir, es mejor un position: fixed; y right: 0;

Saludos.
« Última modificación: 30 de Octubre de 2011, 21:01:12 pm por nmartin021 »

Desconectado Habbolippo

  • PHPer@ Fijo
  • ***
  • Mensajes: 158
  • Karma: 3
  • Sexo: Masculino
  • Locutor de radio, programador y desarrollador web.
    • Ver Perfil
    • Matías YA. (Yáñez Alarcón)
Re:Ayuda - Iconos al costado de la web
« Respuesta #6 en: 30 de Octubre de 2011, 02:52:24 am »
mejor que cuando lo rozes se mueva, porque a los usuarios con pantalla pequeña (ejemplo, yo.), cuando estan esos iconos al costado de la web, molestan el contenido... :(
Hago publicidades para radios, webs, etc...
Puedes ver mis demos en http://matiasya.com.nu/

Desconectado nmartin021

  • PHPero Avanzado
  • ****
  • Mensajes: 250
  • Karma: 9
    • Ver Perfil
Re:Ayuda - Iconos al costado de la web
« Respuesta #7 en: 30 de Octubre de 2011, 20:52:17 pm »
mejor que cuando lo rozes se mueva, porque a los usuarios con pantalla pequeña (ejemplo, yo.), cuando estan esos iconos al costado de la web, molestan el contenido... :(
Para hacer eso debería usar CSS3 (no compatible con IE) o JavaScript para compatibilizar:
Código: (javascript) [Seleccionar]
//usare jquery
$('#item_right').mouseover(function(){ $(this).animate({ left: 200 + 'px' }); }, 500).mouseout(function(){ $(this).animate({ left: 30 + 'px' }); }, 500);
$(selector).animate(); crea una animación propia, es decir, va cambiando el css hasta llegar al que tu le pusiste. El segundo parámetro (500) es el tiempo de duración en milisegundos.

Saludos.
« Última modificación: 30 de Octubre de 2011, 21:00:15 pm por nmartin021 »