Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje11-06-2011, 02:23 (UTC)    
Título del mensaje: Texto por botones [editar,citar,eliminar] Ext. Foro Jquery

Tal vez ya algunos han visitado mi sitio web y han visto que en mi foro(Foro Team-Soporte), en vez de aparecer el típico citar, editar, eliminar; lo cambie por imágenes, pues acá comparto con ustedes como hacerlo usando Jquery

Totalmente Indispensable la librería:
Código:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>


Y ahora viene lo interesante, la función que utilizamos:
Código:
<script>
$(document).ready(function(){
$('a:contains("citar")').before( '<div class="citar">').after( '</div>').html('<img src="http://img.webme.com/pic/t/team-soporte/citar.png" alt="Citar">');
$('a:contains("editar")').before( '<div class="editar">').after( '</div>').html('<img src="http://img.webme.com/pic/t/team-soporte/editar.png" alt="Editar">');
$('a:contains("eliminar")').before( '<div class="eliminar">').after( '</div>').html('<img src="http://img.webme.com/pic/t/team-soporte/eliminar.png" alt="Eliminar">');
});
</script>

Si quieren editar los vinculos de las imagenes por los suyos

Código:
http://img.webme.com/pic/t/team-soporte/citar.png



Código:
http://img.webme.com/pic/t/team-soporte/editar.png



Código:
http://img.webme.com/pic/t/team-soporte/eliminar.png


Espero les guste y les guste, y vean que el limitante es nuestras mentes no el servicio.
Team-Soporte.
______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina


Ultima edición por team-soporte el Vie Jun 10, 2011 10:24 pm; editado 1 vez
Mensaje11-06-2011, 02:30 (UTC)    
Título del mensaje:

Hola jeremy,

Que buenos aportes estas posteando la verdad, y este estuvo excelente y cada vez se van descubriendo mas códigos para modificar mas el extra foro de PWG, y que buenas funciones tiene jquery, sigue así.

Saludos!
Atte: iPWG
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group