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.

Username description.

View previous topic View next topic Go down

Solved Username description.

Post by Rizi Scotch on Fri 11 Oct 2013, 23:03

Alright I'm in need of another help so i need my username to state its usergroup when I hold the mouse pointer on it like this,
So if my usergroup is General Administrator when I keep the pointer on my username that pops up stating the group name anyway I could do it though a CSS coding?




Last edited by Rizi Scotch on Sun 20 Oct 2013, 20:18; edited 1 time in total

Rizi Scotch
Forumember

Male Posts : 41
Reputation : 2
Language : English

http://dnboys.englishboards.com/

Back to top Go down

Solved Re: Username description.

Post by Rizi Scotch on Sat 12 Oct 2013, 12:10

bump i still need help

Rizi Scotch
Forumember

Male Posts : 41
Reputation : 2
Language : English

http://dnboys.englishboards.com/

Back to top Go down

Solved Re: Username description.

Post by levy on Sat 12 Oct 2013, 13:35

Hello , in this request , we will need to create a new javascript , so, go in Administration Panel -> Modules -> Javascript Management -> create a new javascript tick in all pages or where you want to see and add that

Code:
$(function() {
$('a[href="/u1"] span strong').attr('title','General Administrator');
});
Now , you need to replace only /u1 with the user link , this code is only for /u1 , you can do that and with groups but I'll need your forum url.

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Solved Re: Username description.

Post by Rizi Scotch on Sat 12 Oct 2013, 14:44

candy_fear wrote:Hello , in this request , we will need to create a new javascript , so, go in Administration Panel -> Modules -> Javascript Management -> create a new javascript tick in all pages or where you want to see and add that

Code:
$(function() {
$('a[href="/u1"] span strong').attr('title','General Administrator');
});
Now , you need to replace only /u1 with the user link , this code is only for /u1 , you can do that and with groups but I'll need your forum url.
Yes I need this for groupshttp://dnboys.englishboards.com

my forum url

Rizi Scotch
Forumember

Male Posts : 41
Reputation : 2
Language : English

http://dnboys.englishboards.com/

Back to top Go down

Solved Re: Username description.

Post by levy on Sat 12 Oct 2013, 14:52

Code:
$(function() {
$('a[style="color: #92D11E;"] span strong').attr('title','General Administrator');
});
Try this Very Happy That will do that for all "[ Tech Staff ] " group members

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Solved Re: Username description.

Post by Rizi Scotch on Sat 12 Oct 2013, 15:00

candy_fear wrote:
Code:
$(function() {
$('a[style="color: #92D11E;"] span strong').attr('title','General Administrator');
});
Try this :DThat will do that for all "[ Tech Staff ] " group members
I tried tho didn't work yet no idea what did I do wrong I just copied and pasted the same above code ;o

Rizi Scotch
Forumember

Male Posts : 41
Reputation : 2
Language : English

http://dnboys.englishboards.com/

Back to top Go down

Solved Re: Username description.

Post by SLGray on Sat 12 Oct 2013, 22:13

Is your JavaScript Management on?


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: Username description.

Post by Rizi Scotch on Sun 13 Oct 2013, 08:19

@SLGray wrote:Is your JavaScript Management on?
Yes its on the first code for single users does work but the second code didn't show up any changes.

Rizi Scotch
Forumember

Male Posts : 41
Reputation : 2
Language : English

http://dnboys.englishboards.com/

Back to top Go down

Solved Re: Username description.

Post by Rizi Scotch on Mon 14 Oct 2013, 11:29

I still need help with this plox.

Rizi Scotch
Forumember

Male Posts : 41
Reputation : 2
Language : English

http://dnboys.englishboards.com/

Back to top Go down

Solved Re: Username description.

Post by mangaka on Wed 16 Oct 2013, 07:07

It must be solved by RegExp, Regular Expression Wink

mangaka
Forumember

Female Posts : 121
Reputation : 5
Language : Indonesia
Location : Well

Back to top Go down

Solved Re: Username description.

Post by Rizi Scotch on Wed 16 Oct 2013, 08:42

@mangaka wrote:It must be solved by RegExp, Regular Expression Wink
You could give me the code for it?

Rizi Scotch
Forumember

Male Posts : 41
Reputation : 2
Language : English

http://dnboys.englishboards.com/

Back to top Go down

Solved Re: Username description.

Post by Rizi Scotch on Sat 19 Oct 2013, 20:16

Alright so for in this thread the guy could put a prefix for all the group member usernames through a CSS coding so I guess I'm also in need of a similar coding like that someone please look into this link and help me out Smile
http://help.forumotion.com/t127624-user-name-prefixes-for-entire-user-group

Rizi Scotch
Forumember

Male Posts : 41
Reputation : 2
Language : English

http://dnboys.englishboards.com/

Back to top Go down

Solved Re: Username description.

Post by Ange Tuteur on Sat 19 Oct 2013, 21:57

Hello Rizi Scotch,

It can be done, though I haven't fully tested it I've noticed that it will move the texts around it.

Anyhow modify the color to the group you wish for the effect to be applied and paste it into your stylesheet.

Code:
a span[style="color:#C20000"] strong:hover:after {
 background-color:rgba(0,0,0, 0.5);
 content: "Administrator";
 border-radius:5px;
 font-weight:bold;
 font-size: 10px;
 padding:3px;
 color:#fff;
 position:relative;
 right:67px;
 top:18px;
}
The effect should be similar to this on hover:


You may need to adjust the positioning depending on the size of the words you submit into the content value field. If I improve anything on the code I'll notify you.

EDIT:
I've updated the code some more, I fixed the issue where the hyperlink position would still be present after the username. This was fixed by overlaying the after content over the username. Its actually nigh perfect, which surprised me. Anyhow as I said before you may need to modify the positioning if it isn't positioned correctly.

Use this code instead please:
If you need a demo of the code, I have it enabled here for Admin group.
Code:
a span[style="color:#C20000"] strong:hover:after {
 background-color:rgba(0,0,0, 0.5);
 content: "Administrator";
 border-radius:5px;
 font-weight:bold;
 font-size: 10px;
 padding:2px;
 color:#fff;
 position:relative;
 top:18px;
 white-space: nowrap;
}
a span[style="color:#C20000"] strong:after{
 margin:-34px;
}
If a word is too long or short, you'll have to adjust margin to negate the white space generated.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Username description.

Post by Rizi Scotch on Sun 20 Oct 2013, 12:52

Yup the second code helped me a lot Thank you! and I can use this same way to make a group of usernames into Italic style? Like if I only need the green color usernames to be italic how would I use such a code to make it so? I know how to do it for one user but not sure about how for a group.

Rizi Scotch
Forumember

Male Posts : 41
Reputation : 2
Language : English

http://dnboys.englishboards.com/

Back to top Go down

Solved Re: Username description.

Post by Ange Tuteur on Sun 20 Oct 2013, 19:39

If you were to apply those settings to a group, it would look like this without any pseudos. You just need to add the group color and you're good.

Code:
a span[style="color:#C20000"] strong{
font-style:italic;
}
If you need any help with font/text properties these should help for styling the groups: Font | Text

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Username description.

Post by Rizi Scotch on Sun 20 Oct 2013, 20:11

SethC1995 wrote:If you were to apply those settings to a group, it would look like this without any pseudos. You just need to add the group color and you're good.

Code:
a span[style="color:#C20000"] strong{
font-style:italic;
}
If you need any help with font/text properties these should help for styling the groups: Font | Text
That was really helpful thanks! and this is solved Smile

Rizi Scotch
Forumember

Male Posts : 41
Reputation : 2
Language : English

http://dnboys.englishboards.com/

Back to top Go down

Solved Re: Username description.

Post by SLGray on Mon 21 Oct 2013, 02:52

Topic Solved & Locked


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

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum