[Duda] Colocar imagen personal en el titulo de los temas

¡Hola! its me again.

Gracias por pasar a leer esta duda como siempre todos son unos ángeles +o+

Cambiando totalmente de tema y para no hacer otro post porque logré hacer lo que quería con el tuto de Eine <3 - gracias, eres un amor <3. -

Mi problema ahora es con algo que estuve buscando durante varios días, y es que he tratado de pasar una imagen personal del perfil a un lado del titulo de los temas de los post y que cada imagen sea la respectiva de cada perfil en cada cuenta.
Tengo entendido que eso seguro se consigue con un JS, pero la verdad es que no tengo ni idea de por donde empezar.

¿Alguien sabe como modificar eso?

Gracias!! y nuevamente, los amo <3

He cambiado el titulo del mensaje ya que logré lo que estaba buscando con los tutos de acá <3

Si te refieres a poner imágenes extra como las que hay aquí en cada post, es solo cuestión de crear un nuevo campo de perfil para introducir la imagen y ya colocarlo. No hace falta usar javascript y, dependiendo del diseño que tengas del perfil, puedes usar simplemente unos cuantos positions. Sin embargo, si tu estructura de post es más complicada, un truquito que puedes hacer es, dentro de las templates, copipegar la parte de los campos del perfil donde quieras tener la imagen, sea en un div aparte o donde lo necesites.

Código:

<!-- BEGIN profile_field -->
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 <!-- END profile_field -->

Esto hará que en el post aparezcan dos copias de los campos de perfil; tras eso, es cosa de ocultar los campos que quieras o no quieras mostrar.

Supongo que también podría hacerse con un javascript si insistes; te dejo uno a continuación.

Código:

jQuery(document).ready(function(){
    jQuery("Aquí el div de destino").replaceWith(jQuery("Aquí el elemento que contiene la imagen de perfil"));
    });

Hola Eine!! +o+ gracias por pasarte.

He probado con el JS pero no me ha funcionado TnT como tengo dos imágenes en el perfil se van las dos juntas.
La otra es que intenté la primera opción, pero no tengo idea de como ocultar los campos que no quiero que salgan ya que todos se llaman igual D:, tengo un JS para mover los campos a distintas pestañas en la caja de perfil y todas están como .postprofile-field y dentro de ese div el label.
Intenté con ese mismo JS mover la imagen sacándolo de las pestañas y colocandolo donde quiero que se vea, pero no funciona; en teoría el JS está funcionando porque antes de cargar la pagina cuando le doy refrescar me sale el letrero por un instante del nombre del campo de la imagen, pero la imagen sigue en la caja de avatar.

TnT
¿Qué puedo hacer? TnT

¡Hola, The Witch!
Aqui vengo a meter mi cuchara

A mi también me dio un poco de trabajo aprender esto, creeme, cuando mi waifu y Eine me lo explicaban una y otra vez yo me quedaba con cara de What?! Pero bueno veamos si desde mi perspectiva puedo ayudar.  

El código que te dejo Eine de JS es para reemplazar un campo del perfil con otro elemento externo. Primero necesitas tener la estructura de tu perfil como deseas con los campos completos que quieres que tenga.

Por ejemplo si editaste tu perfil con el tutorial que esta aqui en Dix, y agregaste divs en cada uno de los elementos para los campos del perfil (con class como angel, demon, etc).

Código:

<!-- BEGIN profile_field -->
 <div class="angel">{postrow.displayed.profile_field.LABEL}</div> <div class="demon">{postrow.displayed.profile_field.CONTENT}</div><div class="human">{postrow.displayed.profile_field.SEPARATOR}</div>
 <!-- END profile_field -->

Entonces si agregaste un campo que tiene una imagen por ejemplo quieres que lleve un icono, tienes que ubicar cual es el div especifico que necesitas y reemplazarlo con el nuevo elemento usando el JS.

Código:

jQuery(document).ready(function(){
    jQuery("div.demon").replaceWith(jQuery("img.avigrupo1"));
    });

Entonces tu debes tener debajo de todo el codigo de perfil, el codigo correspondiente a las imagenes solitas (es decir los elementos que vas a cambiar):

Código:

<img class="avigrupo1" src="urldelaimagenaqui" />

Nota: Debes de combinar el tutorial de Eine para Cambiar colores de elementos con este para poder tener el resultado que deseas, si no todos los campos te los va a cambiar con la misma imagen y para agregar una imagen distinta en cada grupo de usuario al que pertenece cada user.

Nose si me explique la verdad me lia mucho todo esto pero sé que Eine me vendrá a desmentir o decir que estoy totalmente equivocada sino jajajaja

Omg, me perdí cuando llegamos a la parte del JS con el img.avigrupo1, entiendo que tengo que agarrar el div en el que esté la imagen, pero me perdí en el ultima parte, porque no es como una imagen por grupo lo que quiero poner ya que eso logré hacer con el tuto de Eine, lo que quiero ahora es poner como aquí en Dix, una imagen del perfil a un lado del titulo del post, osea la imagen va a ser personalizable por los usuarios porque será un campo a llenar del perfil

dejaré por aquí el link al tema para que vean a lo que me refiero, en el cuadro rojo que se ve es a donde quiero cambiar la imagen uwu:
http://skintime2.foroactivo.com/t3-anuncio-de-post-de-tabla

¡Ahhhh! No entendí entonces la duda jaja, perdón

Según yo, lo unico que tienes que hacer con el JS que te dio Eine es esto:

Código:

jQuery(document).ready(function(){
    jQuery("div.Imagenentitulo").replaceWith(jQuery(".Son:nth-child(2)"));
    });

Espero que funcione

alkjsdlaksjd Roshio muchísimas gracias!!!!

Peeero, osea, si funcionó pero al mismo tiempo no xD es decir, la imagen ya se movió con el JS, peeero sale así

Spoiler:

Mi teoría de las tres imágenes es que hay tres post en el tema, peero, no tengo idea de que podría estar causando que se vea así.
probé cambiando el primer elemento del JS por que si solo lo dejaba con el div.Imagenentitulo salía lo mismo pero hasta el ultimo post solamente.

¿Tal vez falte agregar algo en el JS? o será algo que se arregle con css?

¡Muchas gracias nuevamente!

Hola, Witch!

Sí, efectivamente se va a "mover" todos los elementos que se llamen .Son:nth-child(2) de cada post y te los va a "juntar" en un solo espacio porque esa es la orden general que se le dio en el JS, sinceramente ignoro que parte del JS nos faltaría poner para que no hiciera esto (el JS y yo no somos buenos amigos)

Uwaahhh Muchísimas gracias Ross, veré que puedo hacer a ver is encuentro como completar ese JS, mientras tanto sigo abierta a opciones uwu

¡Muchísimas garcías!

UP!

Perdonen el doble post!, pero al final pude resolverlo +o+ muchas gracias, al final lo hice con la primera opción de duplicar los capos del perfil en donde yo quería y luego ocultarlos con las pseudoclases y display: none;

¡Muchas gracias!