* User Info

 
 
Welcome, Guest. Please login or register.
Did you miss your activation email?

* Recent Posts

Re: package manager by Jacob
[March 15, 2020, 09:52:22 pm]


Re: How can i create a mysql database by Jacob
[March 15, 2020, 09:49:47 pm]


Re: package manager by SMFNew
[March 15, 2020, 07:42:01 pm]


package manager by dofferz
[March 15, 2020, 03:12:36 pm]


Re: How can i create a mysql database by SMFNew
[March 15, 2020, 11:37:10 am]


Re: How can i create a mysql database by AbilayHan
[March 15, 2020, 11:34:13 am]


Re: How can i create a mysql database by SMFNew
[March 15, 2020, 11:31:02 am]


How can i create a mysql database by AbilayHan
[March 15, 2020, 11:30:29 am]


SSL Cheaper option now for custom domain users! by SMFNew
[February 26, 2020, 11:17:04 pm]


Re: I need help by Jacob
[February 22, 2020, 03:42:41 am]

* Poll

  • Have you noticed better loading times?
  • Dot YES! My forum loads instantly!
  • 53 (33%)
  • Dot I have much better loading times
  • 20 (12%)
  • Dot I have noticed my forum loads a tiny bit faster than before
  • 22 (13%)
  • Dot I have not noticed any changes
  • 64 (40%)
  • Total Members Voted: 150
  • View Topic

* Twitter

Keep up to date with SMFNew by following us on twitter!

Author Topic: [Tutorial] How to add a CSS news bar to your index  (Read 2647 times)

0 Members and 1 Guest are viewing this topic.

Offline Kamran Saleem

  • Member
  • Posts: 28
  • Reputation: +0/-0
    • View Profile
[Tutorial] How to add a CSS news bar to your index
« 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

Offline Shawn

  • Member
  • Posts: 282
  • Reputation: +6/-0
  • Old Support Staff
    • View Profile
[Tutorial] How to add a CSS news bar to your index
« Reply #1 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.
Ex-Support Staff Member

Offline Kamran Saleem

  • Member
  • Posts: 28
  • Reputation: +0/-0
    • View Profile
[Tutorial] How to add a CSS news bar to your index
« Reply #2 on: May 03, 2009, 04:49:47 am »
If you like my tutorial i will updated new tutorials

 

SimplePortal 2.3.7 © 2008-2020, SimplePortal