Descuadre en el cuadro de respuesta rápida

[Coyote64]

Buenas de nuevo.

Estoy con el foro nuevo y surgen problemillas. El de ahora creo que es sencillo, pero no logro dar con la tecla

Instalé la extensión quickreply y funciona casi perfectamente

el único fallo que le veo es que el cuadro para escribir se coloca justo debajo de los emoticonos y crea confusión para crear una respuesta rápida.

En la foto se ve 'claramente

Gracias

[andares]

Con esta modificacion y aprovechando que usas la extensión "Advanced BBCode Box 3", queda tal que asi:



Edita:
ext/tatiana5/quickreply/styles/prosilver/template/event/quickreply_editor_message_before.html

Busca:

Código: Seleccionar todo

<!-- IF S_ABBC3_INSTALLED and S_BBCODE_ALLOWED -->

Añade despues:

Código: Seleccionar todo

	<div id="smiley-box">
		<!-- IF S_SMILIES_ALLOWED and .smiley -->
			<strong>{L_SMILIES}</strong><br />
			<!-- BEGIN smiley -->
				<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
			<!-- END smiley -->
		<!-- ENDIF -->
		<!-- IF S_SHOW_SMILEY_LINK and S_SMILIES_ALLOWED-->
			<br /><a href="{U_MORE_SMILIES}" onclick="popup(this.href, 300, 350, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>
		<!-- ENDIF -->
	</div>

Busca:

Código: Seleccionar todo

	<!-- INCLUDE ../../../../../vse/abbc3/styles/all/template/abbc3_posting_buttons.html -->

Añade despues:

Código: Seleccionar todo

	<br /><br />

Busca al final del todo y elimina:

Código: Seleccionar todo

	<div id="smiley-box">
		<!-- IF S_SMILIES_ALLOWED and .smiley -->
			<strong>{L_SMILIES}</strong><br />
			<!-- BEGIN smiley -->
				<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
			<!-- END smiley -->
		<!-- ENDIF -->
		<!-- IF S_SHOW_SMILEY_LINK and S_SMILIES_ALLOWED-->
			<br /><a href="{U_MORE_SMILIES}" onclick="popup(this.href, 300, 350, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>
		<!-- ENDIF -->
	</div>

Purga la cache del foro y listo.

[Coyote64]

Uhmmmm casi casi

Ante todo te agradezco un montón tu tiempo y sapiencia

Mira como me queda tras haber hecho las modificaciones minuciosamente

[andares]

No te cuadra por que no utilizas los emoticones por defecto...

Aqui:

Código: Seleccionar todo

   <br /><br />

Añade mas saltos de linea <br /> hasta que te encaje del todo, pero obviamente te va a quedar mucho espacio y se va a ver de aquella manera...

[Coyote64]

Comprendo, tienes razón. Me imaginaba sería por eso.

Ahora he añadido más líneas de texto y se ve bien, pero como tu dices, de aquella manera. El recuadro de respuesta rápida a menguado, pero se ha cuadrado lo otro.

Ya veré como lo pongo, de una manera u de otra.

Así me ha quedado

Muchas gracias, Andares

[andares]

Si no se ve bien, tienes 2 opciones: cambia o bien ordena los emoticonos para que te aparezcan con dimensiones mas por defecto o bien haz como ha hecho "The Kuka" en este foro: suprimir los emoticonos, el problema en si es el ancho del estilo en vista de topico.

[ThE KuKa]

Exacto, aquí está la solución que aporta andares, o esperar a ver si PayBas adapta su estilo para esta extensión o que la autora de la extensión la adapte al estilo, poco más.

Saludos.

[Coyote64]

Muchas gracias chicos

El caso es que ahora está mejor de lo que estaba.

Esperaremos

Saludos

[micontre]

aunque algo tarde os dare otra manera de hacer que salga bien(valido para pbtech y pbwow3 con sus variantes)

en el archivo styles/pbwow3 /theme/extensions.css añador al final en una nueva línea

Código: Seleccionar todo

/* Quick-reply
--------------------------------------------- */


#qr_postform > .panel > .inner {
	max-width: 100%;
	margin: 0 auto;
}

#qr_postform #message-box {
	width: 80%;
}

#qr_postform textarea {

	border-radius: 5px;
	transition: box-shadow 0.25s ease-in-out 0s;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#qr_postform textarea:focus {
	box-shadow: 0 0 3px 1px #11A3EA;
}

#qr_postform fieldset.submit-buttons {
	position: relative;
	margin: 0;
	padding: 14px 10px;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#smiley-box img {
    height: auto;
    margin: 3px;
    max-width: 30px;
}

#smiley-box img es añadido para aquellos que tienen los emoticonos demasiado grandes sean redimensionados evitando descuadres y que se extiendan demasiado en altura
el resultado seria este:(respetando el fondo original del estilo)

[Coyote64]

Muchas gracias micontre, ya dejé de usar ese estilo, pero te agradezco, será tenido en cuenta.