Advertisement:

Author Topic: 2º mini mod: separación de mensajes sencilla, perfecta y configurable  (Read 2653 times)

Offline Tridrac

  • Semi-Newbie
  • *
  • Posts: 57
  • Gender: Male
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]
<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]
<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]
.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.  :)
« Last Edit: October 05, 2009, 09:02:40 PM by Tridrac »
¡Qué bella es la vida!

Mis mini Mods: , ,


Offline lucas-ruroken

  • SMF Hero
  • ******
  • Posts: 4,907
  • Gender: Male
  • Adk Developer
    • lucas.ruroken on Facebook
    • lucasruroken on GitHub
Re: 2º mini mod: separación de mensajes sencilla, perfecta y configurable
« Reply #1 on: October 12, 2009, 12:25:20 AM »
Creo qe hay un mod para smf 2.0 qe separa los post

gracias igual por el aporte
Adk Portal 3.1 is coming....

Design your universe!