News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

[Aporte] Smile Tipo IPB

Started by MarioH, July 20, 2008, 06:52:45 AM

Previous topic - Next topic

MarioH

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



imagen "0"

Pueden verlo funcionando en mi foro (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.


Imagen "1"

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.


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)


Imagen "3"

Paso 3:

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


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" 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 - Mas Mod para smf en mi web

AimBox Comunidad online, Jugos, Anime, Warez.
[Aportes]: Ordenar SubForos || Smiles Tipo IPB || Agreement.txt ||

~BeneKiD

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

salduos
Quote from: http://www.territoriodd.com
TERRITORIODD.com Descargas Directas de las ISOS, CSO y ROMS de PSP NDS Wii X360, PELICULAS, SERIES MUSICA y SOFTWARE... Todo lo necesario totalmente GRATIS!!

-PS3
-Playstation Portable
-Nintendo DS
-Nintendo Wii
-Xbox 360
-iOS & Android


HTTP://WWW.TERRITORIODD.COM
Quote from: Visitanos!

Neipol

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


MarioH

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

podrias especificar un poco por que =)

AimBox Comunidad online, Jugos, Anime, Warez.
[Aportes]: Ordenar SubForos || Smiles Tipo IPB || Agreement.txt ||

MarioH

#5
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

AimBox Comunidad online, Jugos, Anime, Warez.
[Aportes]: Ordenar SubForos || Smiles Tipo IPB || Agreement.txt ||

M-DVD

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

NicKCramleT

Perfecto!! me funciono al pelo... felicitaciones y gracias por el tuto!!!
Comunidad Down-ALL ONLINE!!!
www.downallnow.com

Aportes:

Favicon sin Mod
Traducir MODs


jesusanz

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

GRACIAS!!!

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


Sergioropase

#11
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.


MariaDolors

esto he probarlo porque usamos mucho los smileys  ;)
Preguntas Frecuentes:SMF FAQ

Mi versión de smf es 1.1.14 classic.
No se nada de nada de informática pero aprendo toqueteando por el interior del foro.
No pongo mi url aquí porque se me llena de salidos el lugar, snif

4Kstore

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 (!)

¡¡NEW MOD: Sparkles User Names!!!

S3R0

#15
genial lo probare :D

luego edito :)


oki funciona de maravilla grax bro no tuve incovenientes =D 



matasanos

mu weno compañero

gracias por compartirlo

EsThI_

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

sysop666

Excelente trabajo

Te dejo uns Screen de como quedo!

Saludos

MarioH

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

AimBox Comunidad online, Jugos, Anime, Warez.
[Aportes]: Ordenar SubForos || Smiles Tipo IPB || Agreement.txt ||

Advertisement: