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.

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

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

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

Post by SpyroDragon on 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.



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

SpyroDragon
Forumember

Posts : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

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



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


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

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

Post by SpyroDragon on 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.

SpyroDragon
Forumember

Posts : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

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

Bumpbed

SpyroDragon
Forumember

Posts : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

Post by amghidh on 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://i73.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
New Member

Posts : 18
Reputation : 1
Language : English, French, Arabic, Tamazight
Location : Tizi Ouzou, Algeria

http://nafidasoft.moontada.net/

Back to top Go down

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

Post by SLGray on 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://i73.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.


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


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

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

Post by amghidh on 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://i73.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
New Member

Posts : 18
Reputation : 1
Language : English, French, Arabic, Tamazight
Location : Tizi Ouzou, Algeria

http://nafidasoft.moontada.net/

Back to top Go down

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

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

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

-----


-----

SpyroDragon
Forumember

Posts : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

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

Bump

SpyroDragon
Forumember

Posts : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

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

Urgent Bump

SpyroDragon
Forumember

Posts : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

Post by Genesis on December 27th 2015, 7:32 pm


Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

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

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

Bump.

SpyroDragon
Forumember

Posts : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

Post by Genesis on December 28th 2015, 6:38 am

Apologies, can't see videos on iPad.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

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

K.. Anyone think it could be something in my css causing it not to worrk?

SpyroDragon
Forumember

Posts : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

Post by APE on 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




APE
Manager
Manager

Male Posts : 8615
Reputation : 748
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

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

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

Oh ok. Well .. Bump. Lol

SpyroDragon
Forumember

Posts : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

Post by SpyroDragon on 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
Forumember

Posts : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

Post by SpyroDragon on January 28th 2016, 4:14 am

Bump

SpyroDragon
Forumember

Posts : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

Post by Genesis on 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.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

Post by SpyroDragon on 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 : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

Post by Genesis on January 28th 2016, 4:45 am

Make sure the space is correct. Copy exactly the code I sent. It needs to look the same.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

Post by SpyroDragon on 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
Forumember

Posts : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

Post by Genesis on 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;
}


Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

Post by SpyroDragon on January 28th 2016, 5:02 am

Can you bold the diffrence, because im having a hard time telling the diffrence ;S

SpyroDragon
Forumember

Posts : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

Post by Genesis on 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

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

Post by SpyroDragon on 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 : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

Post by Genesis on 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.

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

Post by SpyroDragon on 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 : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

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

Post by Genesis on January 28th 2016, 5:16 am

Can I please have the link to the video or the title?

Genesis
Helper
Helper

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

Post by SpyroDragon on January 28th 2016, 5:17 am


SpyroDragon
Forumember

Posts : 319
Reputation : 2
Language : English

http://SpyroDragon.com/

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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