Well this is a pretty simple code. First of all, part of the code is the newsbar plugin, which is listed below:
1. In MyBB 1.4.x, go to Admin CP --> Templates & Style --> Templates --> *expand your template set* --> Index Page Templates --> index. If you are using MyBB 1.2.x, go to Admin CP --> Templates --> Modify / Delete --> Expand your template set --> Index Page Templates --> index
2. Find:
3. Add after:
Code:
<style type="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>
4. Change the colors above to the colors of your choice if you wish.
5. Find:
6. Add after:
Code:
<p class="newsbar">Your Important Announcement Here</p>
For multiple news bars, repeat step 6. For multiple news bars in different colours, you'll need to duplicate the CSS with a different class name (say .newsbar_red) and change the CSS colours accordingly. Then you will need to use
Code:
<p class="newsbar_red">...</p>
for example in your code.
Global
For the bar to show up on all pages, follow this procedure:
1. In MyBB 1.4.x, go to Admin CP --> Templates & Style --> Templates --> *expand your template set* --> Ungrouped Templates --> headerinclude. If you are using MyBB 1.2.x, go to Admin CP --> Templates --> Modify / Delete --> Expand your template set --> headerinclude
2. At the end of the template, add:
Code:
<style type="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>
3. Change the colors above to the colors of your choice if you wish.
4. In MyBB 1.4.x, go to Admin CP --> Templates & Style --> Templates --> *expand your template set* --> Header Templates --> header. If you are using MyBB 1.2.x, go to Admin CP --> Templates --> Modify / Delete --> Expand your template set --> header
5. At the end of the template, add:
Code:
<p class="newsbar">Your Important Announcement Here</p>
For multiple news bars, repeat step 6. For multiple news bars in different colours, you'll need to duplicate the CSS with a different class name (say .newsbar_red) and change the CSS colours accordingly. Then you will need to use
Code:
<p class="newsbar_red">...</p>
for example in your code.
The Second part of it is a scrolling marquee code
Code:
<MARQUEE>
Hi There! <IMG SRC="graphics/idocs.gif" HEIGHT=33 WIDTH=82 ALT="Idocs Guide to HTML">
</MARQUEE>
So basically put your news item in that, and then paste it in the above code for it to be just like what we have at mybbsource.