Resuelto | Avatar en Navbar Personalizada

Sáb Mayo 05, 2018 6:54 pm

Edito: Tengo acomodado lo que espero sea una navbar rápida y la foto de avatar junto con el nombre de usuario en lugar del widget de conexión, el problema es que no consigo que se muestre la foto del avatar. El código está instalado en el template overall_header, intenté con un tutorial de asistencia foroactivo que usa un javascript, pero ni así funcionó.
Este es el diseño:
Resuelto | Avatar en Navbar Personalizada Cap514

Así se ve ahora:
Resuelto | Avatar en Navbar Personalizada Cap517

En overall_header según el tutorial tuve que poner dentro del div contenedor del avatar:

Código:: <span class="AVATAR"></span>

Y el Javascript:

Código:: $(function() { var x=$('#page-header .Decker')[0].getElementsByTagName('img'); var uav; if (x.length>0){ uav='<img src="'+x[0].src+'" />'; } else { uav='<img src="https://ugc.kn3.net/i/760x/https://45.media.tumblr.com/141c47975de3d6b3ca1703bbadb18344/tumblr_nx8sk9yb4q1r9egrho1_500.gif" />'; } $('.AVATAR').html(uav); });

Cambié el nombre del div y el lugar dónde está instalada mi barra, pero no sé si lo hice mal o simplemente no funciona (?)

¿Alguien de buen corazón que no le tenga miedo a los templates y pueda guiarme?

Lun Mayo 07, 2018 11:52 am

Asumo que aun necesitas el código? Te recomiendo cambiar ese span por un div, de prefenrecia algo asi

Código:: <div id="AVATAR"></div>

Y agrega este JS en que aplique en todas las paginas

Código:: $(function() { $('#AVATAR').append('<img src=' + _userdata.avatar.match(/".*?"/) + 'class="nav-avatar">'); (_userdata.user_id >= 0) ? jQuery('.nav-username').attr('href', '/u' + _userdata.user_id).attr("target", "_blanck"): jQuery('.nav-username').attr('href', 'javascript:void(0)'); });

no se si el codigo necesite adaptarse en tu foro ya que no se si dejaste la url de tu foro en hide o solo la omitiste

Lun Mayo 07, 2018 12:02 pm

Me ganó Tsukirii, iba a decirte lo mismo que él. Sobre todo también te recomiendo que quites el span y lo cambies por un div. Espero que se arregle tu problema, pero en caso de que no, te agradecería que pusieras la url a tu foro para poder ayudate. Resuelto | Avatar en Navbar Personalizada 176855509

Lun Mayo 07, 2018 3:43 pm

¡Gracias chicos! El javascript no funcionó, reemplacé el span por div id, pero me parece que es el javascript el que no sé configurar bien, el avatar debería mostrarse dentro de un div personalizado y en JS noté que dice algo de nav-avatar, intenté cambiarlo por el nombre de mi div, pero no funciona y soy bastante noob con JS Resuelto | Avatar en Navbar Personalizada 211071935

les dejo la url del foro en hide, disculpen la deformidad apenas estoy empezando el diseño lol.

Lun Mayo 07, 2018 3:54 pm

Tienes un css que se llama decker, cámbialo por esto (te lo dejo en hide por respeto a tus códigos)

Al JS no le cambies nada, te lo puse exactamente como lo necesitas ;) el .nav-avatar es un selector para que modifiques el aspecto de la imagen
Ahora tu div "decker" quedo sin ningún uso :( puedes borrarlo o quitar el selector de AVATAR, y cambiar el #AVATAR del JS y poner .Decker, lo que te funcione mas
En teoría decker no estorba, lo puedes dejar aunque ya ningún elemento lo esta usando

Lun Mayo 07, 2018 4:20 pm

¡Solucionado! Afortunadamente ya aparece, solo tengo una pequeña duda más, en ocasiones, no me carga el nombre de usuario, debo recargar la página para que aparezca, esto no pasaba sin el Javascript ¿puede que esté haciendo que tenga fallos? Tengo uno para el avatar y uno para el nombre de usuario, no sé si puedan interferir uno con el otro. Resuelto | Avatar en Navbar Personalizada 2996817631

Lun Mayo 07, 2018 4:51 pm

dependeria del JS que estes usando para lograr eso puede y si este interfiriendo, me facilitas el otro código para verificarlo por favor?

Lun Mayo 07, 2018 5:11 pm

Ya no hace falta, gracias de todos modos, al final cambiando de template el javascript que me diste es el único que necesito y funciona perfectamente, muchisimas gracias por la ayuda Resuelto | Avatar en Navbar Personalizada 3845334106

Próx

Bridgerton

Luz vs Oscuridad

Paraíso Personal

Amor y Amistad

Conejo de Pascua

Resuelto | Avatar en Navbar Personalizada