Hacker of the Web
Tus ideas en código!...y mas

Diferenciar links

Este código es simplemente para diferenciar los tipos de archivo a los que tienes enlazados en tu blog. Los pasos son los siguientes.

/!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Donde editar el código HTML de nuestra plantilla.



[1] necesitas entrar en Edición de HTML, no necesitamos expandir plantillas de artilugios solo necesitas colocar antes de ]]></b:skin> los códigos que necesitas.
[2]Los códigos son los siguientes:
a[href $='.zip'], a[href  $='.rar']{  
padding-right: 18px;
background: transparent
url(http://1.bp.blogspot.com/_Zuzii37VUO4/Rh1xnUrQooI/AAAAAAAAAhc/wU0nM7M_Ebo/s1600/icono_zip.gif) no-repeat center right;
El link se verá así


a[href $='.css']{  
padding-right: 18px;
background: transparent url(http://3.bp.blogspot.com/_Zuzii37VUO4/Rh2GS0rQopI/AAAAAAAAAhk/4QyZEOVo2L8/s1600/icono_css.gif) no-repeat center right;
}
Asi se verá el link


a[href $='.txt']{  
padding-right: 18px;
background: transparent url(http://3.bp.blogspot.com/_Zuzii37VUO4/Rh2JS0rQoqI/AAAAAAAAAhs/8cn9Frf0DqE/s1600/icono_textoplano.gif) no-repeat center right;
}
El link se verá de esta manera


a[href ^="mailto:"] {
padding-right: 18px;
background: transparent url(http://img177.imageshack.us/img177/9973/icon18emailxj4.gif) no-repeat center right;
}
Asi se verá el link


.linkexterno {  
background: transparent url(http://2.bp.blogspot.com/_Zuzii37VUO4/Rimp_xN7pfI/AAAAAAAAAmM/kp9QQ5bj-nc/s1600/icono-link-externo.png) no-repeat center right;
padding-right: 14px;
}
Así
#

Deja tu huella y comenta!

Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.

Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.

Emoticons
Comenta con tu:
Comenta:

Sé el primero y comenta !


Página Principal
Arriba