Subforums and Thread highlights for easier forum navigation

Go down

Solved Subforums and Thread highlights for easier forum navigation

Post by PT-Desu on April 26th 2012, 10:23 pm

Hey!

I'm having some problem finding a way to highlight subforums and threads so it's easier for people to navigate the forum.
As of now i have a solid color as background and a image on top.

These are quick edits of possible out comes that im trying to achieve:

border on each subforum/thread:


solid color for each subforum/thread (alternate):



If possible the second option.
Forum link: http://anime-faction.umforum.net/

thx in advance Smile


edit:

After some digging around i found a code that sort of gives me the effect i want, but it also changes stuff above or below the Subforums.

Code:

ul > li:nth-child(odd) { background-color:#2a232d; }
ul > li:nth-child(even) { background-color:#37303a; }

Effect:


As you can see it sort of does what i want, but i don't want the text "View posts since last visit • View your posts • View unanswered posts" to be affected by this.
And i would also like to give it a rounded shape instead of hard 90º corners.

Edit2:

Im surprised i haven't got some help on this yet Confused
Pretty much what i want to achieve it's what this forums use when displaying threads (minus the highlight when i mouse over a thread)
off to get some rest, hopefully i can get some help tomorrow


Last edited by PT-Desu on April 28th 2012, 12:41 am; edited 1 time in total
avatar
PT-Desu
Forumember

Posts : 54
Reputation : 1
Language : Portuguese

Back to top Go down

Solved Re: Subforums and Thread highlights for easier forum navigation

Post by PT-Desu on April 28th 2012, 12:41 am

After a lot of head banging and code testing i finally managed to get what i wanted, so i'm just reporting here in case someone want's this for their forum too.

NOTE: this code doesn't appear to be well supported when it comes to IE (but who uses it anyways Razz)

Here is the code i used

For the main forum index where it shows all subforums
Code:

.forabg li:nth-child(even) {
 
  background-color:#322c34;

  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
*border: 1px solid #101010;
}

and for inside the Forums/Subforums (where the threads are)
Code:

.forumbg li:nth-child(even) {
 
  background-color:#322c34;

  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
*border: 1px solid #100527;
}

The forum if you want to check how it looks like: http://anime-faction.umforum.net/

Feel free to close this Mods Smile
avatar
PT-Desu
Forumember

Posts : 54
Reputation : 1
Language : Portuguese

Back to top Go down

Solved Re: Subforums and Thread highlights for easier forum navigation

Post by Jophy on April 28th 2012, 6:59 am

Thank you for sharing the solution thumleft

Topic Solved & Locked
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum