Simple Machines Community Forum

Hola, un gusto nuevamente.

En lo personal me agrada la forma que SMF muestra los Smiles, sin embargo no todos se sienten a gusto, por lo cual a petición de un usuario, he movido un par de líneas en el post.template y he tratado de dejar los iconos tipo IPB.

Les dejo unas fotos, para que vean a que me refiero



Pueden verlo funcionando en mi foro (http://www.aimbox.cl) (claro que pedirá registrarse, así que mejor solo vean las fotos) 


bueno, el cambio es sencillo, aunque antes deberán realizar un par de pasos desde su administración, por lo cual.

Recomiendo hacer un respaldo de su db, y de los archivos a modificar antes de proseguir.

si ya están hechos, entonces continuemos.


Fase 1: Administración de Smiles

Paso 1:

Antes que todo, deberemos configurar nuestros smiles desde /Administración/Conjunto de Smileys e Iconos de Mensajes/Configuración/ Tal cual mostramos en la imagen.


Paso 2:

Ahora importaremos nuestros Mensajes, en caso que no los tuviésemos importados (Tranquilos, que ya los ordenaremos no se asusten) veamos la imagen 2.


Una vez aquí, importaremos los iconos. De la siguiente manera. Imagen 3.  (Si les sale un error, omitanlo y repitan el Paso 2)


Paso 3:

Ahora que tenemos un gran desorden con smiles, los ordenaremos un poco, para que se vean mas lindos =) Imagen 4



Como pueden ver en la imagen 4, tendrán que seleccionar todo los smiles, que no quieren que se vean al lado del mensaje. En pocas palabras, seleccionar solo los que quieran que se vean al presionar más (Mirar Imagen "0" (http://www.simplemachines.org/community/index.php?action=dlattach;topic=250646.0;attach=61796;image) más arriba) una vez seleccionado, elegir, mostrar como popups.


Y Ya estamos listos, para la Fase 2.


Fase 2: Modificar Post.template

Paso 1: Antes que todo, RESPALDEN!! (por si se les olvidaba), si su theme no tiene post.template, utilicen el de el theme default. (Como fue mi caso)

Paso 2: Bucar las lineas:

Quote// Now start printing all of the smileys.
   if (!empty($context['smileys']['postform']))
   {
      echo '
         <tr>
            <td align="right"></td>
            <td valign="middle">';

      // Show each row of smileys ;-).
      foreach ($context['smileys']['postform'] as $smiley_row)
      {
         foreach ($smiley_row['smileys'] as $smiley)
            echo '
               <a href="javascript:void(0);" onclick="replaceText(\' ', $smiley['code'], '\', document.forms.', $context['post_form'], '.', $context['post_box_name'], '); return false;"><img src="', $settings['smileys_url'], '/', $smiley['filename'], '" align="bottom" alt="', $smiley['description'], '" title="', $smiley['description'], '" /></a>';

         // If this isn't the last row, show a break.
         if (empty($smiley_row['last']))
            echo '<br />';
      }

      // If the smileys popup is to be shown... show it!
      if (!empty($context['smileys']['popup']))
         echo '
               <a href="javascript:moreSmileys();">[', $txt['more_smileys'], ']</a>';

      echo '
            </td>
         </tr>';
   }

y comentenlas o borrenlas, según deseen.


Paso 3: Buscar las lineas

Quote// Finally the most important bit - the actual text box to write in!
   echo '
         <tr>
            <td valign="top" align="right"></td>

y remmplazarlas con esto:

Quote// Finally the most important bit - the actual text box to write in!
   echo '
         <tr>
            <td valign="top" align="right">';
            
            //INICIO SMILES
   if (!empty($context['smileys']['postform']))
   {
      //Smiles AimBox
      $aimbox  = 0;
      echo '<center>';
      foreach ($context['smileys']['postform'] as $smiley_row)
      {
         foreach ($smiley_row['smileys'] as $smiley)
           if($aimbox < 5)
           {
            echo '
               <a href="javascript:void(0);" onclick="replaceText(\' ', $smiley['code'], '\', document.forms.', $context['post_form'], '.', $context['post_box_name'], '); return false;"><img src="', $settings['smileys_url'], '/', $smiley['filename'], '" align="bottom" alt="', $smiley['description'], '" title="', $smiley['description'], '" /></a>';
           $aimbox = $aimbox + 1;
           }
           else
           {   
            echo '
            <br />';
            $aimbox = 0;
           }   

         // If this isn't the last row, show a break.
         if (empty($smiley_row['last']))
            echo '<br />';
      }

      // If the smileys popup is to be shown... show it!
      if (!empty($context['smileys']['popup']))
         echo '<br />
               <a href="javascript:moreSmileys();">[', $txt['more_smileys'], ']</a>';
   }
            //FIN SMILES by MarioH www. AimBox.cl
            echo '</center>
            
            </td>

Ahora suban el archivo por FTP, actualicen la pagina y a probar. =) me cuentan como les fue.


Éxito!!!!!!!!

---

---

Updrage

Buenos aquellos que los han probado, y debido a que tienen Smiles demaciado grandes, se les desalinea. aca les dejo un Tips para corregirlo.

NO es necesario, pero si tienes Smiles demasiados grandes o demaciaos smiles, usen este código en vez del de arriba:

Quote//NUEVOS SMILES
               // Now start printing all of the smileys.
   if (!empty($context['smileys']['postform']))
   {
                                //Smiles AimBox
            $aimbox = 0;
            // Show each row of smileys ;-).
            echo ' <center><table align="center" width="150" border="0"><tr>';
      foreach ($context['smileys']['postform'] as $smiley_row)
      {
         foreach ($smiley_row['smileys'] as $smiley)
            if($aimbox < 5)
            {
            echo '
                  <td width="30" height="20">
                  <a href="javascript:void(0);" onclick="replaceText(\' ', $smiley['code'], '\', document.forms.', $context['post_form'], '.', $context['post_box_name'], '); return false;"><img src="', $settings['smileys_url'], '/', $smiley['filename'], '" align="bottom" alt="', $smiley['description'], '" title="', $smiley['description'], '" /></a><td>';
            $aimbox = $aimbox + 1;
            }
            else
            {   
               echo '
               <br /></tr>
               <tr>';
               $aimbox = 0;
            }

         // If this isn't the last row, show a break.
         if (empty($smiley_row['last']))
            echo '<br />';
      }
         echo '</table>';
      // If the smileys popup is to be shown... show it!
      if (!empty($context['smileys']['popup']))
         echo ' <br />
            <a href="javascript:moreSmileys();">[', $txt['more_smileys'], ']</a>';
   }
            //FIN SMILES by MarioH www .AimBox.cl
      echo '</center>

</td>

Ahora en esta parte podran jugar con el espacio entre iconos

Quote<table align="center" width="150" border="0">

este indica el tamaño total de espacio que ocuparan los iconos al lado derecho de la caja de texto

Quote<td width="30" height="20">

y los otros dos
width="30": es el espacio vertical, mientras
height="20": es el espacio horizontal, entre cada icono.





MarioH AimBox (http://www.aimbox.cl) - Mas Mod para smf en mi web

Muchas gracias tio! ^^
gran curro... voy a testearlo ahora mismo^^

salduos

Muchas gracias. Eres un crack.
Ahora lo pruebo :P

La verdad no me sirvio :(

Quote from: NIBOGO on July 20, 2008, 01:32:03 PM
La verdad no me sirvio :(

podrias especificar un poco por que =)

Buenos aquellos que los han probado, y debido a que tienen Smiles demaciado grandes, se les desalinea. aca les dejo un Tips para corregirlo.

NO es necesario, pero si tienes Smiles demasiados grandes, usen este código en vez del de arriba:

Quote//NUEVOS SMILES
               // Now start printing all of the smileys.
   if (!empty($context['smileys']['postform']))
   {
                                //Smiles AimBox
            $aimbox = 0;
            // Show each row of smileys ;-).
            echo ' <center><table align="center" width="150" border="0"><tr>';
      foreach ($context['smileys']['postform'] as $smiley_row)
      {
         foreach ($smiley_row['smileys'] as $smiley)
            if($aimbox < 5)
            {
            echo '
                  <td width="30" height="20">
                  <a href="javascript:void(0);" onclick="replaceText(\' ', $smiley['code'], '\', document.forms.', $context['post_form'], '.', $context['post_box_name'], '); return false;"><img src="', $settings['smileys_url'], '/', $smiley['filename'], '" align="bottom" alt="', $smiley['description'], '" title="', $smiley['description'], '" /></a><td>';
            $aimbox = $aimbox + 1;
            }
            else
            {   
               echo '
               <br /></tr>
               <tr>';
               $aimbox = 0;
            }

         // If this isn't the last row, show a break.
         if (empty($smiley_row['last']))
            echo '<br />';
      }
         echo '</table>';
      // If the smileys popup is to be shown... show it!
      if (!empty($context['smileys']['popup']))
         echo ' <br />
            <a href="javascript:moreSmileys();">[', $txt['more_smileys'], ']</a>';
   }
            //FIN SMILES by MarioH www .AimBox.cl
      echo '</center>

</td>

Ahora en esta parte podran jugar con el espacio entre iconos

Quote<table align="center" width="150" border="0">

este indica el tamaño total de espacio que ocuparan los iconos al lado derecho de la caja de texto

Quote<td width="30" height="20">

y los otros dos
width="30": es el espacio vertical, mientras
height="20": es el espacio horizontal, entre cada icono.

AimBox, Tips, Juegos, Anime y Mas (http://www.aimbox.cl)

No lo he probado pero se ve bastante interesante. Gracias por el aporte  :D

Perfecto!! me funciono al pelo... felicitaciones y gracias por el tuto!!!

Quote from: MarioH on July 20, 2008, 03:35:21 PM

Quote from: NIBOGO on July 20, 2008, 01:32:03 PM
La verdad no me sirvio :(

podrias especificar un poco por que =)

No me sirvio porque quedo como estaba igual eso despues lo miro

joer, como yo queria, mañana lo hagoque es mu tarde ya

GRACIAS!!!

P.D: Ojala hubiera un mod....

Un par de retoque y listo gracias ^^

Quote from: NIBOGO on July 22, 2008, 06:37:29 PM
Un par de retoque y listo gracias ^^

y cuales son esos retoques,por que a mi me pasa como a ti,por que a mi me quedó exactamente igual que estaba.

salu2

EDITO:

arreglado,ya funciona a la perfeccion. GRACIAS.

Eso depende del tema de cada uno , cada uno puede ser diferente y necesitara retoques distintos

esto he probarlo porque usamos mucho los smileys  ;)

Quote from: NIBOGO on July 26, 2008, 01:20:14 PM
Eso depende del tema de cada uno , cada uno puede ser diferente y necesitara retoques distintos

Buenas...
Eso venia a decir pero sin duda es una gran modificación la verdad, hay muchos que despues de salir de ipb o de phpbb no se terminan de acostumbrar a smf por cosas como estas otros simplemente les gusta ahi a la izquierda los smyles.

Por mi parte lo dejo como esta pero igual felicitaciones por animarte a dejar tus modificaciones y compartir.

Saludos (!)

genial lo probare :D

luego edito :)


oki funciona de maravilla grax bro no tuve incovenientes =D 

mu weno compañero

gracias por compartirlo

y  donde pone (mas) , se pueden poner mas categorias de smiles?

Excelente trabajo

Te dejo uns Screen de como quedo!

Saludos

Quote from: sysop666 on September 30, 2008, 12:14:14 PM
Excelente trabajo

Te dejo uns Screen de como quedo!

Saludos

te quedo muy bien, por cierto buenos emoticons tienes

Me gustaría aplicar este mod para la última versión de smf (2.0) pero he estado buscando en las plantillas del theme y los códigos son diferentes, no encuentro ningún código de los que debo buscar para hacer la modificación, ¿alguien sabría como puedo aplicarlo en SMF 2.0?