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.

UserGroups

4 posters

Go down

UserGroups Empty UserGroups

Post by kingsnake190 Tue 28 Jun 2011 - 23:57

Well, I am trying to make my user groups a little better for my RSPS forums.

I am just wondering if I could make it so they have a little crown, or symbol next to their name, and like the legend to? Like

UserGroups AdminKingsnake190




Legend

UserGroups AdminAdmin
avatar
kingsnake190
New Member

Posts : 18
Reputation : 0
Language : english

Back to top Go down

UserGroups Empty Re: UserGroups

Post by LGforum Wed 29 Jun 2011 - 0:06

Hi, i'm not sure how to do that.

but you could do it with ranks.
Set a rank name as <IMG src="IMAGE URL HERE">Admin
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

UserGroups Empty Re: UserGroups

Post by kingsnake190 Wed 29 Jun 2011 - 0:18

LGforum wrote:Hi, i'm not sure how to do that.

but you could do it with ranks.
Set a rank name as <IMG src="IMAGE URL HERE">Admin

How? The link doesn't fit?

Nvm I know what you are saying, but I am trying to get it for the name?
avatar
kingsnake190
New Member

Posts : 18
Reputation : 0
Language : english

Back to top Go down

UserGroups Empty Re: UserGroups

Post by Russel Wed 29 Jun 2011 - 1:57

Hello,

Please read this tutorial => How to add an icon before username
Russel
Russel
Active Poster

Male Posts : 1407
Reputation : 236
Language : English, Filipino
Location : Philippines

Back to top Go down

UserGroups Empty Re: UserGroups

Post by zvp Wed 29 Jun 2011 - 5:07

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