[PHPBB3][Pedido] Cuadro personalizado alrededor del perfil

Socorro!!! aqui vengo de nuevo con mis dudas

he encontrado un foro con un tutorial muy interesante para phpbb2 en cuanto al marco de los perfiles, pero mi version es la phpbb3, por lo que me gustaria encontrar ayuda para conseguir algo parecido

este es el tutorial




he intentado agregarle esos codigos sin exito de varias maneras distintas
he mirado en foroactivo, y con el codigo postprofile he logrado darle un tipo de marco al avatar, pero el problema es que el ava queda por encima del marco y no se ajusta a él, por tanto no queda bien

el resultado seria algo de este estilo para que me entendais mejor


gracias por adelantado por la ayuda

Lo que necesitas es solo bajar el avatar para que quede por debajo del marco?

si, necesito que el avatar quede debajo del marco

Puedes poner una captura de lo que tienes actualmente en tu perfil?

aqui tienes

Para que todos los avatares te queden iguales, tienes que hacer que tengan todos un tamaño fijo obligando desde el CSS.
Dejame la url de tu foro en hide y te doy los codes adaptados.

ya tengo el css para que todos queden en tamaño fijo, el problema como ves en la imagen es que el avatar queda por encima del marco y lo quiero al reves u.u

Prueba con esto

Código:

.postprofile dt img {margin-top: 10px;}

Juega con el número según quieras el avatar más abajo o menos.

gracias pero no es eso lo que quiero
no quiero ajustar el avatar, lo que quiero es poner el marco encima

Las imagenes que tiene la print de tu pedido son img hechas a medida. No están encima del avatar, están ajustadas al avatar. La primera es el fondo y la gold-perl está ajustada con margin-top y margin-left.

Sin tener acceso a tu web es dificil conseguir lo que quieres.

yo creo que no estan ajustadas al avatar, sino que estan encima, no creo que se pueda ajustar el avatar con el marco que tiene puesto, y ademas tiene el html cambiado, de hecho deje los codigos arriba pero aclare que mi version es phpbb3 y creo que por eso no funciona

Con CSS se puede hacer de todo, lo que hace el print de tu pedido es jugar con la vista. Solo es un backgraund-url y el avatar con bordes.. Y las imágenes sí están ajustadas. Yo uso algo parecido en mi foro phpbb3 ^^
Y en la plantilla lo único que hace es agregar un div al avatar para poder editarlo desde la CSS.

Lo que le pasa a tu marco es que es más pequeño que los px del avatar. Ajusta la img o ajusta el tamaño de los avatares. Y juega con los margins. Es lo único que te puedo decir. No puedo darte códigos sin editar el objeto ^^

te dejo la dire del foro a ver si puedes hacer algo
y la imagen de prueba del marco

El background del avatar no está bien puesto.
Pon esto:

Código:

.postprofile{ background: url('http://i39.servimg.com/u/f39/14/59/76/76/prueba10.png') no-repeat top 19px center; background-color:transparent!important;padding:0px;margin-left: -160px!important;}

Actualmente tienes el background con este objeto:

Código:

.bg1 .column1 dl.details dd img, .panel dl.postprofile dd img, .postprofile dt img, form[action *="/privmsg?folder="] .postprofile dt img, form[action *="/profile"] .panel fieldset dl dd img

El problema de eso, es que solo te deja trabajar con el padding para que aparezca el background, entonces no deja ver el radius del avatar.

Empieza cambiando eso.

ya esta

Te lo estoy cuadrando. Espera un  momento.

Edito: tienes la pg del print? déjamela en hide.

la imagen del marco?

up?

Yo estoy un poco muy perdido con este tema. ¿Me puedes hacer un resumen para deficientes mentales, por favor? XD

De todas formas, quiero dejar esto antes. Resulta que en mi ordenador los perfiles se ven así. ¿A ti también?

jajaja pues el resumen seria que quiero poner una imagen de marco que encuadre el avatar como aqui


o sea, seria poner por ejemplo esta imagen encima del avatar como esta en la imagen anterior de ese foro que encontre

¿Pero ves el perfil ahora mismo como lo veo yo en la captura que pasé?

si, asi esta como lo ves
he estado quitando y agregando como me decia pauu y asi quedo por ahora

Veamos. En primer lugar borra todos los CSS que tienes respecto al selector siguiente:

Código:

.postprofile dt a img

Ahora coloca el siguiente CSS:

Código:

.postprofile {
    padding-top: 30px;
}

.postprofile dt a img {
    width: 200px;
    position: relative;
    left: 11px;
}

El problema es que el borde seguirá estando por detrás, el efecto que me pasas en esa captura seguramente esté logrado poniendo un DIV especial por encima de todo, para darle el diseño. Si me pasas el foro original te lo puedo confirmar.

aqui tienes, y el link del tutorial que puse en el primer post donde explican eso, pero entre que esta en frances y es para el phpbb2 no hay forma

Ysamar escribió:aqui tienes, y el link del tutorial que puse en el primer post donde explican eso, pero entre que esta en frances y es para el phpbb2 no hay forma

No tengo cuenta en ese foro y no puedo verlo. Cita el tema que me has pasado en ese foro y pásame el contenido citado por aquí.