[Resuelto] Título del post con el color del grupo

Dom Jun 10, 2018 1:45 am

Jelou! Hoy si vengo con un desastre hecho y derecho.
Intentando seguir el tutorial https://dixinmortal.catsboard.com/t8837-tutorial-js-css-modificar-elementos-segun-el-grupo#120755 me lancé de cabeza e intenté que un div que hará la función de título en cada post, aparezca con el color del grupo de quién lo pública.

El problema es que el javascript y yo no nos llevamos y no estoy segura de qué editar en el CSS. Asi se ve ahora el rectángulo verde y deforme, es el div que me gustaría cambiar de color, lo bauticé como .Titulo, así que en el JS lo acomodé así:

Código:: $(document).ready(function(){ $('div.Titulo a span[style="color:#8D181B"]').each(function(a){ $(this).closest('div.Titulo').addClass('.Admin'); }); });

Y a este punto creo que ya me enredé por que no supe qué hacer exactamente con el CSS, así que entré en modo histeria y heme aquí, ¿Krone o alguien de buen corazón que sepa hacer la magia que intento hacer me puede rescatar del desastre que armé? [Resuelto] Título del post con el color del grupo 4041723902

[Resuelto] Título del post con el color del grupo 4041723902

Dom Jun 10, 2018 1:57 am

Hola hola:

He encontrado el problema, que es la mar de simple, y también tengo una recomendación. Pero primero, el problema: copiaste mal (o cambiaste) el código de color del grupo. En el JS tienes #8D181B, pero dándole a inspeccionar a esa zona del foro, el color del grupo es #8C181B. Con cambiar esto ya te funciona el JS y se te añade la clase. Por otra parte, en las templates tienes la clase de esa zona como .Título, con acento, mientras que en el JS la tienes puesta como .Titulo. Lo recomendable es que no uses acentos y cosas así en los códigos porque pueden dar problemas a la hora de que un programa lo lea (aunque todos tenemos despistes).

Por otra parte, la recomendación: elimina el punto del hueco número tres, porque si no te añade literalmente la class .Admin, como si pusieras class=".Admin", y eso tiene pinta de que puede dar problemas en el futuro.

El code corregido sería este:

Dom Jun 10, 2018 2:13 am

Lol al final era más simple de lo que creí, hice los reemplazos en el template para quitarle el acento y puse bien el código del color y ya funciona perfectamente.
Una última mini duda, para agregar otro grupo en la misma hoja de js ¿está bien acomodado así?

Código:: $(document).ready(function(){ $('div.Titulo a span[style="color:#8C181B"]').each(function(a){ $(this).closest('div.Titulo').addClass('Admin'); $('div.Titulo a span[style="color:#B0305F"]').each(function(a){ $(this).closest('div.Titulo').addClass('Ks'); }); });

No estoy segura de si las llavesitas de abajo se quedan como tal o hay que duplicarlas conforme voy agregando.

Dom Jun 10, 2018 2:17 am

Lo correcto sería ponerlo así:

Código:: $(document).ready(function(){ $('div.Titulo a span[style="color:#8C181B"]').each(function(a){ $(this).closest('div.Titulo').addClass('Admin'); }); $('div.Titulo a span[style="color:#B0305F"]').each(function(a){ $(this).closest('div.Titulo').addClass('Ks'); }); });

Es decir, tiene que haber dos líneas que empiecen por $ y luego un }); antes del siguiente grupo.

Dom Jun 10, 2018 2:23 am

¡Listo! muchisimas gracias, te debo la parte más mágica del foro [Resuelto] Título del post con el color del grupo 3845334106

Elementos

Dragon Ball

Pronto

Paraíso Personal

Amor y Amistad

Conejo de Pascua

[Resuelto] Título del post con el color del grupo