[Duda] Hoja de perfil con color según el grupo después de personalizar template

Vie Jun 21, 2019 5:51 pm

¡Hola! Mi yo trágica está de regreso, luego de seguir el tutorial de Krone Modificar la página de perfil me lancé de cabeza e intenté combinarlo añadiendo el color de cada grupo de usuario a la "cabecera", labels y botones de la hoja de perfil, pero me enredé completamente al leer el tutorial Modificar elementos según el grupo pues mi yo genio ya había modificado los divs de los templates para personalizarlo y terminé cargándome el diseño y teniendo que re-hacerlo ;-;

¿Alguien puede enviar rescate y guiarme para poner los divs en el JS y no morir en el intento? [Duda] Hoja de perfil con color según el grupo después de personalizar template 4041723902

[Duda] Hoja de perfil con color según el grupo después de personalizar template 4041723902

dejaré por aquí el link al perfil en cuestión:

Mar Jun 25, 2019 1:46 pm

A ver a ver.Palabras de relleno porque soy guay

¿Cómo es el JS que has usado/querido usar?

Mar Jun 25, 2019 3:15 pm

Era este, el mismo que está en el tutorial pero reemplazando los nombres de los divs para probarlo al menos en la cabecera:

Código:: $(document).ready(function(){ $('div.nombre a span[style="color:#000099;"]').each(function(a){ $(this).closest('div.perfil__cabecera').addClass('admin'); }); });

Pero no funcionó, al darle click derecho y ver el inspector no aparece la clase 'admin' y tampoco tengo idea de cómo incluir el resto de divs al mismo JS ;-;

Mar Jun 25, 2019 4:30 pm

Se nota que es del tutorial xD Fíjate bien en tu estructura: dentro del div.nombre no hay ningún enlace, y en el style del span no hay ningún punto y coma. Así ya funciona:

Código:: $(document).ready(function(){ $('div.nombre span[style="color:#000099"]').each(function(a){ $(this).closest('div.perfil__cabecera').addClass('admin'); }); });

Jue Jun 27, 2019 3:32 pm

¡OOOOH! Vale, entonces para que el JS funcione y le de clase a los otros divs además de la cabecera, ¿debo añadirlos junto a "div.perfil__cabecera"? [Duda] Hoja de perfil con color según el grupo después de personalizar template 3114844438

[Duda] Hoja de perfil con color según el grupo después de personalizar template 3114844438

Jue Jun 27, 2019 5:58 pm

Lo ideal sería que cambiaras el div.perfil__cabecera por div#perfil, porque de otra manera habría que toquetear el JS mucho más y puede acabar siendo engorroso o añadiendo más tiempo de carga a la página.

Vie Jun 28, 2019 4:39 pm

OMG Muchisimas gracias, ya pude ponerle color a todos los divs que quería en el primer grupo, una última duda antes dar el tema por solucionado, para agregar las clases de los otros grupos en el mismo JS ¿de qué manera se acomodan? Intenté acomodarlo así pero dejó de funcionar:

Código:: $(document).ready(function(){ $('div.nombre span[style="color:#000099"]').each(function(a){ $(this).closest('div#perfil').addClass('auct'); $('div.nombre span[style="color:#DB4B52"]').each(function(a){ $(this).closest('div#perfil').addClass('impe'); }); });

Sé que no es necesario repetir todo el código desde $(document) pero no consigo hacer que funcione [Duda] Hoja de perfil con color según el grupo después de personalizar template 4041723902

Vie Jun 28, 2019 4:55 pm

Hola de nuevo: el código está casi bien, solo que en esa línea en blanco que tienes entre la primera y la segunda iteración del código te falta un });.

Código:: $(document).ready(function(){ $('div.nombre span[style="color:#000099"]').each(function(a){ $(this).closest('div#perfil').addClass('auct'); }); $('div.nombre span[style="color:#DB4B52"]').each(function(a){ $(this).closest('div#perfil').addClass('impe'); }); });

Es decir, lo que tienes que copipegar son las dos líneas que comienzan por $ y la línea con el });, que es como la baliza de cierre del html.

Vie Jun 28, 2019 6:49 pm

Vielen danke [Duda] Hoja de perfil con color según el grupo después de personalizar template 70092702

ya está funcionando perfectamente, ahora solo tengo que solucionar un error más, muchas gracias por la ayuda [Duda] Hoja de perfil con color según el grupo después de personalizar template 1f60d

[Duda] Hoja de perfil con color según el grupo después de personalizar template 1f60d

Próx

Bridgerton

Luz vs Oscuridad

Paraíso Personal

Amor y Amistad

Conejo de Pascua

[Duda] Hoja de perfil con color según el grupo después de personalizar template