[Tutorial] How to add a CSS news bar to your index

[remshad]

can i use note pad to edit

[Matt]

No, don't use notepad, use wordpad, notepad++, something like that, not standard notepad.

[Venom]

what is these
all my code becom link that code

<style&nbsp;type="text/css">&nbsp;
.newsbar_blue&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;#CCCCFF;
&nbsp;&nbsp;&nbsp;&nbsp;border-top:&nbsp;2px&nbsp;solid&nbsp;#000033;
&nbsp;&nbsp;&nbsp;&nbsp;border-bottom:&nbsp;2px&nbsp;solid&nbsp;#000033;
&nbsp;&nbsp;&nbsp;&nbsp;border-left:&nbsp;2px&nbsp;solid&nbsp;#000033;
&nbsp;&nbsp;&nbsp;&nbsp;border-right:&nbsp;2px&nbsp;solid&nbsp;#000033;
&nbsp;&nbsp;&nbsp;&nbsp;text-align:&nbsp;center;
&nbsp;&nbsp;&nbsp;&nbsp;margin:&nbsp;10px&nbsp;auto;
&nbsp;&nbsp;&nbsp;&nbsp;padding:&nbsp;5px&nbsp;20px;
&nbsp;&nbsp;&nbsp;&nbsp;font-weight:&nbsp;bold;
}
</style>

The problem is when you save it the editor is parsing all the spaces as &nbsp; and causing havoc with the css i manually edited all the &nbsp; out and it worked after saving twice

[Legendary]

Ohohoho, my outcome;

[x_Stricken_x]

As it's been said before, don't use standard Notepad. Try Notepad++

[Lo.]

i used DW and i got that too.

[Matt]

Well, the process itself is fine. Try just copying the code in the OP into the template and editing it there...

[Lo.]

Well, the process itself is fine. Try just copying the code in the OP into the template and editing it there...

oh....... that works.


thanks

[Pow-Mia]

I found this to be the same in one of my index templates...

I edited it in the template. i think i had reverted it, and it was fine...

[Psinetic]

I followed this tutorial to the "T", so don't tell me i'm doing it wrong or i'll just tell you to screw off. but this is what i got back after doing this:

-it gave me the little letters within each space, but i got rid of all those by editing it directly.
-the code is displayed at the very top, wtf?
-when i put the php snippet below {$header} it doesn't show anything but the text i entered. no blue anything, just simple plain text.

---

ah, i found it. it's very easy to miss, gotta keep your eyes open.

<style type="text/css"> 

that was shown as this:

<style&nbsp;type="text/css">&nbsp;

Once i changed that everything worked fine. I would suggest anyone having problems with this to check the first line too, it's very easy to miss it.

---

btw your color codes link is dead. here's another one:

http://htmlcolorcodes.org/