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

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
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 : " }

Ange Tuteur
Forumaster

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

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

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
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.

Ange Tuteur
Forumaster

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

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. [ ]

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
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.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
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

Rhino.Freak
Helper
Helper

Male Posts : 1247
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)

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
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() });
});

Ange Tuteur
Forumaster

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

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.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
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 ?

Ange Tuteur
Forumaster

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

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.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
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.


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
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