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.

How can I make hover on board index and subforums

View previous topic View next topic Go down

Solved How can I make hover on board index and subforums

Post by Van-Helsing on April 17th 2014, 9:31 am

Good morning dear all,
How can I make this type of hover in board index and in subforums http://prntscr.com/3arhxj ? My Forum version is PunBB.

Best Regards,
Dark-Avenger


Last edited by Dark-Avenger on April 18th 2014, 12:04 am; edited 1 time in total

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make hover on board index and subforums

Post by Pizza Boi on April 17th 2014, 5:20 pm

Hi Very Happy

Still on phone and hating it lol...

Anyway, press F12 on your keyboard and check the selectors. Once found, change it to something like:

Code:
.selector:hover {
  background-color: color !important;
}

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How can I make hover on board index and subforums

Post by Van-Helsing on April 17th 2014, 5:51 pm

@Pizza Boi wrote:Hi Very Happy

Still on phone and hating it lol...

Anyway, press F12 on your keyboard and check the selectors. Once found, change it to something like:

Code:
.selector:hover {
 background-color: color !important;
}

Regards,
Pizza Boi

Hi Pizzaboi,
I found and tried the .tr selector (if I search it correct) but its not working Sad
There are four columns there.


Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make hover on board index and subforums

Post by Pizza Boi on April 17th 2014, 5:55 pm

Hi Very Happy

You must highlight each column using the element thing (can't remember clearly) in Firefox. If uou are using Chrome, highlight that portion and then right click on your mouse and click on Inspect Element (F12).

Check each and apply the code.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How can I make hover on board index and subforums

Post by SLGray on April 17th 2014, 9:16 pm

Please post your forum's link.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: How can I make hover on board index and subforums

Post by Van-Helsing on April 17th 2014, 9:27 pm

@SLGray wrote:Please post your forum's link.
Hi SLGray,
Here it is
Spoiler:
Code:
http://linux-team.forumgreek.com/

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make hover on board index and subforums

Post by Pizza Boi on April 17th 2014, 9:30 pm

Hi Very Happy

Hey bro! Have you seen it yet? If not, Imma check it out when I can Wink.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How can I make hover on board index and subforums

Post by Van-Helsing on April 17th 2014, 10:09 pm

@Pizza Boi wrote:Hi Very Happy

Hey bro! Have you seen it yet? If not, Imma check it out when I can Wink.

Regards,
Pizza Boi
Hi I have create this code
Code:
td.tc_forum:hover, td.tc2:hover, td.tc3:hover, td.tcr:hover {
background-color: blue !important;
}
but it is hovering on each cell not on all of the row.


Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make hover on board index and subforums

Post by Pizza Boi on April 17th 2014, 10:16 pm

Hi Very Happy

Okay, I will take a look provided Imma be on pc later.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How can I make hover on board index and subforums

Post by Ange Tuteur on April 17th 2014, 11:58 pm

Hello dark avenger,

You must first make your cells(TD) backgrounds transparent. Once you have done that you will be able to see the hover color from your rows(TR).

Try this :
Code:
tbody.statused td { background:none !important; }

tbody.statused tr:hover { background:red; }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I make hover on board index and subforums

Post by Van-Helsing on April 18th 2014, 12:03 am

Thank you very very much Ange its solved.

Best Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make hover on board index and subforums

Post by Ange Tuteur on April 18th 2014, 12:29 am

You're welcome I love you

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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