Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje10-12-2013, 00:38 (UTC)    
Título del mensaje: [jQuery] Imagen de perfil para el extra foro

Hola, les traigo este código que acabo de hacer, agrega los avatares de pwg al extra foro

Trataré de seguir haciendo aportes así


Vista previa:



Pegamos este código en el extra "head": Identifícate -> Controlar extras -> contenido de tu <head>
Código:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

(si ya tienen jquery en su plantilla no es necesario agregarlo otra vez)


Pegamos este código en el extra "foro": Identifícate -> Controlar extras -> Foro -> Texto que va por encima del foro
Código:
<script type="text/javascript">
$(document).ready(function(){
  $('td[width="123"] a').each(function(){
    var img = new Image(), t = $(this);
    img.src = 'http://profile.webme.com/profile/'+t.text().toLowerCase().charAt(0)+'/'+t.text().toLowerCase()+'/small.png';
    img.onload = function(){
      t.parent().parent().prepend('<br /><a href="'+t.attr("href")+'"><img src="'+img.src+'" alt="perfil" /></a><br />');
    }
    img.onerror = function(){
      t.parent().parent().prepend('<br /><a href="'+t.attr("href")+'"><img src="http://profile.webme.com/profile/default.png" alt="perfil" /></a><br />');
    }
  });
});
</script>
<b>Porfavor registrate usando el nombre de tu pagina web (sin .es.tl)</b>


Para que funcione correctamente, los usuarios tienen que registrarse con el nombre de su pagina web (sin .es.tl)

De lo contrario les mostrará el avatar por defecto.
______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */


Ultima edición por buzzdungeon el Lun Dic 09, 2013 8:39 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group