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

View previous topic View next topic 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

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.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
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

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.

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

Base
Forumaster

Male Posts : 10386
Reputation : 1687
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://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!

zvp
Forumember

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

Back to top Go down

View previous topic View next topic Back to top


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