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 add rank icon besides name (forumotion)

5 posters

Go down

In progress how to add rank icon besides name (forumotion)

Post by smallboy June 29th 2011, 1:00 pm

i wanna know how to add a icon beside your forum name
Example: how to add rank icon besides name (forumotion) 2433v4ySmallboy
How do i do that ?
Thanks
smallboy
smallboy
New Member

Posts : 6
Reputation : 0
Language : english

Back to top Go down

In progress Re: how to add rank icon besides name (forumotion)

Post by Sanket June 29th 2011, 1:05 pm

Search for this, there are many threads with a buggy code already posted.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

In progress Re: how to add rank icon besides name (forumotion)

Post by smallboy June 29th 2011, 1:17 pm

I just need to know how
smallboy
smallboy
New Member

Posts : 6
Reputation : 0
Language : english

Back to top Go down

In progress Re: how to add rank icon besides name (forumotion)

Post by GamerCreutz June 29th 2011, 1:25 pm

A Css code. which can be found in another thread as Sanket said.
GamerCreutz
GamerCreutz
Forumember

Male Posts : 121
Reputation : 30
Language : Danish/English
Location : Denmark/Dubai

Back to top Go down

In progress Re: how to add rank icon besides name (forumotion)

Post by Base June 29th 2011, 5:52 pm

For an icon next to the username, please see this topic: https://help.forumotion.com/t90311-how-to-add-an-icon-before-username
Base
Base
Forumaster

Male Posts : 10386
Reputation : 1695
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

In progress Re: how to add rank icon besides name (forumotion)

Post by zvp June 29th 2011, 6:13 pm

Hold up I know exactly how to do this. I asked the same question yesterday. Im guessing your making a rsps.
Ok so first you go to
->Display
->Pictures and Colors
-Colors
-> Css StyleSheet
Than you want to add this
Code:

.name strong a[href="/u#"] {
    background: url("IMAGE URL HERE") no-repeat scroll left center transparent;
    padding-left: 19px;
    padding-top: 3px;
}
.gensmall a[href="/u#"] {
    background: url("IMAGE URL HERE") no-repeat scroll left center transparent;
    padding-left: 19px;
    padding-top: 3px;
}

Ok so the only thing you have to add is the Image url and than add the u#. This is simple go to the person's page. For example owner would be u1. You can check this by just click a person's name. And than look at the url. IT should say http://YOURFORUMS.forumotion.com/u1 or the number they have.
An example of one:
Code:

.name strong a[href="/u23"] {
    background: url("http://i137.photobucket.com/albums/q232/LaundryLady1947/Runescape/modcrownaw2.png") no-repeat scroll left center transparent;
    padding-left: 19px;
    padding-top: 3px;
}
.gensmall a[href="/u23"] {
    background: url("http://i137.photobucket.com/albums/q232/LaundryLady1947/Runescape/modcrownaw2.png") no-repeat scroll left center transparent;
    padding-left: 19px;
    padding-top: 3px;
}

Hope this helped!
avatar
zvp
Forumember

Male Posts : 77
Reputation : 0
Language : Polish and English

Back to top Go down

Back to top

- Similar topics

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