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.

Fancy Group and User Colors

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Solved Fancy Group and User Colors

Post by AlexxRPGHITSKINS on June 8th 2015, 7:09 pm

First topic message reminder :

Okay, so I realize there is a section to this site that explains how to add glows to groups and usernames but I am talking about doing something like this:







Can anyone shed some light on this please?


Last edited by AlexxRPGHITSKINS on June 15th 2015, 6:34 pm; edited 1 time in total

AlexxRPGHITSKINS
Forumember

Posts : 37
Reputation : 1
Language : English

http://rpgskinlayouts.forumotion.com/

Back to top Go down


Solved Re: Fancy Group and User Colors

Post by AlexxRPGHITSKINS on June 14th 2015, 6:43 am

This works, but now when I try to add an icon directly right next to it, it won't work.

AlexxRPGHITSKINS
Forumember

Posts : 37
Reputation : 1
Language : English

http://rpgskinlayouts.forumotion.com/

Back to top Go down

Solved Re: Fancy Group and User Colors

Post by Ange Tuteur on June 15th 2015, 11:19 am

Depending where the icon is going ( I'm assuming left ) you would add it to one of the ::before or ::after rules, or even both. You'd want to use background of course, just an example :
Code:
a[href="/g387-forumotion-administrators"] { font-size:0 }

a[href="/g387-forumotion-administrators"]:before {
  content:"Forumotion";
  font-size:11px;
  color:#F60;
  background: url("http://illiweb.com/fa/admin/couronne.png") no-repeat;
  padding-left: 19px;
  padding-top: 2px;
}

a[href="/g387-forumotion-administrators"]:after {
  content:" Administrators";
  font-size:11px;
  color:#F93;
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Fancy Group and User Colors

Post by AlexxRPGHITSKINS on June 15th 2015, 3:25 pm

Not working

Code:
a[href="/g13-staff"]:before {
  content:"-Staff";
  font-size:11px;
  color:#000000;
  text-shadow:0 0 1px #313132;
  background: url("http://illiweb.com/fa/admin/couronne.png") no-repeat;
  padding-left: 19px;
  padding-top: 2px;
}

a[href="/g13-staff"]:after {
  content:" Members-";
  font-size:11px;
  color:#000000;
  text-shadow:0 0 1px #313132;
}

This is what it looks like when used



I am trying to get rid of the middle "-Staff-"

AlexxRPGHITSKINS
Forumember

Posts : 37
Reputation : 1
Language : English

http://rpgskinlayouts.forumotion.com/

Back to top Go down

Solved Re: Fancy Group and User Colors

Post by Ange Tuteur on June 15th 2015, 3:30 pm

What's the URL of the forum you're applying this to ?

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Fancy Group and User Colors

Post by AlexxRPGHITSKINS on June 15th 2015, 3:35 pm


AlexxRPGHITSKINS
Forumember

Posts : 37
Reputation : 1
Language : English

http://rpgskinlayouts.forumotion.com/

Back to top Go down

Solved Re: Fancy Group and User Colors

Post by Ange Tuteur on June 15th 2015, 3:47 pm

Oh, make sure you set the font size to 0 for the default texts.
Code:
a[href="/g13-staff"] { font-size:0 }

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Fancy Group and User Colors

Post by AlexxRPGHITSKINS on June 15th 2015, 3:56 pm

Code:
a[href="/g13-staff"] { font-size:0 }
 
a[href="/g13-staff"]:before {
  content:"-Staff";
  font-size:11px;
  color:#000000;
  text-shadow:0 0 1px #313132;
  background: url("http://illiweb.com/fa/admin/couronne.png") no-repeat;
  padding-left: 19px;
  padding-top: 2px;
}

a[href="/g13-staff"]:after {
  content:" Members-";
  font-size:11px;
  color:#000000;
  text-shadow:0 0 1px #313132;
}

I did and it's still giving me the same issue

AlexxRPGHITSKINS
Forumember

Posts : 37
Reputation : 1
Language : English

http://rpgskinlayouts.forumotion.com/

Back to top Go down

Solved Re: Fancy Group and User Colors

Post by Ange Tuteur on June 15th 2015, 5:01 pm

If it's not changing, try adding !important.
Code:
a[href="/g13-staff"] { font-size:0 !important }

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Fancy Group and User Colors

Post by AlexxRPGHITSKINS on June 15th 2015, 5:10 pm

still didn't work. . .

AlexxRPGHITSKINS
Forumember

Posts : 37
Reputation : 1
Language : English

http://rpgskinlayouts.forumotion.com/

Back to top Go down

Solved Re: Fancy Group and User Colors

Post by Ange Tuteur on June 15th 2015, 5:35 pm

Hmm.. that should have worked. Try adding the current rules you're working with to the top of your stylesheet, because an error might be causing it not to work.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Fancy Group and User Colors

Post by AlexxRPGHITSKINS on June 15th 2015, 5:39 pm

it worked thanks!

AlexxRPGHITSKINS
Forumember

Posts : 37
Reputation : 1
Language : English

http://rpgskinlayouts.forumotion.com/

Back to top Go down

Solved Re: Fancy Group and User Colors

Post by SLGray on June 15th 2015, 6:54 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 : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


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