#usernav
Photo
Looking for your daily dose of desi content? We got you! WELCOME TO SOUTHASIANSOURCE, your #1 source for all things South Asian!
If you consume desi media in any shape or form and can create good quality visual content at least once a month, we'd love for you to join us. We continue to track #southasiansource.
Members and affiliates please apply here. Please reblog for signal boost!
#bollywoodedit#dailyworldcinema#cinematv#cinemapix#usernav#usersunny#usershreyu#userdollop#baawri#sourceblogs#filmtvcentral#tvfilmsource#tvarchive#userkraina#userk8#udeokmis#useradi#admin post
97 notes
·
View notes
Note
¡Necro de mi corazón! Te traigo una pregunta rara. Quisiera colocar en mi navbar un espacio en que aparezca una imagen personalizada del usuario, no su avatar, sino un campo nuevo del perfil donde ellos pondrán esa imagencita de sus personajes. Mi duda es ¿Conoces algún script que pueda ayudarme a "generar" ese campo de cada usuario en mi navbar? ¿Es siquiera posible hacer tal cosa? T_T
¡Hola anon! Posible es, sin duda. El script es un poco más "difícil" que el de avatar, pero es viable (yo lo he usado para algunos memberlists, el de Elwood por ejemplo). Lo primero: tendrás que tener el link del usuario en algún lado. Lo mejor para esto si no quieres meter más scripts es poner en tu mod_login (templates>portal):
<div class="userlink">{USERNAME}</div>
Luego, necesitas donde poner la imagen una vez la agarremos con el script. Así que para simplificarnos las cosas, recomiendo poner todo el "módulo" de navbar en un mismo sitio, en mod_login.
<div class="usernav"><div class="usericon"></div><div class="userlink">{USERNAME}</div></div>
Y ahora, el script:
$(document).ready(function(){
$('.userlink a').each(function() {
var tplink = $(this).attr('href');
var self = $(this);
$.get(tplink, function( data ) {
var tpimagen = $(data).find('.psfield .psflabel span:contains("Imagen de Perfil")').parents('.psfield').find('.psfcontent .field_uneditable').html();
$(self).parents('.usernav').find('.usericon').append(tpimagen); $('.usericon img').removeAttr('title');
});
});
Vale, ¿qué modificamos de aquí?
.psfield .psflabel span:contains("Imagen de Perfil"): .psfield es el envoltorio de todos los campos de perfil, .psflabel es donde se encuentra el título. Imagen de Perfil es el título del campo; si el tuyo se llama Icono, pues pones eso ahí.
¿Qué quedaría? Asegurarte primero que con invitados/usuarios que no tengan la imagen funciona; para esto, vamos a añadir otra línea de JS:
$('.usericon:empty').html('<img src="LINK"/>');
Y si quieres mover el módulo a donde tienes la navegación, nos lo llevamos también con JS:
$('.usernav').appendTo('.yournav');
Y ya lo tendrías listo :D ¡Recuerda modificar las comillas!
16 notes
·
View notes
Last Seen Blogs
