Seleccionar sub-foros específicamente

Hola. Mi duda es: ¿cómo puedo seleccionar (y por ende modificar) un sub-foro en específico?

Sé que se en CSS se puede usar el selector .forabg u otros de ese tipo, pero estos afectan a todos los sub-foros por igual. Lo que yo busco es aplicar distinto CSS a distintos sub-foros. Es posible con los links del menú, por ejemplo, pero no entiendo cómo hacerlo con cada sub-foro en específico.

Espero se entienda mi duda. Si alguien puede ayudarme, lo agradecería muchísimo.

¡Un saludo!

Hola Tomato~ Bueno para hacer lo que quieres debes poner un CSS único en la descripción del subforo, donde pones el html, asegurate que tenga class o id que no se repitan en otras partes para que no haya errores. Te dejo un screen de como debes hacerlo que espero te aclare tus dudas y si aun tienes preguntas vuelve a dejarlas aquí.



El código CSS que coloques aquí será independiente del que tienes en tu plantilla general, y puedes mover los elementos de este espacio como mejor te parezcan, por ejemplo agregando divs o tablas y moviéndolos a tu gusto.

¡Gracias por la respuesta! Aunque eso no es exactamente lo que estoy buscando. Lo que yo quiero hacer en mi foro es algo así:





Pero para eso necesito poder modificar cada "bloque" de subforo individualmente. La edición HTML que me sugeriste permite editar el interior de este bloque, pero no el bloque entero (y yo necesito editar todo el bloque). No sé si se entiende lo que quiero, espero que sí.

¿Alguna idea de cómo hacerlo?

Oh ya veo xD entiendo mejor que quieres hacer con la imagen, aunque uff.. ahi si estás fuera de mi zona de conocimiento (? la que he visto que ha hecho códigos increíbles modificando todo un foro a su antojo es mi wife Andréade, y creo... solo creo, que igual ocupas javascript para hacer eso, pero no estoy segura, dejame preguntarle a ella o ver si puede responderte aquí ;)

Mmm, guapa, te gusta lo difficult(?). Bah, no es difícil pero si lioso. Pero a ver si logro orientarte un poco.
El método que yo utilizo, es con CSS, haciendo uso del:

Código:

:nth-of-type

Es un pseudo elemento que te permite seleccionar cosas en específico. Si lo googleás vas a tener una idea mejor presentada.
Pero a ver, por ejemplo, una vez hice un skin todo horizontal, con bloques de distintos tamaños y lo logré usando el selector que te dije arriba y usando los atributos de position y margin.

Un ejemplo.
(Más o menos para guiarte...)
Así entonces si tenés dos categorías, así:

Imagen uno:

Cat uno: Rompecabezas Cat dos: Tutoriales

Primero tenés que buscar dónde comienzan las categorías usando el inspeccionar elemento.

Imagen dos:

Imagen tres:

Después, agregás el código ahí en el inspector:

Código:

.forabg:nth-of-type(2) {
    background: red!important;
}

IMPORTANTE: En este caso, fui cambiando el número "2" que hay dentro del paréntesis, hasta que vi que la primera categoría se le puso el fondo de color rojo. Así sé, que el orden de categorías empieza desde el "2". Así que la categoría que sigue, la de tutoriales, es la número "3". Te digo que a veces hay que buscar, porque en ese orden se cuentan los módulos de los widgets y el mensaje del índice. Por lo que si por ejemplo, tenés tres widgets y el mensaje del índice (4 en total), es probable que la primera categoría sea un "5".

Y bueno, ya descubrí mi primera categoría, de ahí en más debería ser más simple. Podés ponerle un ancho y demases, para que quede como en tu imagen. Pero a ver, te guío un poco más.

Ya seleccionaste la categoría, ahora hay que seleccionar los subforos. Así que para ejemplificarte mejor, voy a tomar una categoría de mi foro de prueba que tenga más subforos.

Imagen Cuatro:

Como podrás ver, seleccioné la tercera categoría, que es un "4" (es que en mi foro tengo el mensaje del indice en uso). Y ahora, uso casi el mismo código para seleccionar el segundo subforo.

Código:

.forabg:nth-of-type(4) li.row:nth-of-type(2) {
    background: yellow;
}

Ya cuando es el subforo, que en códigos es el "li.row" podés contar tranquilamente de forma normal. Elegí el segundo subforo y en este caso es un "2".


Y para finalizar, si por ejemplo querés cambiar la font del título del foro, sería:

Código:

.forabg:nth-of-type(4) li.row:nth-of-type(2) a.forumtitle {
    font-family: cambria;
    font-size: 50px;
    color: green;
}

Y queda:

Imagen cinco:

Bueno, espero hayas podido guiarte un poco. Acabo de darme cuenta que mi IQ es lo suficientemente bajo como para yo no saber cómo encuadrar bien una screenshot en el paint, pero bueno, lo que cuenta es la intención (???).

Ya si no entendés o no te sale, me decís!
Te voy a dejar uno de mis foros de prueba, en el que hice esto de acomodar subforos como bloques: http://glassypolltwo.bestforo.com/ Sentite libre de usar el inspector de elementos para ver más o menos cómo lo hice, pero principalmente con lo que dije, el margin y el position.

Y ya sabés, si surge alguna otra duda o no te sale, andamos por acá (Y).

¡Wow! Muchísimas gracias, de verdad. Me ayudan mucho, se los agradezco infinitamente. Y el diseño de ese foro está muy, MUY, bueno. Un foro así, sin dudas, sería una innovación en el ámbito de los foros de rol.

Otra vez, gracias por la excelente respuesta. Mi duda queda, entonces, resuelta.