2º mini mod: separación de mensajes sencilla, perfecta y configurable

[Tridrac]

Hola amig@s,

Hacía ya tiempo que no posteaba nada por falta de tiempo, pero hoy continuaré con mi pequeña serie de mini mods, tal como prometí que iría haciendo.
Como últimamente he estado probando diferentes mods para separar los mensajes visualmente y los resultados no me acababan de convencer o no me daban el resultado esperado, pues me he metido manos a la obra y quiero compartir con tod@s lo que he conseguido, por si fuera de interés.

Las 5 ventajas de este mini mod son:
- es más sencillo que otros y no implica tanto código.
- es posible configurar facilmente el color de relleno del espacio, simplemente retocando un valor en el CSS.
- no deja espacios no deseados al principio o al final de la vista de mensajes.
- no deja mensajes sin alguno de los bordes.
- permite mantener el alternado de colores de fondo de los mensajes.

Para haceros una idea del resultado, aquí tenéis una captura:



Veamos cómo hacerlo:

Las pocas modificaciones se hacen en el Display.template.php de tu tema:

Busca las siguientes líneas:

Code Select Expand

<table cellpadding="0" cellspacing="0" border="0" width="100%" class="bordercolor">';

// Get all the messages...
while ($message = $context['get_message']())
{
echo '
<tr><td style="padding: 1px 1px 0 1px;">';

y cámbialas por éstas:

Code Select Expand

<table cellpadding="0" cellspacing="0" border="0" width="100%">';

// Get all the messages...
while ($message = $context['get_message']())
{
if ($message['id'] != $context['first_message'])
echo '
<tr><td class="separador">&nbsp;</td></tr>';
echo'
<tr><td class="tborder" style="padding: 1px 1px 1px 1px;">';

(lo que viene ahora es opcional: mira la nota 1) Luego abre el style.css y añade al final (o en cualquier otro sitio que prefieras, jejeje) el siguiente valor:

Code Select Expand

.separador
{
background-color: #E6E6E6;
}


Y ya está; como podéis apreciar es muy sencillo y el resultado es perfecto. 

Nota 1: para adaptar el color de la separación a tu tema, simplemente cambia el valor hexadecimal de "separador" por el que tú emplees.
Si el color que sale por defecto ya te vale, puedes saltarte lo del style.css sustituyendo también en el Display.template.php:
<td class="separador"> por <td>

Nota 2: si prefieres que haya algún texto (que se repita) entre mensaje y mensaje o una imagen, puedes hacerlo muy fácilmente simplemente sustituyendo "&nbsp;" por cualquier texto o por "<img src="(dirección de la imagen)" . (otros parámetros según lo que desees) alt="' />

Un abrazo y que lo disfrutéis. 

[lucas-ruroken]

Creo qe hay un mod para smf 2.0 qe separa los post

gracias igual por el aporte