MyBB Community Forums

Full Version: Newsbar help
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
I've managed to install a newsbar on my index page but when I try to add another one it doesn't show properly.

My site is www.movieflump.com

This is the code for the extra bar:

<p class="newsbar_3399FF">Submit your 10 all-time favourite films <a href="http://www.movieflump.com/Thread-MovieFlump-s-Top-50-Films-Of-All-Time" target="_blank">here</a> </p>
You've not got a CSS class called newsbar_3399FF anywhere. Don't you mean just newsbar...??
(2010-10-22, 10:30 PM)MattRogowski Wrote: [ -> ]You've not got a CSS class called newsbar_3399FF anywhere. Don't you mean just newsbar...??

To change the bar colour.
Jack, the above link help?
Changing the name of the class won't change any of the CSS inside it Undecided How is it supposed to know what's it's supposed to change?? This is just basic CSS. You've got this class for the green bar:

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

Create a new one called newsbar2 or something, and put newsbar2 in the new one instead of newsbar_3399FF.
I've done that but it's still not working.
Why dont you just try this: http://www.mybbextras.com/showthread.php?tid=375

It does all the work for you.
(2010-10-23, 10:48 AM)Janota Wrote: [ -> ]Why dont you just try this: http://www.mybbextras.com/showthread.php?tid=375

It does all the work for you.

Because it might help him learn a bit of CSS.
It is always good to learn to edit your templates and stylesheets than to go for plugins.
Big Grin
(2010-10-23, 10:36 AM)Jack123 Wrote: [ -> ]I've done that but it's still not working.

You haven't, you've not got the newsbar2 class defined anywhere. You need both the classes. Like this:

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

Change the code in newsbar2 to change the colour.
Pages: 1 2