The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How to make Staff Icons, I know there is a way, but i can't find it.

+2
SLGray
SpyroDragon
6 posters

Page 2 of 2 Previous  1, 2

Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon December 15th 2015, 5:43 am

First topic message reminder :

How to make separate staff icons for the members.
like if one is a Red Elder, And one is a blue elder, and one is a Green Elder..
to have that separate color indicator next to their name in the member list.

Or if you guys can just help me look exactly like this.
" This was photoshoped to look like exactly the way I want it "



www.SpyroDragon.com for the web link.

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Staffi10


Last edited by SpyroDragon on January 28th 2016, 6:53 am; edited 2 times in total
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down


How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by Take Notes January 28th 2016, 5:21 am

I think I understand the issue you are facing, something with Chrome I believe. When you copy it, look how you are coping extra space on the very left, it highlights parts without even text. Try coping each line or another browser, that should fix your issue.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon January 28th 2016, 5:22 am

Can you take a screenshot of it on your side, maybe ill copy it letter by letter.
and edit it on paint with the number of spaces
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by Take Notes January 28th 2016, 5:25 am

It shows up the same as yours, but look at your video when you copy the code. For each line, copy and then paste, don't copy the whole thing.

Each line is represented by a number.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon January 28th 2016, 5:32 am

Copying every line indvidualy changed the spacing as you can see int he screenshot but its still repeating.

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Close210
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by Take Notes January 28th 2016, 5:35 am

Your code looks different again. Do you have another browswer you can use? Also, when you copied every line, did you select even the extra space on the left without moving into the left column of the code?
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon January 28th 2016, 5:45 am

Yes, and i tried Chrome and Exploar , im downloading firefox atm.
i will edit this post to let you know the results.


SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by Take Notes January 28th 2016, 5:50 am

Try typing the code:
Code:
a span[style="color:#000000"] strong {
    background:url(IMAGE LINK HERE) no-repeat;
    padding-left:16px;
}

Hit the spacebar 4 times on lines 2 and 3.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon January 28th 2016, 5:59 am

I tried it on Exploar, Chrome, and i downloaded firefox and tried it on it, and it still is repeating. how about i let you have AP for a few minutes and let you try yourself?
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by Take Notes January 28th 2016, 6:01 am

Okay, heading to bed soon so be very quick. Please send me a test account with admin controls, not your account via private message. Also, please delete the code that you have in Administration Panel that isn't working.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon January 28th 2016, 6:06 am

WOWOW wait a minute, it works on your test account?
Why is it showing 2 for me?


BUMM BUMM BUMM....
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by Take Notes January 28th 2016, 6:08 am

Wow lol! I will take a look.
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon January 28th 2016, 6:09 am

I figured it out, it was because i had 2 Groups with the same Color Code.

*** FACE PALM ***

[Solved]

Thanks for the help
@Forumedic


Acualy Not Solved.. its still repeating for me..??
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon January 28th 2016, 6:13 am

Can Someone Unsolv this?
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by Take Notes January 28th 2016, 6:18 am

SpyroDragon wrote:Can Someone Unsolv this?
Private message SLGray.

Also, can you please give the test account admin permissions so I can take a better look tomorrow on why this is happening?
Take Notes
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon January 28th 2016, 6:45 am

I found out that its because i have a custom name color.
I tested it on one of my staff members , it worked. When i gave my staff member a custom name color, it Repeated itself.
Least we narrowed it down to what is causing this.

Something about this javascript code is causing it to clone a 2nd staff icon.

Code:
$(function(){
  multiColor(1, '<strong><font color="#ffffff">Sp</font><font color="#00ffff">yr</font><font color="#999999">o</font><font color="#00ffff"> ▀█▀ </font><font color="#ffffff">Dr</font><font color="#00ffff">ag</font><font color="#999999">on</font></strong>');

  multiColor(130, '<strong><font color="#00ff99">ᴛᴡɪʟɪ</font><font color="#0F0F0F">▀█▀</font><font color="#00ff99">ᴅʀᴀɢᴏɴ</font></strong>');
 
  function multiColor(id, html){$('a[href="/u'+id+'"] strong').not(function(){return $("img",this)[0]}).html(html)}
});

$(function(){
  multiColor(404, '<strong><font color="#00ffcc">Elviskiller </font></strong>');
 
  function multiColor(id, html){$('a[href="/u'+id+'"] strong').not(function(){return $("img",this)[0]}).html(html)}
});
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon January 29th 2016, 5:56 pm

Bump
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by Ape January 29th 2016, 6:46 pm

the only change that i can see of the 2 codes is that the member has added a new color
and the img that is all has changed.

Give this a try Wink
Code:
a span[style="color:#000000"] strong {    background:url(IMAGE LINK HERE); 
background-repeat:no-repeat !important;
padding-left:16px;}


How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Left1212How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Center11How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Right112
How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Ape_b110
How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon February 1st 2016, 5:42 pm

Still Repeats
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by Ange Tuteur February 1st 2016, 10:04 pm

Hmm.. try taking out the reference to the
Code:
strong
tag.
Code:
a > span[style="color:#000000"] {
  background:url(IMAGE LINK HERE);
  background-repeat:no-repeat !important;
  padding-left:16px;
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon February 2nd 2016, 4:18 am

Well that got it to stop repeating, but it moved it up Higher, is there a way to lower it ?
How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Almost10


I found that its a browser issue, chrome their lined perfect.. on Exploar its moved up like that.
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by Ape February 2nd 2016, 5:48 am

Add A padding top or bottom to the CSS code

Some thing like this
Code:
padding-top: 20px;
You can also do a -20px
So you don't have to change the
code Wink

I was going to test it but your Sites closed Razz


How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Left1212How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Center11How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Right112
How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Ape_b110
How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon February 2nd 2016, 7:01 am

Yea Sorry about that, i don't want guest looking at it while im in the process of changing things.
id rather them look at it when im done editing.

and i tried the code, it seems to do nothing, and i also realized that
its messing up on Exploar, but is in the perfect position on chrome.
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by Ape February 2nd 2016, 7:03 am

its a common problem with IE if you ask me its a crap browser always has always will be.

I'm sorry i am not any good at fixing IE browser codes Sad


How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Left1212How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Center11How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Right112
How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Ape_b110
How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

How to make Staff Icons, I know there is a way, but i can't find it. - Page 2 Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon February 3rd 2016, 7:24 pm

So is there any way to fix it on IE , but not mess with it on chrome?
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

Page 2 of 2 Previous  1, 2

Back to top

- Similar topics

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