How to put a small icon in front of the username?
3 posters
Page 1 of 1
How to put a small icon in front of the username?
How can I add a small icon to the front of my Username, me being the administrator? Thanks in advance.
The Shigofumi- Forumember
- Posts : 35
Reputation : 1
Language : English, Spanish, French, (Basic) Japanese.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: How to put a small icon in front of the username?
Add this code to your CSS.
Instead of the "/u40" , add number that you have as your number of profile. Just click on yourself on online list , and check link above where you type adress , at end you will have u with some number.
And at url of icon , add you icon , that is 16x16.
Thats all.
- Code:
p a[href="/u40"], .forabg a[href="/u40"], .forumbg a[href="/u40"], .postprofile strong a[href="/u40"], .page-bottom a[href="/u40"], #chatbox_members a[href="/u40"], .module a[href="/u40"] {
background: url("Url of icon") no-repeat;
padding-left: 16px;
padding-top: 2px;
}
Instead of the "/u40" , add number that you have as your number of profile. Just click on yourself on online list , and check link above where you type adress , at end you will have u with some number.
And at url of icon , add you icon , that is 16x16.
Thats all.
Re: How to put a small icon in front of the username?
CJ11™ wrote:Hi,
Read this tutorial:
https://help.forumotion.com/t90311-how-to-add-an-icon-before-username
Akkii wrote:Add this code to your CSS.
- Code:
p a[href="/u40"], .forabg a[href="/u40"], .forumbg a[href="/u40"], .postprofile strong a[href="/u40"], .page-bottom a[href="/u40"], #chatbox_members a[href="/u40"], .module a[href="/u40"] {
background: url("Url of icon") no-repeat;
padding-left: 16px;
padding-top: 2px;
}
Instead of the "/u40" , add number that you have as your number of profile. Just click on yourself on online list , and check link above where you type adress , at end you will have u with some number.
And at url of icon , add you icon , that is 16x16.
Thats all.
Nothing Worked :C
The Shigofumi- Forumember
- Posts : 35
Reputation : 1
Language : English, Spanish, French, (Basic) Japanese.
Re: How to put a small icon in front of the username?
Should work. If you're the founder. You're /u1
- Code:
p a[href="/u#"], .forabg a[href="/u1"], .forumbg a[href="/u#"], .postprofile strong a[href="/u#"], .page-bottom a[href="/u#"], #chatbox_members a[href="/u#"], .module a[href="/u#"] {
background: url("imagedirectlink") no-repeat;
padding-left: 16px;
padding-top: 2px;
}
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: How to put a small icon in front of the username?
CJ11™ wrote:Should work. If you're the founder. You're /u1
- Code:
p a[href="/u#"], .forabg a[href="/u1"], .forumbg a[href="/u#"], .postprofile strong a[href="/u#"], .page-bottom a[href="/u#"], #chatbox_members a[href="/u#"], .module a[href="/u#"] {
background: url("imagedirectlink") no-repeat;
padding-left: 16px;
padding-top: 2px;
}
I'm going to retry, I'll be back.
The Shigofumi- Forumember
- Posts : 35
Reputation : 1
Language : English, Spanish, French, (Basic) Japanese.
Re: How to put a small icon in front of the username?
Okay,
Don't forget to add the image's URL.. where it says background: url("imagedirectlink")
Don't forget to add the image's URL.. where it says background: url("imagedirectlink")
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: How to put a small icon in front of the username?
The Shigofumi wrote:CJ11™ wrote:Should work. If you're the founder. You're /u1
- Code:
p a[href="/u#"], .forabg a[href="/u1"], .forumbg a[href="/u#"], .postprofile strong a[href="/u#"], .page-bottom a[href="/u#"], #chatbox_members a[href="/u#"], .module a[href="/u#"] {
background: url("imagedirectlink") no-repeat;
padding-left: 16px;
padding-top: 2px;
}
I'm going to retry, I'll be back.
Nope, It didn't work. I'm pretty sure I've done everything right.
The Shigofumi- Forumember
- Posts : 35
Reputation : 1
Language : English, Spanish, French, (Basic) Japanese.
Re: How to put a small icon in front of the username?
Can you show a screenshot of how you have it setup?
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: How to put a small icon in front of the username?
I did, Look:
p a[href="/u1"], .forabg a[href="/u1"], .forumbg a[href="/u1"], .postprofile strong a[href="/u1"], .page-bottom a[href="/u1"], #chatbox_members a[href="/u1"], .module a[href="/u1"] {
background: url("https://i.servimg.com/u/f17/17/89/07/51/user_s10.png") no-repeat;
padding-left: 16px;
padding-top: 2px;
}
p a[href="/u1"], .forabg a[href="/u1"], .forumbg a[href="/u1"], .postprofile strong a[href="/u1"], .page-bottom a[href="/u1"], #chatbox_members a[href="/u1"], .module a[href="/u1"] {
background: url("https://i.servimg.com/u/f17/17/89/07/51/user_s10.png") no-repeat;
padding-left: 16px;
padding-top: 2px;
}
The Shigofumi- Forumember
- Posts : 35
Reputation : 1
Language : English, Spanish, French, (Basic) Japanese.
Re: How to put a small icon in front of the username?
Where are you adding the code? ACP >> Display >> Colors >> CSS ?
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: How to put a small icon in front of the username?
CJ11™ wrote:Where are you adding the code? ACP >> Display >> Colors >> CSS ?
Yes.
The Shigofumi- Forumember
- Posts : 35
Reputation : 1
Language : English, Spanish, French, (Basic) Japanese.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum