MyBB Community Forums

Full Version: Smilie side box is overlapping editor field
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
The Smilie side box overlapping post editor field.

Some of the smilies are larger than the stock ones and they extend the smilie selection box past the default boundary resulting in some of the smilies being displayed under the post editor field.

Is there a fix for this?

http://thewatchtowers.com/forums/

Guest posting is enabled so you can take a look at the issue if you have the time to help.

I appreciate it very much.

Quote:Some of the smilies are larger than the stock ones and they extend the smilie selection box
that itself has the solution.. remove those large icons AND the photos
you can use MyCodes to insert fancy things into the post Smile
There are quite a few workarounds for this issue, if you'd really like to keep those big smiles in the smilies insert box. You can add max-width and max-height properties to the smiles or use overflow:auto in the box to add scrolling bars as more space is needed. But the simplest way would be to just resize the smiles. Do you really need those big lime images as smiles? Can't they be used as MyCodes, as suggested by ranjani? But if you really insist on having them, here is my take on it:

1. Open the ./inc/functions.php file in a text editor.

2. In line 2464, find:

$smilies .= "<td style=\"text-align: center\"><img src=\"{$image}\" border=\"0\" class=\"smilie\" alt=\"{$find}\" /></td>\n";

3. Replace with:

$smilies .= "<td style=\"text-align: center\"><img src=\"{$image}\" border=\"0\" class=\"smilie\" alt=\"{$find}\" style=\"max-width: 21px; max-height: 21px;\" /></td>\n";

4. Change 21px (the size of the default MyBB smiles) to the maximum size that a smiley can be in width and height.
(2011-07-08, 08:24 PM)faviouz Wrote: [ -> ]There are quite a few workarounds for this issue, if you'd really like to keep those big smiles in the smilies insert box. You can add max-width and max-height properties to the smiles or use overflow:auto in the box to add scrolling bars as more space is needed. But the simplest way would be to just resize the smiles. Do you really need those big lime images as smiles? Can't they be used as MyCodes, as suggested by ranjani? But if you really insist on having them, here is my take on it:

1. Open the ./inc/functions.php file in a text editor.

2. In line 2464, find:

$smilies .= "<td style=\"text-align: center\"><img src=\"{$image}\" border=\"0\" class=\"smilie\" alt=\"{$find}\" /></td>\n";

3. Replace with:

$smilies .= "<td style=\"text-align: center\"><img src=\"{$image}\" border=\"0\" class=\"smilie\" alt=\"{$find}\" style=\"max-width: 21px; max-height: 21px;\" /></td>\n";

4. Change 21px (the size of the default MyBB smiles) to the maximum size that a smiley can be in width and height.

Thank you I will give it a shot. I think I will try 48px

Edit: Worked like a charm again thanks :-)