[Duda] Portada en los posts de usuario

¡Hola! Vengo con una duda muy dudosa(?)

Estoy boceteando una skin nueva, pero recordé que hay un diseño que siempre he querido intentar hacer, pero que nunca me ha salido como quiero y al final termino desechándolo. No sé si lo haga mal o de plano soy demasiado noob, pero me gustaría saber si hay alguna manera de colocar una portada (Que ya está en el perfil de usuario, por ejemplo) en los mensajes de cada usuario sin necesidad de usar a los infames childs (?)

He buscado tutoriales, pero no me funcionan, ¿podrían ayudarme? :'c Muchas gracias <3

¡Hola Rasp! Creo que podrias conseguirlo mediante javascript, pero ignoro que elementos tengas que modificar. Yo una vez lo intente pero no me salio porque el que yo use modificaba cada elemento, pero al repetirse en varios posts (de varios usarios) se movia todo o se repetia el perfil del primer usuario, por lo que tuve que desechar esa idea y quedarme con los childs.

Hola hola:

En teoría, no sería muy diferente a poner una imagen extra en el perfil, como se hace aquí en los posts, donde hay dos imágenes aparte del avatar. Mi método supercutre, completamente teórico pero eficaz para hacer este tipo de cosas:

En primer lugar, lo que haría sería crear un campo de perfil para la portada. Para evitar líos, pondría una imagen tipo placehold.it con las dimensiones que tendrá la portada y la pondría como la imagen predeterminada, de manera que todos los usuarios la tengan. También convendría ponerla primero en la lista de de los campos de perfil visibles. Ah, y también es importante poner que se vea en los mensajes, aunque depende de ti si quieres reutilizarla también en los perfiles completos.

En segundo lugar, monta todo el código. No te olvides de dejar un lugar para poner la imagen de la portada.

Ahora es donde viene la parte divertida. Quizá sepas que en las templates del post y del postprofile hay una parte que es la de los campos del perfil:


Depende de cómo hayas montado el foro, los contenidos exactos serán diferentes pero me refiero a esa parte, que en el código genera lo siguiente:


La gracia está en que esa parte del código la puedes repetir múltiples veces en el postprofile, y en cada uno de esos lugares te va a generar los mismos campos de perfil. ¿Qué pasará si lo pongo tres veces en el post?


Pues que se generan tres sets de datos de un mismo usuario:


Ignora los demás cambios (falta de título, nombre de usuario, rango, etc) porque justo estaba toqueteando esas templates.

¿Ves por donde van los tiros? La idea es poner otro set de campos de perfil en el recuadro donde iría la portada y ocultar todos los campos excepto esta (por eso dije que, por facilidad, la pusieras la primera), mientras que en el postprofile como tal se ocultaría la portada para que no molestara.

Sé que no querías utilizar childs, y es justo por eso que no lo vas a hacer. Solo tienes que usar algún :nth-of-type (?) Pero como mucho tendrás que utilizar dos o tres para ocultar los campos de perfil que no hagan falta en cada caso:

Código:

Donde la portada, digamos que los campos de perfil tienen la clase .campo:

.portada .campo {display: none;}
.portada .campo:nth-of-type(1) {display: block};

Donde el postprofile:

.postprofile .campo:nth-of-type(1) {display: none;}

Espero que esto fuera a lo que te referías, y que te ayude si es el caso xD