[Resuelto] ¿Como consigo que se vea la imagen del subforo tras editarlo mediante template?

Miér Jul 04, 2018 6:19 am

Bueno, aquí vuelvo yo con mis dudas después de casi perder la cordura trabajando más de media mañana en esto. Resulta que estoy intentando editar los subforos mediante los templates y la cosa iba bien hasta que ha llegado el momento de poner la imagen, no hay manera de conseguir que se vea la imagen, sale en el lugar correcto e incluso se ve el borde pero la imagen que debe haber en el interior no se ve.

Es decir, queda tal que así:

Seguramente, como casi todas las cosas con las que me bloqueo es alguna tontería pero de verdad que no sé ver cuál. He intentado hacerlo en dos divs separados, probarlo con el class y el id, cambiarlo de sitio, todo lo que se me ha ocurrido, pero no hay manera por eso vengo aquí a ver si algún alma caritativa puede hacerme ver mi error U.U

Miér Jul 04, 2018 9:57 am

Hola Red! Bueno para poner una imagen usando un div puedes hacerlo de la siguiente manera.

1) Directamente en el CSS así:

Código:: #subfimag { background-image: url(http://placehold.it/130x130); border: 10px solid #773c8a; border-radius: 100%; height: 130px; margin-left: 730px; margin-top: -165px; width: 130px; }

Ya que vas a usar la imagen como fondo necesitarás poner un avatar de la medida por default (que seria 130x130).

2) Ponerlo en el codigo HTML directamente, asi podras cambiar la imagen en cada subforo.

Código:: <div id="subfimag" style="background-image: url(http://placehold.it/130x130);"></div>

Revisando tu codigo no vi que colocaras el link de la imagen en ningun lado quizas por eso sea que no te sale.

Te dejo este tuto sobre como mover (o poner) imagenes en divs, ¡espero que te sirva!

Miér Jul 04, 2018 1:50 pm

¡Hola Roshio! Muchas gracias por responder tan rápido <3. A ver, he probado y leído el tuto pero sigo sin conseguirlo, yo quiero poner una imagen diferente en cada subforo, de manera que necesitaría hacerlo del segundo modo, pero aunque creo que está todo correcto la imagen sigue sin verse. Me explico:

En el template tengo esto:

Spoiler:

En el css esto:

Código:: #subfimag { border: 10px solid #773c8a; border-radius: 100%; margin-left: 730px; margin-top: -165px; width: 130px; height: 130px;}

y el código HTML en el subforo:

Código:: <div style="background-image: url(http://placehold.it/130x130);" id="subfimag"> </div>

Y la imagen sale en blanco, he probado de quitar la parte del template y dejarlo solo con CSS y HTML pero tampoco hay manera. La imagen se ve si la pongo en el CSS pero eso me obligaría a que la imagen fuera siempre la misma y no es lo que busco, pues quiero que sea diferente en cada subforo =/ y me está volviendo loca esto porque aparentemente es algo supersencillo pero no entiendo que falla T.T

Miér Jul 04, 2018 6:31 pm

¡Hola Red! Lo que pasa es que el codigo lo pusiste en el template, el de la imagen y aparte lo pusiste en el HTML del subforo, por eso no te lo lee, el codigo solo debe ir en el subforo no en el template, y entonces si lo mueves en el CSS para alinearlo en el espacio donde debe ir.

[Resuelto] ¿Como consigo que se vea la imagen del subforo tras editarlo mediante template? 2104915500

[Resuelto] ¿Como consigo que se vea la imagen del subforo tras editarlo mediante template? 2104915500

Jue Jul 05, 2018 5:06 am

¡Ahora sí! Tuve que retocar varias cosas más, como quitar el overflow para poder mover la imagen con libertad, pero ya está justo donde quiero, ¡muchas gracias!
[Resuelto] ¿Como consigo que se vea la imagen del subforo tras editarlo mediante template? 1862881652

[Resuelto] ¿Como consigo que se vea la imagen del subforo tras editarlo mediante template? 1862881652

Elementos

Dragon Ball

Pronto

Paraíso Personal

Amor y Amistad

Conejo de Pascua

[Resuelto] ¿Como consigo que se vea la imagen del subforo tras editarlo mediante template?