CSS Tutorial for your forums Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
2 posters

    CSS Tutorial for your forums

    Nessa
    Nessa
    Energetic


    Female Posts : 6203
    Reputation : 128
    Language : English

    Tutorial CSS Tutorial for your forums

    Post by Nessa Wed 23 Jul - 13:12

    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

    trajce likes this post

    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15167
    Reputation : 1696
    Language : English,Greek
    Location : Greece

    Tutorial Re: CSS Tutorial for your forums

    Post by skouliki Mon 10 Feb - 14:35

    This code was updated to fit in with the new HTTPS address

    updated 10.02.2020 by skouliki