Newsbar/Announcements

[AdminAdmin is verified member.]

What is it?

This is a simply yet very effective newsbar that you can display at the top of your forum. You can display 1 or as many as you like and change the colour and border of each one.


How to Install?


1. Go to AdminCP --> Styles & Templates --> Your Style --> Edit Templates --> Forum Home Templates --> FORUMHOME
2. Find:

{vb:raw headinclude}
    <title>{vb:raw vboptions.bbtitle}</title>
    <script type="text/javascript" src="clientscript/vbulletin_read_marker.js?v={vb:raw vboptions.simpleversion}"></script>

and below place:

[COLOR=#000088][FONT=Monaco]<style[/FONT][/COLOR][COLOR=#660066][FONT=Monaco]type[/FONT][/COLOR][COLOR=#666600][FONT=Monaco]=[/FONT][/COLOR][COLOR=#008800][FONT=Monaco]"text/css"[/FONT][/COLOR][COLOR=#000088][FONT=Monaco]>[/FONT][/COLOR]
[COLOR=#666600].[/COLOR]newsbar [COLOR=#666600]{[/COLOR]    background[COLOR=#666600]:[/COLOR] [COLOR=#880000]#D6ECA6;[/COLOR]    border[COLOR=#666600]-[/COLOR]top[COLOR=#666600]:[/COLOR] [COLOR=#006666]2px[/COLOR] solid [COLOR=#880000]#8DC93E;[/COLOR]    border[COLOR=#666600]-[/COLOR]bottom[COLOR=#666600]:[/COLOR] [COLOR=#006666]2px[/COLOR] solid [COLOR=#880000]#8DC93E;[/COLOR]    text[COLOR=#666600]-[/COLOR]align[COLOR=#666600]:[/COLOR] center[COLOR=#666600];[/COLOR]    margin[COLOR=#666600]:[/COLOR] [COLOR=#006666]10px[/COLOR] [COLOR=#000088]auto[/COLOR][COLOR=#666600];[/COLOR]    padding[COLOR=#666600]:[/COLOR] [COLOR=#006666]5px[/COLOR] [COLOR=#006666]20px[/COLOR][COLOR=#666600];[/COLOR]    font[COLOR=#666600]-[/COLOR]weight[COLOR=#666600]:[/COLOR] bold[COLOR=#666600];[/COLOR][COLOR=#666600]} [/COLOR][COLOR=#000088][FONT=Monaco]</style>[/FONT][/COLOR]

Additionally you can instead add this code to the end of your additional CSS by going to your AdminCP --> Templates & Styles --> YOUR STYLE --> Edit Templates --> Additional CSS. If you decide to do this please make sure you remove the <style> tags so the code would look:

[COLOR=#666600].[/COLOR]newsbar [COLOR=#666600]{[/COLOR]    background[COLOR=#666600]:[/COLOR] [COLOR=#880000]#D6ECA6;[/COLOR]    border[COLOR=#666600]-[/COLOR]top[COLOR=#666600]:[/COLOR] [COLOR=#006666]2px[/COLOR] solid [COLOR=#880000]#8DC93E;[/COLOR]    border[COLOR=#666600]-[/COLOR]bottom[COLOR=#666600]:[/COLOR] [COLOR=#006666]2px[/COLOR] solid [COLOR=#880000]#8DC93E;[/COLOR]    text[COLOR=#666600]-[/COLOR]align[COLOR=#666600]:[/COLOR] center[COLOR=#666600];[/COLOR]    margin[COLOR=#666600]:[/COLOR] [COLOR=#006666]10px[/COLOR] [COLOR=#000088]auto[/COLOR][COLOR=#666600];[/COLOR]    padding[COLOR=#666600]:[/COLOR] [COLOR=#006666]5px[/COLOR] [COLOR=#006666]20px[/COLOR][COLOR=#666600];[/COLOR]    font[COLOR=#666600]-[/COLOR]weight[COLOR=#666600]:[/COLOR] bold[COLOR=#666600];[/COLOR][COLOR=#666600]}[/COLOR]

If you put the CSS in the FORUMHOME you do not put it in the additional.css. The same goes for if you put the CSS in the additional.css you do not put it in the FORUMHOME.
3. Find (in FORUMHOME):

<p id="welcomemessage" class="description">{vb:rawphrase welcome_to_the_x, {vb:raw vboptions.bbtitle}}</p>
    </div>

and below place:

<p class="newsbar"><strong>Latest News:</strong> <a href="http://tuoitreit.vn/THREADURL" target="_blank">Your Important Announcement Here</a></p>

4. Save and enjoy




If you want to have multiple just repeat step 3 by placing the same code below. If you want to have multiple that are different colours then you'll need to duplicate the CSS with different class names (say .newsbar_red) and change the CSS colours accordingly.

If you use this please mark as installed
Support (if any) will be prioritized to those who have this modification marked as installed.
Thanks and Enjoy
Note: Replace tuoitreit.vn with url your site
Good luck!