Newsbar/Announcements

Newsbar/Announcements

Mod Version: 1.00, by Fatal Hazard

vB Version: 4.2.1	Rating: (4 votes - 4.50 average)	Installs: 14
Released: 30 Jul 2013	Last Update: Never	Downloads: 0
Not Supported Template Edits Re-usable Code Translations

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:

Code:

{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:

Code:

<styletype="text/css">
.newsbar {    background: #D6ECA6;    border-top: 2px solid #8DC93E;    border-bottom: 2px solid #8DC93E;    text-align: center;    margin: 10px auto;    padding: 5px 20px;    font-weight: bold;} </style>

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:

Code:

.newsbar {    background: #D6ECA6;    border-top: 2px solid #8DC93E;    border-bottom: 2px solid #8DC93E;    text-align: center;    margin: 10px auto;    padding: 5px 20px;    font-weight: bold;}

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):

Code:

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

and below place:

Code:

<p class="newsbar"><strong>Latest News:</strong> <a href="http://yoursitehere.com/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

Download

No files for download.

vBulletin LTS