Comparte
Ver el tema anteriorIr abajoVer el tema siguiente
avatar
Coder ⋆ Designer
el Miér Jul 04, 2018 6:19 am
Mensajes :
62


Blood :
14529


Frase :
ART
HAS
NO
RULES



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


Última edición por Red! el Jue Jul 05, 2018 12:08 pm, editado 2 veces
Ver perfil de usuario
Mensajes :
62


Blood :
14529


Frase :
ART
HAS
NO
RULES



avatar
webmaster
el Miér Jul 04, 2018 9:57 am
Mensajes :
1943


Blood :
127302


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



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!










Ver perfil de usuario
Mensajes :
1943


Blood :
127302


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



avatar
Coder ⋆ Designer
el Miér Jul 04, 2018 1:50 pm
Mensajes :
62


Blood :
14529


Frase :
ART
HAS
NO
RULES



¡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
Ver perfil de usuario
Mensajes :
62


Blood :
14529


Frase :
ART
HAS
NO
RULES



avatar
webmaster
el Miér Jul 04, 2018 6:31 pm
Mensajes :
1943


Blood :
127302


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



¡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.











Ver perfil de usuario
Mensajes :
1943


Blood :
127302


Frase :
ᴠɪʟʟᴀɴ ᴅᴇᴋᴜ

— sur · rep · ti · tious —
punch f u c k him



avatar
Coder ⋆ Designer
el Jue Jul 05, 2018 5:06 am
Mensajes :
62


Blood :
14529


Frase :
ART
HAS
NO
RULES



¡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!
Ver perfil de usuario
Mensajes :
62


Blood :
14529


Frase :
ART
HAS
NO
RULES



Contenido patrocinado
Ver el tema anteriorVolver arribaVer el tema siguiente
Permisos de este foro:
No puedes responder a temas en este foro.