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 1 of 2 1, 2  Next

Go down

How to make Staff Icons, I know there is a way, but i can't find it. 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

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. 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. Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SLGray December 15th 2015, 5:51 am



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

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51453
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

Post 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.
How to make Staff Icons, I know there is a way, but i can't find it. Staffi12

- 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.
How to make Staff Icons, I know there is a way, but i can't find it. Staffi11

- But however, as shown in the GREEN box, i do like the img right there.
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. Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon December 19th 2015, 8:16 am

Bumpbed
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. Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post 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 Smile

Good Luck Smile

Tutorial tested on PHPBB2


Last edited by amghidh on December 19th 2015, 8:19 pm; edited 1 time in total
amghidh
amghidh
Forumember

Posts : 55
Reputation : 10
Language : EN FR AR TM
Location : Algeria

http://odros.yoo7.com

Back to top Go down

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

Post by SLGray December 19th 2015, 8:18 pm

amghidh wrote:
Support


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  Smile

Good Luck Smile
Tutorial tested on PHPBB2
Please do not use the table notices of the support forum.


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

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51453
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

Post by amghidh December 19th 2015, 8:18 pm

SLGray wrote:
amghidh wrote:
Support


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  Smile

Good Luck Smile
Tutorial tested on PHPBB2
Please do not use the table notices of the support forum.

Ok sorry
amghidh
amghidh
Forumember

Posts : 55
Reputation : 10
Language : EN FR AR TM
Location : Algeria

http://odros.yoo7.com

Back to top Go down

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

Post by SpyroDragon December 21st 2015, 8:03 am

It seems like adding that code has completely no effect on anything.

-----


-----
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. Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon December 22nd 2015, 8:38 am

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. Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon December 26th 2015, 8:09 am

Urgent 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. Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by Take Notes December 27th 2015, 7:32 pm

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. Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon December 28th 2015, 5:02 am

If you watch the video ive already tried that link.. Didnt work.

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. Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by Take Notes December 28th 2015, 6:38 am

Apologies, can't see videos on iPad.
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. Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon December 28th 2015, 11:13 am

K.. Anyone think it could be something in my css causing it not to worrk?
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. Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by Ape January 25th 2016, 9:51 pm

Topic reopened for member as the problem was not fixed / Solved Neutral
  Please remember we have a auto Pruning system here and after 7 days your post will be closed on its own


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

Male Posts : 19075
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. Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon January 25th 2016, 10:24 pm

Oh ok. Well .. Bump. Lol
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. Empty Re: How to make Staff Icons, I know there is a way, but i can't find it.

Post by SpyroDragon January 27th 2016, 1:20 am

Bump


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
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. 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, 4:14 am

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. 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, 4:27 am

Try this:

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
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. 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, 4:39 am

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


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
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. 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, 4:45 am

Make sure the space is correct. Copy exactly the code I sent. It needs to look the same.
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. 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, 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?

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
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. 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, 4:59 am

The code I sent and the code you gave looks different.

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
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. 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:02 am

Can you bold the diffrence, because im having a hard time telling the diffrence ;S
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. 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: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?


Last edited by Forumedic on January 28th 2016, 5:13 am; edited 1 time in total
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. 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: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
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. 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: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
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. 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: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
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. 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:16 am

Can I please have the link to the video or the title?
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. 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:17 am

SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

Page 1 of 2 1, 2  Next

Back to top

- Similar topics

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