Forumotion Tricks & Tips
Welcome To Forumotion Tricks & Tips!

Currently This Site Is New,Help Us Build It By Signing Up And Posting! =)

This Site Offers You The Ability To Post A Tutorial Forumotion Refused,Get Access To VIP,And Get Access To 1337 =)

HomeCalendarFAQSearchMemberlistUsergroupsRegisterLog in
Navigation
---------------------------------
List Of Templates Tutorials
---------------------------------
List Of CSS Tutorials
---------------------------------
List Of HTML Tutorials
---------------------------------
Other Tutorials
---------------------------------
Graphic Section
---------------------------------

Share | 
 

 How To Put A Icon/Crown Beside User's Name

View previous topic View next topic Go down 
AuthorMessage
SC__Programmer
The Most Epic =)
The Most Epic =)

avatar

Posts : 50
Cash : 131
Rep : 5
Join date : 2011-07-05

PostSubject: How To Put A Icon/Crown Beside User's Name   Tue Jul 05, 2011 5:05 pm

This will show you how to make this: SC__Programmer

Put These Codes In Your CSS,

For only posts (not including home page):
Code:

.name strong a[href="/u#"]{
padding-left: 19px;
background: url(http://i44.servimg.com/u/f44/16/64/53/16/billio10.png) no-repeat left;}

For the chat box:
Code:
#chatbox_members a[href="/u#"]{
padding-left: 19px;
background: url(http://i44.servimg.com/u/f44/16/64/53/16/billio10.png) no-repeat left;}

There is one more code to add for the home page (the who last posted in this topic username) and the who is online box, but this will cause the same image to appear next to your profile icon throughout your posts:
Code:
.gensmall a[href="/u#"]{
padding-left: 19px;
background: url(http://i44.servimg.com/u/f44/16/64/53/16/billio10.png) no-repeat left;}

I would suggest doing tags to organize you icons like,
Code:

/* Admins */
/* End Admins */
/* Mods */
/* End Mods */
Back to top Go down
View user profile http://fmtricks.forumotion.com
kobar
Member
Member



Posts : 1
Cash : 1
Rep : 0
Join date : 2011-10-08

PostSubject: Re: How To Put A Icon/Crown Beside User's Name   Sat Oct 08, 2011 10:40 pm

Which CSS set?
Back to top Go down
View user profile
erblinmilazimi
Member
Member



Posts : 1
Cash : 1
Rep : 0
Join date : 2012-02-14

PostSubject: Re: How To Put A Icon/Crown Beside User's Name   Tue Feb 14, 2012 12:26 am

hello dude can u make A VIDEO PLZ PLZ !
Back to top Go down
View user profile
Captain Jack
Member
Member



Posts : 1
Cash : 1
Rep : 0
Join date : 2012-12-06

PostSubject: Re: How To Put A Icon/Crown Beside User's Name   Thu Dec 06, 2012 1:58 am

Yes, video please
Back to top Go down
View user profile
m0ron
Member
Member



Posts : 2
Cash : 2
Rep : 0
Join date : 2013-12-30

PostSubject: Re: How To Put A Icon/Crown Beside User's Name   Mon Dec 30, 2013 3:21 am

Thanks! This works wonders.
Back to top Go down
View user profile
Sponsored content





PostSubject: Re: How To Put A Icon/Crown Beside User's Name   

Back to top Go down
 

How To Put A Icon/Crown Beside User's Name

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Forumotion Tricks & Tips :: CSS :: Tutorials-

Affiliates: Free Domain Name | It'sYourSite | DevSchool | Your Website Here!
Make a forum | © phpBB | Free forum support | Contact | Report an abuse | Free forum