Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje19-10-2012, 18:08 (UTC)    
Título del mensaje: Poner imagen a links determinados

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
Mensaje19-10-2012, 22:33 (UTC)    
Título del mensaje:

Muy buen aporte muchas gracias !!!!
Mensaje21-10-2012, 18:52 (UTC)    
Título del mensaje:

Código:
<img src="#" /><a href="#">Link</a>


???????????????????????????????



-.---------------------------------------------.-


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


Ultima edición por lautiito el Dom Oct 21, 2012 2:56 pm; editado 1 vez
Mensaje21-10-2012, 18:55 (UTC)    
Título del mensaje:

Muchas gracias me servirá un montón a mi y a muchas personas.

Saludos y suerte
______________

Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group