Publicentral.com - promocion de paginas webpromocion de paginas web
Mostrando Codigo - Css
Code

Css - Creacion de un boton Rss o Xml con imagen de fondo

Códigos Css

El ejemplo muestra como crear un boton o imagen para contenidos xml o rss.
Visitas: 31,526 - 05-05-2007 05:23:12
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION

Para crear el boton podeis guardar esta imagen

ymodificar la ruta a la imagen en

('/tut/images/rss.png');

y el enlace al archivo xml

/xml/

 

CODIGO
Codigo probado en ChromeCodigo probado en Mozilla FirefoxCodigo probado en Internet Explorer 7+Codigo probado en OperaCodigo probado en Safari


/* Codigo ofrecido por Tutores.org */

  1. <head>
  2. <style>
  3. .xml-icon {
  4.     padding: 0px 3px 1px 15px;
  5.     margin: 0;
  6.     text-align: center;
  7.     font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  8.     font-size: 22px;
  9.     font-weight: bold;
  10.     color: #333;
  11.     cursor: pointer;
  12.     text-decoration:none;
  13.     background: url('/tut/images/rss.png');background-repeat:no-repeat;
  14.     height:25px;
  15.     width:20px;
  16.    
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <a title="Suscribir" style="text-decoration:none;" href="/xml/"><span class="xml-icon"> </span></a>
  22. </body>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Creacion de un boton Rss o Xml con imagen de fondo" href="http://www.tutores.org/codigo/1666/" target="_blank">Creacion de un boton Rss o Xml con imagen de fondo</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
jai fai maniatik
3 5
lo k pasa es k necesito como aser botones para jai fai k me lleven directamente pa dar un comentario px borre mis coments i mi kja de coments kien me aiiuda ?
Comentario usuario
22-05-2008 18:54:23
4 5
muchas gracias!
necesitaba este codigo :D
Comentario usuario
06-10-2012 19:01:16
5 5
no me funciona ami esto
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.