Cargando...
Rango
Sexo
Mensajes
Última visita
Miembro desde

Foro Nube » Servicios » Soporte Foroactivo

Foro Cerrado
Este foro se encuentra cerrado de forma indefinida. Puedes utilizarlo para revisar material antiguo que desees recuperar.

[PHPBB3][Pedido] Cuadro personalizado alrededor del perfil

Creado por ,

Ir a la página : 1, 2  Siguiente

Mensaje [Página 1 de 2.]

Publicado el Dom 7 Dic - 21:13

avatar
Socorro!!! aqui vengo de nuevo con mis dudas Sonrisa

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 Sonrisa

A 0 usuarios le gusta esto
Me gustaReputación del mensaje :100% (1 voto)

Publicado el Mar 9 Dic - 18:06

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

A 0 usuarios le gusta esto

Publicado el Mar 9 Dic - 19:25

avatar
si, necesito que el avatar quede debajo del marco

A 0 usuarios le gusta esto

Publicado el Mar 9 Dic - 19:29

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

A 0 usuarios le gusta esto

Publicado el Mar 9 Dic - 19:56

avatar
aqui tienes

A 0 usuarios le gusta esto

Publicado el Mar 9 Dic - 19:59

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

A 0 usuarios le gusta esto

Publicado el Mar 9 Dic - 20:07

avatar
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

A 0 usuarios le gusta esto

Publicado el Mar 9 Dic - 20:10

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

A 0 usuarios le gusta esto

Publicado el Mar 9 Dic - 20:13

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

A 0 usuarios le gusta esto

Publicado el Mar 9 Dic - 20:19

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

A 0 usuarios le gusta esto

Publicado el Mar 9 Dic - 20:26

avatar
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

A 0 usuarios le gusta esto

Publicado el Mar 9 Dic - 20:34

avatar
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 ^^

A 0 usuarios le gusta esto

Publicado el Mar 9 Dic - 21:06

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

A 0 usuarios le gusta esto

Publicado el Mar 9 Dic - 21:23

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

A 0 usuarios le gusta esto

Publicado el Mar 9 Dic - 21:40

avatar
ya esta

A 0 usuarios le gusta esto

Publicado el Mar 9 Dic - 21:43

avatar
Te lo estoy cuadrando. Espera un  momento.

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

A 0 usuarios le gusta esto

Publicado el Mar 9 Dic - 21:59

avatar
la imagen del marco?

A 0 usuarios le gusta esto

Publicado el Vie 12 Dic - 0:43

avatar
up?

A 0 usuarios le gusta esto

Publicado el Vie 12 Dic - 15:46

avatar
Administrador
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?

A 0 usuarios le gusta esto
Me gustaReputación del mensaje :100% (1 voto)

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube

Publicado el Vie 12 Dic - 15:57

avatar
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

A 0 usuarios le gusta esto

Publicado el Vie 12 Dic - 16:11

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

A 0 usuarios le gusta esto

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube

Publicado el Vie 12 Dic - 16:53

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

A 0 usuarios le gusta esto

Publicado el Vie 12 Dic - 22:48

avatar
Administrador
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.

A 0 usuarios le gusta esto
Me gustaReputación del mensaje :100% (1 voto)

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube

Publicado el Vie 12 Dic - 22:57

avatar
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

A 0 usuarios le gusta esto

Publicado el Sáb 13 Dic - 11:44

avatar
Administrador
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í.

A 0 usuarios le gusta esto
Me gustaReputación del mensaje :100% (1 voto)

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
Contenido patrocinado

Publicado

A 0 usuarios le gusta esto

Ir a la página : 1, 2  Siguiente

Con la tecnología de Foroactivo y punBB