The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Subforums and Thread highlights for easier forum navigation

View previous topic View next topic 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

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

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

Jophy
ForumGuru

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

Back to top Go down

View previous topic View next topic Back to top


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