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.

Different Legend Style

View previous topic View next topic Go down

Solved Different Legend Style

Post by Ramdaman on August 29th 2014, 9:14 am

I remember seeing on some different forum software that the legend was displayed like the following.

Group 1 Group 2 ETC

I was wondering if there was a code for that. Thanks.


Last edited by Ramdaman on August 30th 2014, 11:22 pm; edited 1 time in total
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Different Legend Style

Post by Ange Tuteur on August 29th 2014, 9:43 am

Hello Ramdaman,

Add the following rules to your stylesheet :
Display > Colors > CSS stylesheet

Code:
b > p em { font-size:0 }
b > p em b { font-size:12px }
b > p em b:after { content:" " }
b > p em b:last-child:after { content:"" }
b > p em b:first-child:before { content:"Legend : " }
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2881
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different Legend Style

Post by Ramdaman on August 29th 2014, 2:45 pm

Oh goody! (Looks like coding has no limit)

Is there also a code where groups are unclickable? And when your mouse hovers over the group it displays the group name in text right under the mouse? Thank you Smile


Last edited by Ramdaman on August 30th 2014, 7:06 pm; edited 1 time in total
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Different Legend Style

Post by Ange Tuteur on August 29th 2014, 2:50 pm

To do that you'd most like need to write a JavaScript. Of course with the hover part you could use CSS content.
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2881
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different Legend Style

Post by Ramdaman on August 29th 2014, 2:50 pm

Right but I'm not a coder, lol Razz

Edit: the code you previously gave me did not contain a CSS to remove brackets. [ ]
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Different Legend Style

Post by Ramdaman on August 30th 2014, 4:14 pm

Bump, still need help.
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Different Legend Style

Post by Rhino.Freak on August 30th 2014, 6:32 pm

Code:
b > p em { font-size:0 !important; }
b > p em b { font-size:12px }
b > p em b:after { content:" " }
b > p em b:last-child:after { content:"" }
b > p em b:first-child:before { content:"Legend : " }

Try this
avatar
Rhino.Freak
Helper
Helper

Male Posts : 1248
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Solved Re: Different Legend Style

Post by Ramdaman on August 30th 2014, 7:05 pm

@Ramdaman wrote:Oh goody! (Looks like coding has no limit)

Is there also a code where groups are unclickable? And when your mouse hovers over the group it displays the group name in text right under the mouse? Thank you Smile

Great! That works.

Now for one last request. (Look at quote Smile)
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Different Legend Style

Post by Ange Tuteur on August 30th 2014, 10:22 pm

Administration Panel > Modules > JavaScript codes management > Create a new script

Title : your choice
Placement : In the homepage
Paste the code below and submit :
Code:
$(function() {
 $('p em a.gensmall').click(function() { return false });
 $('p em a.gensmall').mouseover(function(e) { $('body').append('<div id="theTip" style="position:fixed;z-index:5;left:'+e.clientX+'px;top:'+e.clientY+'px;background:#FFF;border:1px solid #EEE;box-shadow:1px 1px 2px #000;border-radius:4px;padding:3px;color:#000;">'+$(this).text()+'</div>') });
 $('p em a.gensmall').mouseout(function() { $('#theTip').remove() });
});
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2881
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different Legend Style

Post by Ramdaman on August 30th 2014, 11:04 pm

Thank you so much,

(One last thing, I promise.) Is there a way if you hover over a users name, that the displayed group that user is in will show in text by your cursor? Thanks.
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Different Legend Style

Post by Ange Tuteur on August 30th 2014, 11:09 pm

I believe you should open a new topic for your question, since this does not have to do with the legend style. Your problem in the first post is solved, no ?
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2881
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different Legend Style

Post by Ramdaman on August 30th 2014, 11:16 pm

Yes, solved mam.
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Different Legend Style

Post by SLGray on August 30th 2014, 11:23 pm

Topic solved and archived


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40884
Reputation : 2776
Language : English
Location : United States

https://fmthemes.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