HomeHow to make Staff Icons, I know there is a way, but i can't find it.
+2
SLGray
SpyroDragon
6 posters
Page 1 of 2
Page 1 of 2 • 1, 2 
How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon December 15th 2015, 5:43 am
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.
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.
Last edited by SpyroDragon on January 28th 2016, 6:53 am; edited 2 times in total
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SLGray December 15th 2015, 5:51 am
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray- Administrator
-
Posts : 51581
Reputation : 3526
Language : English
Location : United States -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon December 15th 2015, 7:14 am
Ok, Well Here is what that tutorial Helped with, and what it didn't help with.
What it didn't help with.
- I want the icon to show in the member list.
- It put an irritating picture down in the empty space area, which i would like to get rid of asap, as shown in the RED box in the picture.
- But however, as shown in the GREEN box, i do like the img right there.
What it didn't help with.
- I want the icon to show in the member list.
- It put an irritating picture down in the empty space area, which i would like to get rid of asap, as shown in the RED box in the picture.
- But however, as shown in the GREEN box, i do like the img right there.
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon December 19th 2015, 8:16 am
Bumpbed
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by amghidh December 19th 2015, 9:42 am
Good morning SpyroDragon,
To put an icon before the staff's name, this is the CSS code:
- Code:
a span[style="color:#E7992B"] strong {
background:url(http://i73.servimg.com/u/f73/11/60/75/36/admini10.png) no-repeat;
padding-left:18px;
}
Replace #E7992B with the color of the group
Replace https://i.servimg.com/u/f73/11/60/75/36/admini10.png with the icon
Replace 18px with the icon's width
Good Luck
Tutorial tested on PHPBB2
Last edited by amghidh on December 19th 2015, 8:19 pm; edited 1 time in total
amghidh- Forumember
- Posts : 55
Reputation : 10
Language : EN FR AR TM
Location : Algeria -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SLGray December 19th 2015, 8:18 pm
Please do not use the table notices of the support forum.amghidh wrote:
Support Tutorial tested on PHPBB2
Good morning SpyroDragon,
To put an icon before the staff's name, this is the CSS code:
- Code:
a span[style="color:#E7992B"] strong {
background:url(http://i73.servimg.com/u/f73/11/60/75/36/admini10.png) no-repeat;
padding-left:18px;
}
Replace #E7992B with the color of the group
Replace https://i.servimg.com/u/f73/11/60/75/36/admini10.png with the icon
Replace 18px with the icon's width
Good Luck
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray- Administrator
- Posts : 51581
Reputation : 3526
Language : English
Location : United States -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by amghidh December 19th 2015, 8:18 pm
SLGray wrote:Please do not use the table notices of the support forum.amghidh wrote:
Support Tutorial tested on PHPBB2
Good morning SpyroDragon,
To put an icon before the staff's name, this is the CSS code:
- Code:
a span[style="color:#E7992B"] strong {
background:url(http://i73.servimg.com/u/f73/11/60/75/36/admini10.png) no-repeat;
padding-left:18px;
}
Replace #E7992B with the color of the group
Replace https://i.servimg.com/u/f73/11/60/75/36/admini10.png with the icon
Replace 18px with the icon's width
Good Luck
Ok sorry
amghidh- Forumember
- Posts : 55
Reputation : 10
Language : EN FR AR TM
Location : Algeria -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon December 21st 2015, 8:03 am
It seems like adding that code has completely no effect on anything.
-----
-----
-----
-----
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon December 22nd 2015, 8:38 am
Bump
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon December 26th 2015, 8:09 am
Urgent Bump
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by Take Notes December 27th 2015, 7:32 pm
Take Notes- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon December 28th 2015, 5:02 am
If you watch the video ive already tried that link.. Didnt work.
Bump.
Bump.
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by Take Notes December 28th 2015, 6:38 am
Apologies, can't see videos on iPad.
Take Notes- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon December 28th 2015, 11:13 am
K.. Anyone think it could be something in my css causing it not to worrk?
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by Ape January 25th 2016, 9:51 pm
Topic reopened for member as the problem was not fixed / Solved 
Please remember we have a auto Pruning system here and after 7 days your post will be closed on its own
Ape- Administrator
- Posts : 19460
Reputation : 2012
Language : fluent in dork / mumbojumbo & English haha -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon January 25th 2016, 10:24 pm
Oh ok. Well .. Bump. Lol
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon January 27th 2016, 1:20 am
Bump
Also here is my Whole CSS Top to bottom.
Also here is my Whole CSS Top to bottom.
- Code:
#sceditor_smilies {
background-color: transparent; !important;
}
#sce_smilies_body, .smiley-element {
background: transparent !important;
position: fixed !important;
}
#sceditor_smilies body { overflow:hidden }
body{
background-attachment:fixed;
background-color:;
}
ul#picture_legend, ul#privmsgs-menu {
text-align: center;
display: none;
}
ul#picture_legend li, ul#privmsgs-menu li {
display: inline;
margin: 2px 10px;
display: none;
}
ul#picture_legend li img, ul#privmsgs-menu li img {
vertical-align: middle;
display: none;
}
#profile-advanced-details div.separator {
border-bottom: 0px solid #DCDCDC;}
td.catHead, th.thHead {
border-width: 0px;
}
td.catHead, th.thHead { border-width:0 !important }
td.catBottom, th.thBottom {
border-width: 0px;
}
.sceditor-container {
background:none !important;
border:none !important;
width:450px !important;
height:275px !important;
margin:80px !important;
}
#profile-advanced-details dl dt { width:auto; }
#profile-advanced-details dl dd { padding:0; margin-left:40px; }
#info_open, #info_close { display:none; }
td.hr, .post td table td .postdetails { display:none; }
#profile-advanced-details dl dt { font-size:0; }
.sceditor-container {
background:none !important;
border:none !important;
width:450px !important;
height:275px !important;
margin:80px !important;
}
.sceditor-toolbar {
background:none !important;
border:none !important;
}
.sceditor-container textarea {
color:#2C97C3 !important;
font-weight:bold !important;
}
.sceditor-container:before {
content:url(http://i39.servimg.com/u/f39/18/21/60/73/left10.png);
position:absolute;
top:-85px;
left:-80px;
z-index:-1;
}
.sceditor-container:after {
content:url(http://i39.servimg.com/u/f39/18/21/60/73/right10.png);
position:absolute;
right:-80px;
bottom:-85px;
z-index:-1;
}
input.liteoption, input.mainoption {
background:url(http://i38.servimg.com/u/f38/17/84/98/50/better10.gif) no-repeat center;
border:none;
padding:0;
height:30px;
width:98px;
position:relative;
z-index:4;
cursor:pointer;
}
input.post {
background:url(http://i39.servimg.com/u/f39/17/84/98/50/better13.png) repeat-x center;
padding:3px;
height:24px;
}
.sceditor-container textarea { overflow:hidden }
input.post[name="subject"] { border:none }
#pollitems, #pollitems_show, form[name="post"] + table[width="100%"] + table.forumline[width="100%"] { display:none }
form[name="post"] td.row1 b { display:none }
form[name="post"] .forumline th.thHead strong, form[action="/privmsg"] select, form[action="/privmsg"] #add_username { display:none }
input, select, textarea {
border-width: 0px;
}
div.sceditor-dropdown {
background: transparent!important;
}
div.sceditor-container iframe, div.sceditor-container textarea { background:transparent }
.postbg { background-position:0 0; background-repeat:repeat; }
#profile-advanced-details div.separator { display:none !important }
#profile-advanced-details dl { display:inline }
#profile-advanced-details dl#field_id8 { display:block }
#profile-advanced-details dl dd, #profile-advanced-details .field_uneditable { display:inline }
#profile-advanced-details dl dt { float:none; display:inline }
#profile-advanced-details dl dd { margin-left:5px }
#profile-advanced-details { white-space:pre-wrap }
.forumline { border-spacing:0 }
th.thLeft, .thRight {
border: none !important;
font-size: 0;
}
.forumline .row1.over { position:relative }
.forumline .row1.over .hierarchy {
position:absolute;
top:20px;
}
.post .postdetails.poster-profile > a img {
max-width:0px;
max-height:0px;
}
.post .postdetails.poster-profile > a {
display:inline-block;
background:url(http://i38.servimg.com/u/f38/16/87/57/90/modsqu10.png) no-repeat 0% 0% / 0% 0%;
padding:0x;
}
td.catLeft, th.thLeft {
border-width: 0px 0px 0px 0px;
}
a.mainmenu[href="http://SpyroDragon.com/forum"] img { width:187px; height:133px; background:url(http://i18.servimg.com/u/f18/17/84/98/50/home3111.png) no-repeat 0 0; }
a.mainmenu[href="http://SpyroDragon.com/forum"] img:hover { background:url(http://i18.servimg.com/u/f18/17/84/98/50/homegl10.png) no-repeat 0 0; }
a.mainmenu[href="http://kneubuhlmann.com/music.html"] img { width:89px; height:133px; background:url(http://i18.servimg.com/u/f18/17/84/98/50/music210.png) no-repeat 0 0; }
a.mainmenu[href="http://kneubuhlmann.com/music.html"] img:hover { background:url(http://i18.servimg.com/u/f18/17/84/98/50/musicg10.png) no-repeat 0 0; }
/* Members */
#i_icon_mini_members{width:154px; height:133px; background:url(http://i39.servimg.com/u/f39/16/87/57/90/member10.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i18.servimg.com/u/f18/17/84/98/50/member10.png) no-repeat 0 0;}
/* Profile */
#i_icon_mini_profile{width:96px; height:133px; background:url(http://i39.servimg.com/u/f39/17/84/98/50/profil10.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i18.servimg.com/u/f18/17/84/98/50/profil10.png) no-repeat 0 0;}
/* Logout */
#i_icon_mini_logout{width:196px; height:133px; background:url(http://i39.servimg.com/u/f39/17/84/98/50/logout10.gif) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i18.servimg.com/u/f18/17/84/98/50/logout10.png) no-repeat 0 0;}
/* PM message */
#i_icon_mini_message{width:69px; height:133px; background:url(http://i74.servimg.com/u/f74/17/84/98/50/inbox110.gif) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i18.servimg.com/u/f18/17/84/98/50/pm_glo10.png) no-repeat 0 0;}
/* Register */
#i_icon_mini_register{width:96px; height:133px; background:url(http://i39.servimg.com/u/f39/17/84/98/50/signup10.gif) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i18.servimg.com/u/f18/17/84/98/50/singup10.png) no-repeat 0 0;}
/* Login */
#i_icon_mini_login{width:265px; height:133px; background:url(http://i39.servimg.com/u/f39/17/84/98/50/login10.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i18.servimg.com/u/f18/17/84/98/50/loging10.png) no-repeat 0 0;}
/* editor background */
div.sceditor-container iframe, div.sceditor-container textarea { background:transparent }
.postbg { background-position:0 0; background-repeat:repeat; }
/* make editor color clickable again */
.sceditor-container:before, .sceditor-container:after {
pointer-events:none;
}
/* Fix Gabroila Font Seperation gaps */
body {
line-height:18px;
}
.spyro-background{
background: url(http://i39.servimg.com/u/f39/16/87/57/90/lunapi11.gif) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow: auto;
min-height:100%;
min-width:100%;
background-repeat: no-repeat;
}
Last edited by SpyroDragon on January 28th 2016, 4:16 am; edited 1 time in total
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon January 28th 2016, 4:14 am
Bump
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by Take Notes January 28th 2016, 4:27 am
Try this:
Change the #000000 to the color of the group, it must be the exact same color.
- Code:
a span[style="color:#000000"] strong {
background:url(IMAGE LINK HERE) no-repeat;
padding-left:16px;
}
Change the #000000 to the color of the group, it must be the exact same color.
Take Notes- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon January 28th 2016, 4:39 am
Were getting somewhere but not quite..
its repeating itself. hopefully its self explainatory of what went wrong in the screenshot.
- Code:
a span[style="color:#00F2FF"] strong {
background:url(http://i68.servimg.com/u/f68/16/87/57/90/staffi20.png) no-repeat;
padding-left:16px;
}
I notice theres the no-repeat; , some reason its ignoring that part. :S
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by Take Notes January 28th 2016, 4:45 am
Make sure the space is correct. Copy exactly the code I sent. It needs to look the same.
Take Notes- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon January 28th 2016, 4:50 am
I redid it on Chrome, but it still isn't working, would you like me to record what I'm doing so you can see exactly what I'm doing?
this is my css now, the code is at the verry bottom..its still repeating.
- Code:
#sceditor_smilies {
background-color: transparent; !important;
}
#sce_smilies_body, .smiley-element {
background: transparent !important;
position: fixed !important;
}
#sceditor_smilies body { overflow:hidden }
body{
background-attachment:fixed;
background-color:;
}
ul#picture_legend, ul#privmsgs-menu {
text-align: center;
display: none;
}
ul#picture_legend li, ul#privmsgs-menu li {
display: inline;
margin: 2px 10px;
display: none;
}
ul#picture_legend li img, ul#privmsgs-menu li img {
vertical-align: middle;
display: none;
}
#profile-advanced-details div.separator {
border-bottom: 0px solid #DCDCDC;}
td.catHead, th.thHead {
border-width: 0px;
}
td.catHead, th.thHead { border-width:0 !important }
td.catBottom, th.thBottom {
border-width: 0px;
}
.sceditor-container {
background:none !important;
border:none !important;
width:450px !important;
height:275px !important;
margin:80px !important;
}
#profile-advanced-details dl dt { width:auto; }
#profile-advanced-details dl dd { padding:0; margin-left:40px; }
#info_open, #info_close { display:none; }
td.hr, .post td table td .postdetails { display:none; }
#profile-advanced-details dl dt { font-size:0; }
.sceditor-container {
background:none !important;
border:none !important;
width:450px !important;
height:275px !important;
margin:80px !important;
}
.sceditor-toolbar {
background:none !important;
border:none !important;
}
.sceditor-container textarea {
color:#2C97C3 !important;
font-weight:bold !important;
}
.sceditor-container:before {
content:url(http://i39.servimg.com/u/f39/18/21/60/73/left10.png);
position:absolute;
top:-85px;
left:-80px;
z-index:-1;
}
.sceditor-container:after {
content:url(http://i39.servimg.com/u/f39/18/21/60/73/right10.png);
position:absolute;
right:-80px;
bottom:-85px;
z-index:-1;
}
input.liteoption, input.mainoption {
background:url(http://i38.servimg.com/u/f38/17/84/98/50/better10.gif) no-repeat center;
border:none;
padding:0;
height:30px;
width:98px;
position:relative;
z-index:4;
cursor:pointer;
}
input.post {
background:url(http://i39.servimg.com/u/f39/17/84/98/50/better13.png) repeat-x center;
padding:3px;
height:24px;
}
.sceditor-container textarea { overflow:hidden }
input.post[name="subject"] { border:none }
#pollitems, #pollitems_show, form[name="post"] + table[width="100%"] + table.forumline[width="100%"] { display:none }
form[name="post"] td.row1 b { display:none }
form[name="post"] .forumline th.thHead strong, form[action="/privmsg"] select, form[action="/privmsg"] #add_username { display:none }
input, select, textarea {
border-width: 0px;
}
div.sceditor-dropdown {
background: transparent!important;
}
div.sceditor-container iframe, div.sceditor-container textarea { background:transparent }
.postbg { background-position:0 0; background-repeat:repeat; }
#profile-advanced-details div.separator { display:none !important }
#profile-advanced-details dl { display:inline }
#profile-advanced-details dl#field_id8 { display:block }
#profile-advanced-details dl dd, #profile-advanced-details .field_uneditable { display:inline }
#profile-advanced-details dl dt { float:none; display:inline }
#profile-advanced-details dl dd { margin-left:5px }
#profile-advanced-details { white-space:pre-wrap }
.forumline { border-spacing:0 }
th.thLeft, .thRight {
border: none !important;
font-size: 0;
}
.forumline .row1.over { position:relative }
.forumline .row1.over .hierarchy {
position:absolute;
top:20px;
}
.post .postdetails.poster-profile > a img {
max-width:0px;
max-height:0px;
}
.post .postdetails.poster-profile > a {
display:inline-block;
background:url(http://i38.servimg.com/u/f38/16/87/57/90/modsqu10.png) no-repeat 0% 0% / 0% 0%;
padding:0x;
}
td.catLeft, th.thLeft {
border-width: 0px 0px 0px 0px;
}
a.mainmenu[href="http://SpyroDragon.com/forum"] img { width:187px; height:133px; background:url(http://i18.servimg.com/u/f18/17/84/98/50/home3111.png) no-repeat 0 0; }
a.mainmenu[href="http://SpyroDragon.com/forum"] img:hover { background:url(http://i18.servimg.com/u/f18/17/84/98/50/homegl10.png) no-repeat 0 0; }
a.mainmenu[href="http://kneubuhlmann.com/music.html"] img { width:89px; height:133px; background:url(http://i18.servimg.com/u/f18/17/84/98/50/music210.png) no-repeat 0 0; }
a.mainmenu[href="http://kneubuhlmann.com/music.html"] img:hover { background:url(http://i18.servimg.com/u/f18/17/84/98/50/musicg10.png) no-repeat 0 0; }
/* Members */
#i_icon_mini_members{width:154px; height:133px; background:url(http://i39.servimg.com/u/f39/16/87/57/90/member10.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i18.servimg.com/u/f18/17/84/98/50/member10.png) no-repeat 0 0;}
/* Profile */
#i_icon_mini_profile{width:96px; height:133px; background:url(http://i39.servimg.com/u/f39/17/84/98/50/profil10.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i18.servimg.com/u/f18/17/84/98/50/profil10.png) no-repeat 0 0;}
/* Logout */
#i_icon_mini_logout{width:196px; height:133px; background:url(http://i39.servimg.com/u/f39/17/84/98/50/logout10.gif) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i18.servimg.com/u/f18/17/84/98/50/logout10.png) no-repeat 0 0;}
/* PM message */
#i_icon_mini_message{width:69px; height:133px; background:url(http://i74.servimg.com/u/f74/17/84/98/50/inbox110.gif) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i18.servimg.com/u/f18/17/84/98/50/pm_glo10.png) no-repeat 0 0;}
/* Register */
#i_icon_mini_register{width:96px; height:133px; background:url(http://i39.servimg.com/u/f39/17/84/98/50/signup10.gif) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i18.servimg.com/u/f18/17/84/98/50/singup10.png) no-repeat 0 0;}
/* Login */
#i_icon_mini_login{width:265px; height:133px; background:url(http://i39.servimg.com/u/f39/17/84/98/50/login10.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i18.servimg.com/u/f18/17/84/98/50/loging10.png) no-repeat 0 0;}
/* editor background */
div.sceditor-container iframe, div.sceditor-container textarea { background:transparent }
.postbg { background-position:0 0; background-repeat:repeat; }
/* make editor color clickable again */
.sceditor-container:before, .sceditor-container:after {
pointer-events:none;
}
/* Fix Gabroila Font Seperation gaps */
body {
line-height:18px;
}
.spyro-background{
background: url(http://i39.servimg.com/u/f39/16/87/57/90/lunapi11.gif) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow: auto;
min-height:100%;
min-width:100%;
background-repeat: no-repeat;
}
a span[style="color:#00F2FF"] strong {
background:url(http://i68.servimg.com/u/f68/16/87/57/90/staffi20.png) no-repeat;
padding-left:16px;
}
this is my css now, the code is at the verry bottom..its still repeating.
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by Take Notes January 28th 2016, 4:59 am
The code I sent and the code you gave looks different.
Code I sent:
Code you sent:
Code I sent:
- Code:
a span[style="color:#000000"] strong {
background:url(IMAGE LINK HERE) no-repeat;
padding-left:16px;
}
Code you sent:
- Code:
a span[style="color:#00F2FF"] strong {
background:url(http://i68.servimg.com/u/f68/16/87/57/90/staffi20.png) no-repeat;
padding-left:16px;
}
Take Notes- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon January 28th 2016, 5:02 am
Can you bold the diffrence, because im having a hard time telling the diffrence ;S
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by Take Notes January 28th 2016, 5:05 am
Not sure if it is a browser issue on your part or what.
When you edited it, did you use tab to make the space? The difference at I can see is that line two is in the wrong position, it shows as if there is a whole extra line spacing above and this could be a result of using tab I believe. You need to hit the spacebar to move it correctly.
If you send a video can you please give me the title so I can search it via YouTube?
When you edited it, did you use tab to make the space? The difference at I can see is that line two is in the wrong position, it shows as if there is a whole extra line spacing above and this could be a result of using tab I believe. You need to hit the spacebar to move it correctly.
If you send a video can you please give me the title so I can search it via YouTube?
Last edited by Forumedic on January 28th 2016, 5:13 am; edited 1 time in total
Take Notes- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon January 28th 2016, 5:07 am
Heres a video of exactly what i did.
Last edited by SpyroDragon on January 28th 2016, 5:12 am; edited 1 time in total
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by Take Notes January 28th 2016, 5:09 am
I don't need a video, Just need a few screenshots. Could you please send a screenshot of your CSS from your view and a screenshot of my post of the two codes I sent that showed were different.
Take Notes- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon January 28th 2016, 5:13 am
I already edited my last post with the video, , ill grab some screenshots too if you still need them after you watched.
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by Take Notes January 28th 2016, 5:16 am
Can I please have the link to the video or the title?
Take Notes- Helper
- Posts : 2337
Reputation : 324
Language : English
Location : Forumountain
Re: How to make Staff Icons, I know there is a way, but i can't find it.
by SpyroDragon January 28th 2016, 5:17 am
SpyroDragon- Forumember
- Posts : 462
Reputation : 2
Language : English -
Page 1 of 2 • 1, 2
Similar topics» Cannot Find Variable Names I Need For Animated Hovering Icons in CSS
» Staff Icons
» Staff icons still not working
» Adding staff icons?
» How can I make a staff online widget?
» Staff Icons
» Staff icons still not working
» Adding staff icons?
» How can I make a staff online widget?
Page 1 of 2
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
