Support Forums
Mybb Announcement - Printable Version

+- Support Forums (https://www.supportforums.net)
+-- Forum: Categories (https://www.supportforums.net/forumdisplay.php?fid=87)
+--- Forum: Webmaster Support (https://www.supportforums.net/forumdisplay.php?fid=36)
+---- Forum: Forum Software Help (https://www.supportforums.net/forumdisplay.php?fid=49)
+---- Thread: Mybb Announcement (/showthread.php?tid=346)

Pages: 1 2


Mybb Announcement - RPicard - 10-06-2009

How do I make an announcement with that colored banner that looks like a PM notification?


RE: Mybb Announcement - Alex - 10-06-2009

http://mods.mybboard.net/view/emergency-message-system

I like that mod the most, but it's just css with a little html ;).


RE: Mybb Announcement - RPicard - 10-06-2009

Thanks, if it works +rep. Thumbsup


RE: Mybb Announcement - Alex - 10-06-2009

There is another one but this one has multiple colors so I usually recommend it over the other one.


RE: Mybb Announcement - RPicard - 10-06-2009

Ha ha thanks, I've been looking for that forever. +rep is on the way.


RE: Mybb Announcement - Grizzly - 10-08-2009

I agree with EMS, I'm using it on one of my forums, it's great if you have different announcements to make.


RE: Mybb Announcement - RPicard - 10-08-2009

Yeah I'm using it now.


RE: Mybb Announcement - Omniscient - 12-21-2009

You are better off just adding manual html to the header template. Adding plugins to do someone a template edit can do is a waste of resources.


RE: Mybb Announcement - WMM - 12-21-2009

IMHO I love the one on mybb source I wonder how you get that gradient effect....


RE: Mybb Announcement - Grizzly - 12-22-2009

When adding the CSS you would just make the image and depending on your template, you could make an image, and then add a CSS property (then adding the Div id to your header template) something like:
Code:
.message {
    background: url(images/image.png) top left repeat-x;
    width: 200px;
    color: #000000;
    border: 1px solid #000000;
    border-top: 0;
    margin: auto auto;
    text-align: left;

Then add it to your header template where you want it. Edit width as you want it. You could also remove top left repeat-x if you made the image the actual size you want it to be, I usually do 1px wide by however tall I want it and have the repeat.

You can add a gradient to it. This may not be the exact proper way, but, it works, and if you compress the image when you make it, you wouldn't have much of an added load time/bandwidth usage.