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

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

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.
The forum of the forums
+2
SLGray
SpyroDragon
6 posters

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

    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°1

    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
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°2

    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.
    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°3

    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.
    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°4

    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
    • Back to top
    amghidh
    amghidh
    amghidh
    Forumember


    Posts : 55
    Reputation : 10
    Language : EN FR AR TM
    Location : Algeria
    • Post n°5

    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
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States
    • Post n°6

    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.
    • Back to top
    amghidh
    amghidh
    amghidh
    Forumember


    Posts : 55
    Reputation : 10
    Language : EN FR AR TM
    Location : Algeria
    • Post n°7

    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
    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°8

    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.

    -----


    -----
    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°9

    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
    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°10

    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
    • Back to top
    Take Notes
    Take Notes
    Take Notes
    Helper
    Helper


    Male Posts : 2337
    Reputation : 324
    Language : English
    Location : Forumountain
    • Post n°11

    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

    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°12

    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.
    • Back to top
    Take Notes
    Take Notes
    Take Notes
    Helper
    Helper


    Male Posts : 2337
    Reputation : 324
    Language : English
    Location : Forumountain
    • Post n°13

    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.
    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°14

    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?
    • Back to top
    Ape
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19324
    Reputation : 2005
    Language : fluent in dork / mumbojumbo & English haha
    • Post n°15

    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
    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°16

    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
    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°17

    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
    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°18

    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
    • Back to top
    Take Notes
    Take Notes
    Take Notes
    Helper
    Helper


    Male Posts : 2337
    Reputation : 324
    Language : English
    Location : Forumountain
    • Post n°19

    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.
    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°20

    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
    • Back to top
    Take Notes
    Take Notes
    Take Notes
    Helper
    Helper


    Male Posts : 2337
    Reputation : 324
    Language : English
    Location : Forumountain
    • Post n°21

    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.
    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°22

    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.
    • Back to top
    Take Notes
    Take Notes
    Take Notes
    Helper
    Helper


    Male Posts : 2337
    Reputation : 324
    Language : English
    Location : Forumountain
    • Post n°23

    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;
    }

    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°24

    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
    • Back to top
    Take Notes
    Take Notes
    Take Notes
    Helper
    Helper


    Male Posts : 2337
    Reputation : 324
    Language : English
    Location : Forumountain
    • Post n°25

    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
    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°26

    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
    • Back to top
    Take Notes
    Take Notes
    Take Notes
    Helper
    Helper


    Male Posts : 2337
    Reputation : 324
    Language : English
    Location : Forumountain
    • Post n°27

    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.
    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°28

    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.
    • Back to top
    Take Notes
    Take Notes
    Take Notes
    Helper
    Helper


    Male Posts : 2337
    Reputation : 324
    Language : English
    Location : Forumountain
    • Post n°29

    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?
    • Back to top
    SpyroDragon
    SpyroDragon
    SpyroDragon
    Forumember


    Posts : 462
    Reputation : 2
    Language : English
    • Post n°30

    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

    • Back to top