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

Ysamar

Publicado Dom 7 Dic - 21:13

Ysamar
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)
Pauu~

Publicado Mar 9 Dic - 18:06

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

A 0 usuarios le gusta esto
Ysamar

Publicado Mar 9 Dic - 19:25

Ysamar
si, necesito que el avatar quede debajo del marco

A 0 usuarios le gusta esto
Pauu~

Publicado Mar 9 Dic - 19:29

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

A 0 usuarios le gusta esto
Ysamar

Publicado Mar 9 Dic - 19:56

Ysamar
aqui tienes
[PHPBB3][Pedido] Cuadro personalizado alrededor del perfil Jky3au

A 0 usuarios le gusta esto
Pauu~

Publicado Mar 9 Dic - 19:59

Pauu~
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
Ysamar

Publicado Mar 9 Dic - 20:07

Ysamar
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
Pauu~

Publicado Mar 9 Dic - 20:10

Pauu~
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
Ysamar

Publicado Mar 9 Dic - 20:13

Ysamar
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
Pauu~

Publicado Mar 9 Dic - 20:19

Pauu~
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
Ysamar

Publicado Mar 9 Dic - 20:26

Ysamar
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
Pauu~

Publicado Mar 9 Dic - 20:34

Pauu~
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
Ysamar

Publicado Mar 9 Dic - 21:06

Ysamar
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
Pauu~

Publicado Mar 9 Dic - 21:23

Pauu~
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
Ysamar

Publicado Mar 9 Dic - 21:40

Ysamar
ya esta

A 0 usuarios le gusta esto
Pauu~

Publicado Mar 9 Dic - 21:43

Pauu~
Te lo estoy cuadrando. Espera un  momento.

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

A 0 usuarios le gusta esto
Ysamar

Publicado Mar 9 Dic - 21:59

Ysamar
la imagen del marco?

A 0 usuarios le gusta esto
Ysamar

Publicado Vie 12 Dic - 0:43

Ysamar
up?

A 0 usuarios le gusta esto
Bret

Publicado Vie 12 Dic - 15:46

Bret
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?

[PHPBB3][Pedido] Cuadro personalizado alrededor del perfil KH7dOOk

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

Publicado Vie 12 Dic - 15:57

Ysamar
jajaja pues el resumen seria que quiero poner una imagen de marco que encuadre el avatar como aqui
[PHPBB3][Pedido] Cuadro personalizado alrededor del perfil 246kq3t

o sea, seria poner por ejemplo esta imagen encima del avatar como esta en la imagen anterior de ese foro que encontre
[PHPBB3][Pedido] Cuadro personalizado alrededor del perfil Prueba10

A 0 usuarios le gusta esto
Bret

Publicado Vie 12 Dic - 16:11

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

A 0 usuarios le gusta esto
Ysamar

Publicado Vie 12 Dic - 16:53

Ysamar
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
Bret

Publicado Vie 12 Dic - 22:48

Bret
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)
Ysamar

Publicado Vie 12 Dic - 22:57

Ysamar
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
Bret

Publicado Sáb 13 Dic - 11:44

Bret
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)
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