Duda —subtitulo en las categorías.

UFF, let's see. Como siempre(?), hay varias maneras de hacerlo, pero la menos liosa sería la siguiente.

1. Le ponés el título a tu cate, como siempre y con amor.
Ej: Primera categoría.
2. Le ponemos el estilo que queramos que tenga.
Ej:

Código:

.table-title h2 {
    color: red; /* color de letra */
    font-size: 30px; /* tamaño de letra */
    font-style: italic; /* estilo de letra */
    text-transform: uppercase; /* letras a mayúsculas */
}

3. En tercer lugar, tenemos que tener en cuenta que la caja del título de las categorías no permite tantos carácteres, por lo que el subítutulo no tiene que ser tan largo, sino vas a tener que recurrir a otros métodos.
Así que ahora agregamos el subtítulo.
Ej: Primera categoría. Vanya es sensual.
Y para que podamos darle estilo cuqui, tenemos que agregar una clase... pero yo clases no quiero porque ocupan lugar así que nos vamos a simplificar la vida de la siguiente manera:
Ej:

Código:

Primera categoría. <b>Vanya es sensual.</b>

Exacto, vamos a usar las tags de bold (???). Y ahora a darle estilo de modo que quede como una clase de «subtítulo».
Ej:

Código:


.table-title h2 b {
    background: green; /* color de letra */
    display: block; /* esto hace que no quede en la misma línea */
font-weight: normal; /* si no querés que se vea en negrita, sino no lo pongas */
}


Y ya me decís si funcionó. No estoy segura tampoco si era lo que buscabas pero en cualquier caso me decís. Si hay algún paso que no entendieras, de igual forma, hable ustéh que la vamo' a atendéh. (?????)

Intenté, pero no me salió así. Se me crea otro cuadrado del mismo tamaño abajo con el mini subtitulo:



Además le quiero poner una imagen distinta a cada categoría, eso no sería problema, no? O sea que tenga el subtitulo y la imagenn D:

Gracias <3

Uff, es que depende, hay tantas formas de hacer esas cosas, pero por ahí se complica para hacerlo, o sea, no quiero complicarte la vida (?)
¿Hay forma de que pases el link del foro en balizas de hide? Me sería más rápido ver directamente el problema y dejarte los código bien de cómo sería, no sé cuáles codes ya tenés puestos y al tanteo se me complica /:

Y no hay de qué cucada

Te dejo el foro de pruebas:



Igual nada, si es muy complicado, ya fue. Yo porque pensaba que era facilito. (??) jajaja

AY DUDE PERDÓN ME RE COLGUÉ.
No sé por qué se me pasó tu respuesta en gmail! A todo esto, ya sé quién sos ejejjejejee(?).
Ergo, sé más o menos cómo te manejás con los codes, y creo que estás más que apta para que te dé una de las opciones que es la que utilizaba yo por lo general!

Dejo esto para que veas QUE NO TE HE ABANDONADO y ahora paso a editar la respuesta.

p/d: Si no querés que nadie te chusmee el foro de pruebas, ya podés suprimirlo de tu post, que yo ya lo tengo acá en una pestaña.

EDITADO —

Primero, que sepas que está quedandoo bellísimo ese skin por Dioooosssss quiero tu fucking buen gusto

Segundo, lo que vamos a hacer para que los títulos de las cate sean full personalizables, es un truquito que uso yo que vas a ver que es re trampilla(?).

Lo que yo hago por lo general, cuando al título de la categoría le quiero poner muchas cosas, es en realidad crearlo en el primer sub-foro. ¿A qué me refiero?
Pongamos de ejemplo esta estructura:

— CATEGORÍA 1
subforo 1
subforo 2
subforo 3
— CATEGORÍA 2
subforo 4
subforo 5
subforo 6

Entonces, hagamos como que quiero estilizar el titu de la Categoría 1.
1. Vas a la edición del Subforo 1 y antes de tooooooodo lo que hayas puesto en su interior, sin importar qué sea, creás una clase. O mejor dicho, todo lo que quieras que lleve el título de la categoría. Ej:

Código:

<div class="titus-3"><div class="titus-1">Categoría 1</div><div class="titus-2">Oaaa, soy una descripciónnnnn</div></div>


Entonces, titus-3 va a ser específicamente el rectánguloo que va a contener todas las cositas dentro. Pero a este punto y sin CSS, lo que pasa, es que queda todo al lado de la descripción del subforo. Lo que hay que hacer, es moverlo.. ¿Cómo? Con position en valor absolute:

Código:

.titus-3 {
background:red;
width: 1000px;
height: 143px;
position:absolute; /* para moverlo sin afectar al subforo */
margin-left: -50px; /* ajustalo segun haga falta hacia la izquierda */
margin-top: -150px;  /* ajustalo segun haga falta hacia arriba */
}


Y ya está (?). Es importante que no lo muevas usando "top" y "left", tiene que ser sí o sí el margin.

Y así queda 100% personalizable, podés poner toda la cantidad de texto que quieras. Esto me dejaba hasta poner los links ahí y quedaba chuchi(???). Y seguro sabrás pero te lo recuerdo just in case, que para que cada cate tenga la ima distinta, es cuestión de cambiar el html un poquín:

Código:

<div class="titus-3" style="background-image: url('acá el link');"><div class="titus-1">Categoría 1</div><div class="titus-2">Oaaa, soy una descripciónnnnn</div></div>


Esto tendrías que repetirlo con el primer sub-foro de cada categoría, eso es lo embolante. Pero bueno, a mí no me jodía la verdad (?).

Y si no, el modo SUPER-DUPER sencillo, es que vayas a título de la cate y hagas:

Código:

<img src="la ima de tu cate">

Pero en ese caso tendrías que ponerle el título con Photoshop /:

Y ya. Si algo no se entendió, plz indicame bien qué parte y lo hago más detallado ♥ Sé que soy medio basura para explicar

Yo misma (?) escribió:Sos lo más máximo de lo máximooo <3 -forevertufan-. jajajaja.

En cuanto pueda lo pruebo a ver si me saleeee! :D

Primero, que sepas que está quedandoo bellísimo ese skin por Dioooosssss quiero tu fucking buen gusto

MIRA QUIEN LO DICE! YO AMO TODO LO QUE HACES

Edito posteodenuevo porque probé, pero es como que me queda de fondo eso, y no hay forma de traerlo hacia adelante para que se vea Dx Traté de muchas formas y no pude shoro. Quizá me está faltando algo!

Mil gracias por ayudarmeeeee <3

No hay de qué cucada! ♥
Y para que eso no pase, a este code que tenés en el css:

Código:

ul.topiclist.forums li.row

Tenés que sacarle el overflow: hidden;

Y el css para el titus-3 para que veas más o menos cómo sería:

Código:

.titus-3 {
    position: absolute;
    height: 100px;
    width: 943px;
    margin-top: -220px;
    z-index: 9999999999;
    text-align: center;
    padding: 30px 0;
}

Te amoooooooooo :new3:
¡La rompiste!
Graciasss! :D