This is a feature that is found in SMF, and a lot of MyBB users I know have asked about a similar feature. While this is not a simple preference pane value, it is easy to set up, and anyone should be able to do so.
This is a simple process, and all it requires is editing a bit of your postbit, as well as adding a few lines to your global.css file. I will provide everything you need to add, so there should not be any difficulty.
- Log into your forums Admin area, and go to the Templates and Style page
- Switch to the Templates page
- Expand your theme’s templates
- Expand the post bit templates
- Edit the
postbit_signaturetemplate, and add the following code to the beginning and end of the block ((Don’t overwrite any of the code there, that is perfectly fine. Just add it to the beginning and end.
Beginning:
1 | <div class="signature"> |
End:
1 | </div> |
- Save the template, and switch to the
Themespage. - Click on your theme’s link to edit it, and then click on the top stylesheet entry.
- Enter Advanced edit mode by clicking the link near the top of the page
- At the end of the file, add the following code
1 2 3 4 | .signature img { max-width: 100px; max-height: 100px; } |
-
- You can replace the width an height values with whatever you like.
- Save this setting
And you are now done. Now, any image a user puts in their signature will not break your layout. The image, however, will still load in its entirety, so a large image will take a long time. Unfortunately, there is no way to stop this outside a plugin.
412 views
(No Ratings Yet)
Loading ...
Loading ...
User
I took your code and modified it a little. … works great!
Here’s what I have
postbit_signature Wrote:
<div class="signature">
{$post['signature']}
</div>
global.css Wrote:
.signature {
max-width: 950px;
max-height: 150px;
overflow: auto;
}
So, I didn’t change much on it, but it adds a scrollbar to the sig area if the sig is oversized. example: http://thewordkeeper.com/forum … The overflow feature is what does it. And I took off "img" from class CSS.
The DIV tags didn’t show up in my comment. But they’re the same as what’s in the original post.
I added them.
Use < and >
As in <div>
kicker10BOG@December 22, 2008 5:57 pm said:
cool.
Thanks.
Heh, no problem.