aumentar anchura de tamaño de avatar

[Tenshi]

hola tengo un problema, sucede que en mi foro el tamaño maximo de avatares es 160x220, pero al ver mensajes privados del autor del mensaje se sale del cuadro del perfil, espero me puedan ayudar

imagen: http://i56.tinypic.com/28jd2yu.jpg
URL: http://calimdor.wsr3.net
Versión phpBB: 3.0.9
MODs Instalados: Ultimate points
Ultimate las points title
Full quick reply editor

Board 3 portal
Arcade mod

Plantilla(s) usada(s): Simplicity
Servidor: Linux, gratuito
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

[DaVidU]

no me extraña te pase eso, por el tamaño de ancho del foro y tamaño de ancho del avatar es normal te pase eso con los mensajes privados, aún se hace más estrecho el apartado, pienso deberías poner un máximo de 140px de ancho para los avatares o bien modificar el ancho del perfil en los mensajes privados, tu decides

[Tenshi]

ps necesito amuentar el ancho del perfil... sabes como?, no puedo inventar yo solo, cada vez q hago algo con el estilo casi siempre me pasa algun error. saludos!

[DaVidU]

dame un usuario y password de prueba para ver el apartado de los mensajes privados y te sigo dando soporte

[Tenshi]

ok...

Nombre de usuario
Style

Constraseña:
12345ab

[Tenshi]

debo dar alguna informacion mas?

[Tenshi]

no puedes entrar a la cuenta?

[nextgen]

http://www.phpbb-es.com/foro/rules/index.php#rule1h

[memoadian]

A ver para solucionar eso y no afectar los temas del foro se tiene que hacer lo siguiente:

abrir
styles/simplicity/template/ucp_pm_viewmessage
buscar

Código: Seleccionar todo

<dl class="postprofile" id="profile{MESSAGE_ID}">

remplazar por

Código: Seleccionar todo

<dl class="postprofile_pm" id="profile{MESSAGE_ID}">

buscar

Código: Seleccionar todo

<div class="postbody">

remplazar por

Código: Seleccionar todo

<div class="postbody_pm">

Abrir
styles/simplicity/theme/content.css
buscar

Código: Seleccionar todo

.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border-left: 1px solid #FFFFFF;
	width: 22%;
	float: right;
	display: inline;
}

agregar despues

Código: Seleccionar todo

.postprofile_pm {
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border-left: 1px solid #FFFFFF;
	width: 30%;
	float: right;
	display: inline;
}

buscar

Código: Seleccionar todo

.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: left;
	clear: both;
}

agregar despues

Código: Seleccionar todo

.postbody_pm {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 68%;
	float: left;
	clear: both;
}

limpiar cache de plantilas y de tema, y con eso deberia quedar.

[Tenshi]

gracias!, se ha solucionado mi problema aunque las letras del mensaje se ven mas pequeñas q antes, como se puede arreglar?... tambien quisiera q la imagen de "Online" salga justo despues de la imagen de avatar, como se ve en los temas

[memoadian]

Bueno de los cambios que hice no afecta ningun font-size

que raro

agrega un

font-size:10px;

que qeude así:

Código: Seleccionar todo

.postbody_pm {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 68%;
        font-size:10px;
	float: left;
	clear: both;
}

y lo de la imágen online depende del ancho del avatar

sería cuestion de que probaras con diferentes anchos

por ejemplo

en vez de 30% dejaselo en 28

recuerda que los anchos de postbody y postprofile deben sumar 98 para no tener problemas

22 + 76 = 98
30 + 68 = 98

28 + 70 podria servir.

[Tenshi]

intente eso de agrandar las letras y funciona, pero agranda las letras de las firmas, alguna idea para que no ocurra?
tambien tengo otro problema con eso... al parecer el perfil sale mas arriba de lo que deberia, se q antes no salia pero modifique algo de la separacion en la altura... alguna solucion?, gracias

[memoadian]

Yo lo veo así y salvo or la font se ve bastante bien.



:S bueno según yo.

[Tenshi]

pero parece q si sale la imagen de "online" se ve como la iomagen que he puesto

[memoadian]

tiene un margin de -5px

busca
abre colours.css
busca

Código: Seleccionar todo

.online {
       background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
       margin-top: -5px;
    }

remplaza por:

Código: Seleccionar todo

.online {
       background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
       margin-top: 5px;
    }

busca

Código: Seleccionar todo

    .online dt {
       margin-top: 5px;
    }

remplaza por

Código: Seleccionar todo

    .online dt {
       margin-top: -5px;
    }