mexcodes escribió: Hola les traigo este aporte hoy:
Descripcion:
Pone una imagen antes de un link o link con texto, por ejemplo
Tienes esto en html:
Cita: <a href="http://google.com">Google</a>
Que se muestra asi:
Google
Con el codigo se mostraria algo asi:
Google (aqui se muestra como imagen , al ponerlo en web con codigo no saldra asi.)
Previa online:
http://mexcodes.es.tl/Previa-a-.htm
Codigo:
Cita: <style>
a[href="http://google.com"] {
padding-left: 16px;
background: transparent url('http://cdn4.iconfinder.com/data/icons/socialmediaicons_v120/16/google.png') no-repeat center left;
text-shadow: 0px 0px 4px #DDA0DD;
}
}
</style>
Rojo: -Imagen que quieres que aparezca detras
Verde: -Url del link que quieres
ademas, en el codigo se cierra 2 veces, pero nunca se abre dos veces (ai 2 }} pero 1 sola { ...)
Segundo, eso afectaria a todo link que como url tenga "http://google.com", y tercero, con el codigo simple que puse arriba, agregandole una clase al texto es mas que suficiente, y no es tanto lio, y, lo usas en cada link que quieras :D
______________
Mi web - Todo tipo de ayuda para PWG
Mi perfil 
