SMFNEW Support Forum

Your Forum => Tips & Resources => Outdated (Closed for posting) => Topic started by: Kamran Saleem on April 27, 2009, 02:54:25 am

Title: [Tutorial] How to add a CSS news bar to your index
Post by: Kamran Saleem on April 27, 2009, 02:54:25 am

How you can do it just see here
Go to 'ACP --> Templates & Style --> Templates --> **expand template set** --> Index Templates --> index'. Find:

Code: [Select]

{$headerinclude}
And directly underneath, add this code:

Code: [Select]

This will give a light blue background with a dark blue border. Colours should be in HEX code format; colour codes can be found here. All of this is fully customizable, this is just an example. This particular style is called 'newsbar_blue'. To add the newsbar to your index, add this code wherever you want it (normally under {$header}):

Code: [Select]

Whatever you want here

Here, you must make sure the name is the same as the name given to the CSS code. You can put anything you want where it says, and format it with HTML. For example, you could have:

Code: [Select]

Forum: GSM POWER

You can add multiple CSS blocks and multiple newsbars.

Enjoy

Title: [Tutorial] How to add a CSS news bar to your index
Post by: Shawn on May 02, 2009, 03:55:14 pm

Great tutorial!

I might use it someday, if I ever need to say some news.

Thanks,
-Technoscubed.

Title: [Tutorial] How to add a CSS news bar to your index
Post by: Kamran Saleem on May 03, 2009, 04:49:47 am

If you like my tutorial i will updated new tutorials