Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Boton Flotante.
#1
Como los botones flotante o mejor dicho Badge Flotante estan de moda les traigo el codigo por si les gustas para que lo pongan es sus web, como pueden ver en la siguiente imagen asi quedaría.

Imagen ajustada. Haga click aqui para verla en su tamaño original
[Imagen: fxvt77.jpg]

En este caso yo lo utilise para que los usuarios se conecten con mi canal de Twitter pero puede servir para cualquier otro enlace cambiandole el link y la imagen.

Este es el codigo tienen que introducirlo antes de las etiquetas </body> de su plantilla.

[ot]Código PHP:
Código:
<a href='http://twitter.com/Aquí tu canal Twiettr' title='Sígueme en Twitter'><img border='0' src='http://i53.tinypic.com/aow21g.png' style='displayConfundidocroll;position:fixed;bottom:0px;right:0px;'/></a>[/ot]
Nota: Solo tienes que editar donde dice Aquí tu canal Twiettr por tu canal.

Bueno esto es todo espero que les sirva.
#2
Gracias por el código. Sin duda unas líneas de PHP muy sencillas y básicas... Tanto, que no es PHP, si no HTML Guiño
[Imagen: firmatwitter.png][Imagen: firmataq.png]
WWW
#3
Es cierto, no me habia fijado. Cada vez tengo mas claro que ha hecho un copy paste
elCSS.com
[Imagen: 33jsqk6.png]
Crece con nosotros || Síguenos en Twitter - Facebook - RSS
WWW
#4
dBer escribió:Es cierto, no me habia fijado. Cada vez tengo mas claro que ha hecho un copy paste
Pues si, la verdad es que sí, ya lo sabemos.

Lo correcto si se hace un copy&paste es indicar la fuente.
[Imagen: firmatwitter.png][Imagen: firmataq.png]
WWW
#5
Ademas no se ve la imagen a la que hace referencia Supongo que estará protegida contra hotlinks Guiño
WWW
#6
papi escribió:Ademas no se ve la imagen a la que hace referencia Supongo que estará protegida contra hotlinks Guiño
Te refieres a esta? <!-- m --><a class="postlink" href="http://i53.tinypic.com/aow21g.png">http://i53.tinypic.com/aow21g.png</a><!-- m -->

Si que se ve xD
[Imagen: firmatwitter.png][Imagen: firmataq.png]
WWW
#7
Arrakis escribió:
dBer escribió:Es cierto, no me habia fijado. Cada vez tengo mas claro que ha hecho un copy paste
Pues si, la verdad es que sí, ya lo sabemos.

Lo correcto si se hace un copy&paste es indicar la fuente.

Tio arrakys no hables asi porfa, no vayas de listo hasta que el no confirme nada, que me sabe mal que seas asi. No te lo tomes a mal he, solo es un consejo
elCSS.com
[Imagen: 33jsqk6.png]
Crece con nosotros || Síguenos en Twitter - Facebook - RSS
WWW
#8
Arrakis escribió:
papi escribió:Ademas no se ve la imagen a la que hace referencia Supongo que estará protegida contra hotlinks Guiño
Te refieres a esta? <!-- m --><a class="postlink" href="http://i53.tinypic.com/aow21g.png">http://i53.tinypic.com/aow21g.png</a><!-- m -->

Si que se ve xD

Pues yo no la veo
elCSS.com
[Imagen: 33jsqk6.png]
Crece con nosotros || Síguenos en Twitter - Facebook - RSS
WWW
#9
dBer escribió:
Arrakis escribió:
dBer escribió:Es cierto, no me habia fijado. Cada vez tengo mas claro que ha hecho un copy paste
Pues si, la verdad es que sí, ya lo sabemos.

Lo correcto si se hace un copy&paste es indicar la fuente.

Tio arrakys no hables asi porfa, no vayas de listo hasta que el no confirme nada, que me sabe mal que seas asi. No te lo tomes a mal he, solo es un consejo
Ok. Intento parecer profesional olle, que yo no soy profesional ni mucho menos, pero lo intento jejeje :twisted:
[Imagen: firmatwitter.png][Imagen: firmataq.png]
WWW
#10
dBer escribió:
Arrakis escribió:
papi escribió:Ademas no se ve la imagen a la que hace referencia Supongo que estará protegida contra hotlinks Guiño
Te refieres a esta? <!-- m --><a class="postlink" href="http://i53.tinypic.com/aow21g.png">http://i53.tinypic.com/aow21g.png</a><!-- m -->

Si que se ve xD

Pues yo no la veo
Pues que raro. Yo si que la veo :S
[Imagen: firmatwitter.png][Imagen: firmataq.png]
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Botón para ir arriba de la página con HTML, CSS y jQuery imgur 7 1.010 01-12-2014, 11:03 AM
Último mensaje: Vicen
  Botón de donar con información de usuario Gonzalo 5 349 16-04-2014, 06:10 AM
Último mensaje: MaxHurbano
  Texto Flotante Dani_elcapo 0 293 15-01-2014, 02:51 AM
Último mensaje: Dani_elcapo
  Crear menú flotante cachencho29 7 778 03-01-2014, 08:10 PM
Último mensaje: KeviNxDTM
Video Boton para que web o blog baile el harlem shake Abdiel1234 1 491 03-01-2014, 08:09 PM
Último mensaje: KeviNxDTM
  Boton flotante en tu sitio Andryus 9 777 22-10-2013, 06:09 AM
Último mensaje: yayito21
  Botón "Sígueme en Twitter" Netohg 0 327 17-09-2013, 01:48 PM
Último mensaje: Netohg
  Detectar si el usuario apretó el botón me gusta facebook torgar22 7 1.408 04-03-2013, 03:58 PM
Último mensaje: torgar22
  Script para agregar Boton Flotante de Twitter y Facebook torgar22 0 1.140 14-01-2013, 02:26 AM
Último mensaje: torgar22
  boton en html javo1 13 1.086 06-01-2013, 11:34 PM
Último mensaje: Poizonus



Usuarios navegando en este tema: 1 invitado(s)