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.

Drop Down Menu for the Share Buttons in the Toolbar

View previous topic View next topic Go down

Solved Drop Down Menu for the Share Buttons in the Toolbar

Post by SLGray on October 14th 2015, 6:06 am

Technical Details


Forum version : #PunBB
Position : Founder
Concerned browser(s) : Mozilla Firefox
Who the problem concerns : All members
Forum link : http://fmthemes.forumotion.com/

Description of problem

I was wondering if it is possible to add a drop down menu for the share buttons in the toolbar.


Last edited by SLGray on October 14th 2015, 11:10 am; edited 1 time in total

SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Drop Down Menu for the Share Buttons in the Toolbar

Post by Ange Tuteur on October 14th 2015, 10:54 am

Hi @SLGray,

Yes that should be possible ! Smile

Try adding the following rules to your stylesheet.
Code:
#fa_share {
  background:#333;
  text-align:center;
  width:80px;
  height:30px;
  overflow:hidden;
}

#fa_share:hover {
  background:#FFF;
  border:1px solid #333;
  border-top:none;
  height:auto;
  position:absolute;
}

#fa_share:hover #fa_share_text { color:#333 !important }
#fa_fb { margin:0 !important }

This should collapse the share container and show the buttons when you hover over it.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Drop Down Menu for the Share Buttons in the Toolbar

Post by SLGray on October 14th 2015, 10:58 am

It did create the drop down menu, but it is missing something. I really do not know if the members would know to hover over the share text.


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


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Drop Down Menu for the Share Buttons in the Toolbar

Post by Ange Tuteur on October 14th 2015, 11:05 am

You can try to make it appear similar to a link by underlining the texts. That's normally how text and links are distinguishable if they're the same color.
Code:
#fa_share_text { font-size:0 }
#fa_share_text:after {
  content:"Share";
  font-size:16px;
  text-decoration:underline;
  margin:0 6px;
}

#fa_share:hover #fa_share_text:after { text-decoration:none }

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Drop Down Menu for the Share Buttons in the Toolbar

Post by SLGray on October 14th 2015, 11:10 am

Thanks. It worked perfectly.

Topic solved and archived


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


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.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