Aligning smileys

New Member Joined: Oct 19, 2003 Posts: 5

The guestbook works great! Just wondering if it's possible to align the list of smiley properly, ideally in tables. So the smiley won't be all mangle together.

Thanks!

Site Admin/Owner Joined: Aug 27, 2002 Posts: 17088

"mangle together"? I hadn't noticed that, but you have complete control over that. Just modify the showsmileys.php file.

Posted: Sun Oct 19, 2003 7:54 pm

Oh.. I have a screenshot, notice they smiley are not properly aligned and they are pretty messy. I am not expert in coding php. Is there any way I can put them into their own cell of a table?

Thanks Raven!

Posted: Mon Oct 20, 2003 6:42 am

Because animated smileys can have varying widths, any table you make could grow large. For instance, the wave smileys is probably the widest in the ones I offer.

Anyway, I will give you the code to do what you are asking. You may have to tweak it to get your final desire results. Find this code in showsmileys.php on or around line 31

Code:

echo "<body><form><table cellspacing=\"0\" cellpadding=\"0\"><tr><td id=\"tdadd\" colspan=\"2\" align=\"center\"><b>$label_smiley_message</b></td></tr><tr><td id=\"tdadd\">";


while ($file_name = readdir($dir)) {


   if ($file_name == '.' || $file_name == '..') continue;


   $cnt++;


   echo "<a  href='javascript:void(0);' onClick='msa++;if (msa<=$max_smileys_allowed){opener.document.$form_name.comments.value=opener.document.$form_name.comments.value+\"<img src=smilies/$file_name>&nbsp;\";if (this.blur) this.blur();return false;} else {alert(\"$label_smiley_message\");return false;}' /><img border=\"0\" src=$path_to_images/smilies/$file_name alt=\"Smiley\" title=\"Smiley\" /></a>&nbsp;";


   if ($cnt > 6) {


      $cnt = 0;


      echo "</td></tr><tr><td id=\"tdadd\">";


   }


}

and modify it to

Code:

echo "<body><form><table cellspacing=\"0\" cellpadding=\"0\"><tr><td id=\"tdadd\" colspan=\"2\" align=\"center\"><b>$label_smiley_message</b></td></tr><tr>";


while ($file_name = readdir($dir)) {


   if ($file_name == '.' || $file_name == '..') continue;


   $cnt++;


   echo "<td id=\"tdadd\"><a  href='javascript:void(0);' onClick='msa++;if (msa<=$max_smileys_allowed){opener.document.$form_name.comments.value=opener.document.$form_name.comments.value+\"<img src=smilies/$file_name>&nbsp;\";if (this.blur) this.blur();return false;} else {alert(\"$label_smiley_message\");return false;}' /><img border=\"0\" src=$path_to_images/smilies/$file_name alt=\"Smiley\" title=\"Smiley\" /></a>&nbsp;</td>";


   if ($cnt > 6) {


      $cnt = 0;


      echo "</tr><tr>";


   }


}

Posted: Mon Oct 20, 2003 7:07 am

Thanks Raven!! It looks much better now. Smile

I have moved the title in front of the <form> so it can be centered on its own.

Thanks again! Very Happy