how to add rank icon besides name (forumotion)

Go down

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

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

i wanna know how to add a icon beside your forum name
Example: Smallboy
How do i do that ?
Thanks
avatar
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 on June 29th 2011, 1:05 pm

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

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

http://webartzforum.com

Back to top Go down

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

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

I just need to know how
avatar
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 on June 29th 2011, 1:25 pm

A Css code. which can be found in another thread as Sanket said.
avatar
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 on June 29th 2011, 5:52 pm

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

Male Posts : 10386
Reputation : 1693
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 on 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://illiweb.com/fa/pbucket.gif") no-repeat scroll left center transparent;
    padding-left: 19px;
    padding-top: 3px;
}
.gensmall a[href="/u23"] {
    background: url("http://illiweb.com/fa/pbucket.gif") no-repeat scroll left center transparent;
    padding-left: 19px;
    padding-top: 3px;
}

Hope this helped!

zvp
Forumember

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

Back to top Go down

Back to top


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