Current date/time is April 27th 2024, 12:32 am

Search found 2 matches for pun-navlinks

Gaps in navbar.

OK first off find this code in your CSS Stylesheet by using the search button:


#pun-navlinks li a

and then use this code to evenly space out the links evenly:


Code:
#pun-navlinks li a {
    margin: 0px 12em 0px 0px;
    padding-left: 20px;
    padding-right: 20px;
}
by Mr. Eddster
on January 12th 2015, 1:09 am
 
Search in: Garbage
Topic: Gaps in navbar.
Replies: 2
Views: 843

CSS Tutorial for your forums

CSS Tutorial for your forums



Quick CSS tutorial to make your forum look smarter.

Throughout the forum CSS has been referred to, to make text larger, smaller and to
align text and tables however it can also be used to clean and hide
certain parts of the forum. Relatively easy to use, CSS only hides the
forum sections to make it look cleaner rather than deleting sections
just in case you change your mind later.

1. Log into your forum and access the “Administrator Panel
2. Select “Display
3. Select “Colors
4. You should now be able to select the “CSS Style Sheet” tab

! The sheet will be blank if you have not used this before!


5. Once you selected the relevant text from below simply add the text to this section and press “Submit”, this will be reflected on your forum immediately.

Phpbb2:

Hide "Who Is Online" Text:
Spoiler:


Hide "Time & Date, legend bar and text":
Spoiler:




Phpbb3:

Hide "Legend bar"
Spoiler:


Hide "Stats"
Spoiler:


Hide "Last post"
Spoiler:


Hide "Navbar"
Spoiler:


Punbb:


Hide "Legend Bar"
Spoiler:


Hide "Online list"
Spoiler:


Hide "Time & Date"
Spoiler:


Change "navigation background colour"

Colour background:
Spoiler:


Or

Image background:
Spoiler:


Craig


by Nessa
on July 23rd 2008, 12:12 pm
 
Search in: Tips & Tricks
Topic: CSS Tutorial for your forums
Replies: 1
Views: 14169

Back to top

Jump to: