Hola compañeros de WD

Otra vez a lomin le quedo grande hacer una modificación en su foro XD bueno pues me puse a probar una y otra vez modificar el modulo de conexión es decir el que posee el avatar del usuario conectado el numero de mensajes y los mensajes privados, pues lo que deseaba realizar era:
* Ubicar el avatar en un marco obviamente redimensionado
* Modificar el fondo del WIDGET
* Agregar mas enlaces del usuario.
* y vincular todo con la información exacta del user

Complicado ¿no? espero me puedan ayudar sin robarle los códigos a WD XD se los agradece sinceramente su compañero lomin456
saludos...

Nadie?

¡Hola! aquí respuestas a tu problema.

* Ubicar el avatar en un marco obviamente redimensionado

Debes hacerlo con este código CSS:

.mod-login-avatar img{
background: url(URLALAIMAGENDETUMARCO);
height: ZZpx;
width: ZZpx;
}

Modifica el height y el width según el tamaño de tu marco.

* Modificar el fondo del WIDGET

Con este código CSS:

.box-content{
background: Aquí sigues el código con url:(blablabla) o con el código del color que quieras como fondo en hexadecimal, o rgba a tu preferencia;
}

Con respecto a tus dos últimos puntos especifica más en donde y cómo quieres poner los enlaces. ¡Saludos!

Muchas gracias por tu respuesta compañero TheMoment pero lo coloque en el PA en visualizacion> Colores > CSS de la siguiente forma:

Código:

/* Widget De Conexion */
.box-content{
background: #B0C0FF url('http://imageshack.us/a/img825/3940/conexionb.png') no-repeat fixed center;
}
.mod-login-avatar img{
background: url(http://img339.imageshack.us/img339/5952/backavatar.png);
height: 125px;
width: 125px;
}

y no funciono espero se pueda hacer y disculpas si no entendí XD

Te devolveré los códigos con los errores que tienes.

/* Widget De Conexion */
.box-content{
background: #B0C0FF url('https://2img.net/r/ihimg/a/img825/3940/conexionb.png') no-repeat fixed center;
}
.mod-login-avatar img{
background: url(https://2img.net/r/ihimizer/img339/5952/backavatar.png);
height: 125px;
width: 125px;
}

Te marqué en rojo y enanaranjado el error en el background, ya que no puedes poner una imagen y un color al mismo tiempoc como background general del módulo, deberás quitar o el color o el url, tú eliges.

Te marqué en verde ese "fixed" que no sé que noción tendrás de tal atributo, pero te explico para qué sirve: El fixed, sirve para dejar a un elemento(ya sea perfil, o una caja que hallas hecho) fija en la pantalla a pesar de que esta se baje, el elemento con fixed bajará con la pantalla, pero el fixed, se utiliza con position: fixed; no en backgrounds ni otro tipo de atributos.

Prueba nuevamente corrigiendo esos errores y me dices que tal.

TheMoment escribió:Te devolveré los códigos con los errores que tienes.

/* Widget De Conexion */
.box-content{
background: #B0C0FF url('https://2img.net/r/ihimg/a/img825/3940/conexionb.png') no-repeat fixed center;
}
.mod-login-avatar img{
background: url(https://2img.net/r/ihimizer/img339/5952/backavatar.png);
height: 125px;
width: 125px;
}

Te marqué en rojo y enanaranjado el error en el background, ya que no puedes poner una imagen y un color al mismo tiempoc como background general del módulo, deberás quitar o el color o el url, tú eliges.

Te marqué en verde ese "fixed" que no sé que noción tendrás de tal atributo, pero te explico para qué sirve: El fixed, sirve para dejar a un elemento(ya sea perfil, o una caja que hallas hecho) fija en la pantalla a pesar de que esta se baje, el elemento con fixed bajará con la pantalla, pero el fixed, se utiliza con position: fixed; no en backgrounds ni otro tipo de atributos.

Prueba nuevamente corrigiendo esos errores y me dices que tal.

Bueno compañero creo que aun no damos con el problema XD primero recuerdo que estamos en phpbb3 por si se nos paso, resulta que el code quedo asi:

.module .box-content{
background: url('https://2img.net/r/ihimg/a/img825/3940/conexionb.png') no-repeat center;
}
.mod-login-avatar img{
background: url(https://2img.net/r/ihimizer/img339/5952/backavatar.png)!important;
height: 125px;
width: 125px;
}

Como veras soluciones los errores y en google chrome inspeccione los respectivos elementos en el primero el que antes era solo .box-content le agregue antes .module debido a que al ingresar el css en esa llave en chrome funciono lo del fondo pero se ven los bordes y el titulo y hacen ver incompleto el BG en cuanto al .mod-login-avatar img lo vi en chrome y esta el codigo perfecto pero no muestra la imagen de marco D:

espero me puedas ayudar

Me has liado un poco, ¿Podrías dejar captura?

No se puede solucionar XD
Asi que cierro y muevo a soporte finalizado
PD: Gracias por la ayuda TheMoment