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
avatar
Van-Helsing
Hyperactive

Male Posts : 2261
Reputation : 85
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
avatar
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.

avatar
Van-Helsing
Hyperactive

Male Posts : 2261
Reputation : 85
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
avatar
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.

avatar
SLGray
Administrator
Administrator

Male Posts : 38244
Reputation : 2576
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/
avatar
Van-Helsing
Hyperactive

Male Posts : 2261
Reputation : 85
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
avatar
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.

avatar
Van-Helsing
Hyperactive

Male Posts : 2261
Reputation : 85
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
avatar
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; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13084
Reputation : 2758
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
avatar
Van-Helsing
Hyperactive

Male Posts : 2261
Reputation : 85
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
avatar
Ange Tuteur
Forumaster

Male Posts : 13084
Reputation : 2758
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