How to add multiple special rank ? Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn 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.
+2
Sir Chivas™
anonymouz17
6 posters

    How to add multiple special rank ?

    anonymouz17
    anonymouz17
    Forumember


    Posts : 138
    Reputation : 2
    Language : english

    How to add multiple special rank ? Empty How to add multiple special rank ?

    Post by anonymouz17 May 22nd 2012, 5:55 am

    How to add multiple special rank in one member ??


    Example :

    Name : Forumotion
    Avatar pic.

    VIP
    Contributor
    Global Moderator
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


    Male Posts : 6983
    Reputation : 457
    Language : EN, FR, ES
    Location : || CSS || HTML || Graphics Designs || Support ||

    How to add multiple special rank ? Empty Re: How to add multiple special rank ?

    Post by Sir Chivas™ May 22nd 2012, 6:38 am

    Hi, Hello

    Use the HTML code

    Rank name:
    Code:
    <img src='Img'slink' /><br><img src='img link' />
    Rank: (the image's link)
    NikkoBryan14
    NikkoBryan14
    Forumember


    Male Posts : 274
    Reputation : 8
    Language : English
    Location : Philippines

    How to add multiple special rank ? Empty Re: How to add multiple special rank ?

    Post by NikkoBryan14 May 22nd 2012, 7:20 am

    Means , I didn't understand this.
    kvance
    kvance
    Forumember


    Male Posts : 142
    Reputation : 2
    Language : English
    Location : Ohio

    How to add multiple special rank ? Empty Re: How to add multiple special rank ?

    Post by kvance May 22nd 2012, 6:59 pm

    Administration Panel>Users and Groups>Rank Administration>

    Click on Add New Rank. Then decide if you want it to be a special rank. Once you do select an image you'd like for the rank. Now for the hard part, in the rank title field you'll want to use css and text to achieve what you're looking for.

    For yours what you'll do is type VIP<br>Contributor</br>Global Moderator. That will allow you to put each rank on it's own line. If you want to add color to the ranks or bold all of them just use <b> at the beginning first rank and then </b> at the end to bold them all. To color each rank you'd just use <font color=color here>rank name</font>. You only have so much you can add to each rank the more css you use. So just mess around with it and see what you come up with.
    kirk
    kirk
    Forumaster


    Male Posts : 11037
    Reputation : 653
    Language : English,Vulcan,Klingon, Romulan,& Gorn

    How to add multiple special rank ? Empty Re: How to add multiple special rank ?

    Post by kirk May 22nd 2012, 7:20 pm

    keep in mind both of these ways will be limited on the amount of html you can use in these selected areas. I always thought the best way was to make one image with more then one rank on it.. I think there may be a way to add more with javascript or in your css as well but you will have to search it. I am not sure where it is at the moment.
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


    Male Posts : 6983
    Reputation : 457
    Language : EN, FR, ES
    Location : || CSS || HTML || Graphics Designs || Support ||

    How to add multiple special rank ? Empty Re: How to add multiple special rank ?

    Post by Sir Chivas™ May 22nd 2012, 7:21 pm

    kvance wrote:Administration Panel>Users and Groups>Rank Administration>

    Click on Add New Rank. Then decide if you want it to be a special rank. Once you do select an image you'd like for the rank. Now for the hard part, in the rank title field you'll want to use css and text to achieve what you're looking for.

    For yours what you'll do is type VIP<br>Contributor</br>Global Moderator. That will allow you to put each rank on it's own line. If you want to add color to the ranks or bold all of them just use <b> at the beginning first rank and then </b> at the end to bold them all. To color each rank you'd just use <font color=color here>rank name</font>. You only have so much you can add to each rank the more css you use. So just mess around with it and see what you come up with.

    You don't need to close "<br>''
    Mati
    Mati
    Hyperactive


    Posts : 2021
    Reputation : 330
    Language : HTML, CSS & JavaScript
    Location : Forum Services

    How to add multiple special rank ? Empty Re: How to add multiple special rank ?

    Post by Mati May 22nd 2012, 7:26 pm

    kirk wrote:keep in mind both of these ways will be limited on the amount of html you can use in these selected areas. I always thought the best way was to make one image with more then one rank on it.. I think there may be a way to add more with javascript or in your css as well but you will have to search it. I am not sure where it is at the moment.

    No need for javascript to do that, just some css and your done.
    kirk
    kirk
    Forumaster


    Male Posts : 11037
    Reputation : 653
    Language : English,Vulcan,Klingon, Romulan,& Gorn

    How to add multiple special rank ? Empty Re: How to add multiple special rank ?

    Post by kirk May 22nd 2012, 7:32 pm

    Matti_7 wrote:
    kirk wrote:keep in mind both of these ways will be limited on the amount of html you can use in these selected areas. I always thought the best way was to make one image with more then one rank on it.. I think there may be a way to add more with javascript or in your css as well but you will have to search it. I am not sure where it is at the moment.

    No need for javascript to do that, just some css and your done.

    Mind explaining how it's done? i cant seem to find what i was trying to look for.
    Once again if it was me i would just do it with a image, But thats just me Smile
    Mati
    Mati
    Hyperactive


    Posts : 2021
    Reputation : 330
    Language : HTML, CSS & JavaScript
    Location : Forum Services

    How to add multiple special rank ? Empty Re: How to add multiple special rank ?

    Post by Mati May 22nd 2012, 10:32 pm

    kirk wrote:Mind explaining how it's done? i cant seem to find what i was trying to look for.
    Once again if it was me i would just do it with a image, But thats just me Smile

    I know you can do it like that, but here is a simple one => http://csshelp.forumotion.net/t124-how-to-add-multiple-ranks