* User Info

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

* Recent Posts

Re: What are you listening to? by Stelios
[July 16, 2023, 08:54:53 am]


Re: What are you listening to? by Stelios
[July 16, 2023, 08:52:34 am]


Re: What are you listening to? by Jacob
[July 12, 2023, 01:59:53 am]


Re: What are you listening to? by Dagger
[July 06, 2023, 04:11:15 pm]


Re: Cannot Register on Support Forum by Jacob
[June 01, 2023, 01:09:08 am]


Re: Cannot Register on Support Forum by SMFNew
[May 21, 2023, 10:22:14 am]


Cannot Register on Support Forum by Stelios
[May 21, 2023, 06:45:30 am]


Re: Forum Profile Signature Error by SMFNew
[January 19, 2023, 10:26:49 pm]


Re: Forum Profile Signature Error by MangoMochi
[January 19, 2023, 10:24:45 pm]


Re: Forum Profile Signature Error by SMFNew
[January 19, 2023, 01:57:05 pm]

* 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 3784 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-2024, SimplePortal