Forum Home Enhancements - Newsbar/Announcements

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:

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

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

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

[dandanch]

Thanks, I added the style to my additional.css and not forumhome

[Fatal Hazard]

Okay, it should work either way, for this tutorial I put it in the FORUMHOME

[joeychgo]

Originally Posted by dandanch

Thanks, I added the style to my additional.css and not forumhome

Could you explain how please

[dandanch]

Originally Posted by Fatal Hazard

Okay, it should work either way, for this tutorial I put it in the FORUMHOME

The only reason I put it in additional.css is when I tried forumhome for what ever reason it wouldn't work for me.

Just add the style code to the bottom of additional.css with out the tags:

.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;}

[joeychgo]

oh, I misread the instructions - my mistake.

[Fatal Hazard]

Originally Posted by dandanch

The only reason I put it in additional.css is when I tried forumhome for what ever reason it wouldn't work for me.

Just add the style code to the bottom of additional.css with out the tags:

.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;}

I'm glad you managed to get it working and I am going to add this to the tutorial so if others get the same issue (custom style) then they can hopefully resolve it.


Thanks.

[Fatal Hazard]

Originally Posted by joeychgo

oh, I misread the instructions - my mistake.

No problem, if you have successfully installed it don't forget to mark as installed

[Fatal Hazard]

Originally Posted by joeychgo

Could you explain how please

I've added the additional CSS option to the tutorial.

[stevieb]

all over the shop in vB4.2.0 lol

* uninstalled