Sticker (logo) infront of user names
4 posters
Page 1 of 1
Sticker (logo) infront of user names
Hello, how i can make stickers like little logos or images infront of my registered citizen on my forum ? Like for ex. Moderators to have a star infront of thair names... Please help me
cakiMK- New Member
- Posts : 10
Reputation : 1
Language : Macedonian
Re: Sticker (logo) infront of user names
Hi,
There is a tutorial: https://help.forumotion.com/t57595-add-an-image-to-the-rank-name-customizing-ranks
Hope it helps.
There is a tutorial: https://help.forumotion.com/t57595-add-an-image-to-the-rank-name-customizing-ranks
Hope it helps.
Re: Sticker (logo) infront of user names
Thank you, I'll check it when i have time
cakiMK- New Member
- Posts : 10
Reputation : 1
Language : Macedonian
Re: Sticker (logo) infront of user names
Hello cakiMK,
If you mean placing an icon before or after a username, see this tuto :
https://help.forumotion.com/t131443-customize-usernames-according-to-group#881088
This method is for multiple users of a group. If you want to do this for an individual user, let me know.
If you mean placing an icon before or after a username, see this tuto :
https://help.forumotion.com/t131443-customize-usernames-according-to-group#881088
This method is for multiple users of a group. If you want to do this for an individual user, let me know.
Re: Sticker (logo) infront of user names
What do you think ? what is better ? phpBB 3 phpBB2 php or the other one ?
cakiMK- New Member
- Posts : 10
Reputation : 1
Language : Macedonian
Re: Sticker (logo) infront of user names
wich dimension the pircture needs to be?
cakiMK- New Member
- Posts : 10
Reputation : 1
Language : Macedonian
Re: Sticker (logo) infront of user names
Hi
For your first post, I suggest using phpBB3 for easier handle; however, you cannot access the templates so some codes are not possible for it when you need to edit the templates. Don't fret though, we have Ange here to break that limitation .
Also, for your second question, I'd use 15 by 15 or at least 30 by 30 dimension .
Regards,
Pizza Boi
For your first post, I suggest using phpBB3 for easier handle; however, you cannot access the templates so some codes are not possible for it when you need to edit the templates. Don't fret though, we have Ange here to break that limitation .
Also, for your second question, I'd use 15 by 15 or at least 30 by 30 dimension .
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Sticker (logo) infront of user names
I don't know how to do that with sticker infront help me
cakiMK- New Member
- Posts : 10
Reputation : 1
Language : Macedonian
Re: Sticker (logo) infront of user names
Hi
What's the current code you are using for it?
Regards,
Pizza Boi
What's the current code you are using for it?
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Sticker (logo) infront of user names
Hi
The code that Moderator gave to me On the link UPPER
The code that Moderator gave to me On the link UPPER
cakiMK- New Member
- Posts : 10
Reputation : 1
Language : Macedonian
Re: Sticker (logo) infront of user names
Have you set the group color ?
You can find the group hex color by going to Administration Panel ► Users and Groups ► Groups ► Groups administration ► Edit a group
You copy the entire code, including the hash and replace #000000 with the color of that group :
Next choose an image, I'll be using : https://i.servimg.com/u/f73/11/60/75/36/helper10.png
replace https://2img.net/i/fa/empty.gif by the URL of your image :
Lastly you just need to modify the left padding so the image displays outside of your name. Since my image is 16px wide, I'll make the value 16px :
or if I wanted a bit more space between the name and Icon I would add a few more pixels to that. (18px or 20px) When you're finished submit and it should display on all members of that group.
You can find the group hex color by going to Administration Panel ► Users and Groups ► Groups ► Groups administration ► Edit a group
You copy the entire code, including the hash and replace #000000 with the color of that group :
- Code:
a span[style="color:#990099"] strong {
background:url(http://2img.net/i/fa/empty.gif) no-repeat;
padding-left:**px;
}
Next choose an image, I'll be using : https://i.servimg.com/u/f73/11/60/75/36/helper10.png
replace https://2img.net/i/fa/empty.gif by the URL of your image :
- Code:
a span[style="color:#990099"] strong {
background:url(http://i73.servimg.com/u/f73/11/60/75/36/helper10.png) no-repeat;
padding-left:**px;
}
Lastly you just need to modify the left padding so the image displays outside of your name. Since my image is 16px wide, I'll make the value 16px :
- Code:
a span[style="color:#990099"] strong {
background:url(http://i73.servimg.com/u/f73/11/60/75/36/helper10.png) no-repeat;
padding-left:16px;
}
or if I wanted a bit more space between the name and Icon I would add a few more pixels to that. (18px or 20px) When you're finished submit and it should display on all members of that group.
Re: Sticker (logo) infront of user names
That's great buy when i design the pictures in photoshop i got pictures with bad quality... On which program you design the icons ? Please tell me Thank you ill make this by following the steps
cakiMK- New Member
- Posts : 10
Reputation : 1
Language : Macedonian
Re: Sticker (logo) infront of user names
And tell me what is the biggest resolution i can use infront of the member names ?
EDIT:
On photoshop im using 16 x 16 picture is it ok ?
EDIT:
On photoshop im using 16 x 16 picture is it ok ?
Last edited by cakiMK on April 10th 2014, 3:56 pm; edited 1 time in total (Reason for editing : New idea)
cakiMK- New Member
- Posts : 10
Reputation : 1
Language : Macedonian
Re: Sticker (logo) infront of user names
Hi
#2 Post - Yeah 16 by 16 should suffice
#1 Post - Sharpen the image by at least 75 percent
Regards,
Pizza Boi
#2 Post - Yeah 16 by 16 should suffice
#1 Post - Sharpen the image by at least 75 percent
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Sticker (logo) infront of user names
Look how i got the logo http://prntscr.com/38pie7 not whole at all
cakiMK- New Member
- Posts : 10
Reputation : 1
Language : Macedonian
Re: Sticker (logo) infront of user names
Hi
Please post the logo image you have at the moment and I'll modify it for you.
Regards,
Pizza Boi
Please post the logo image you have at the moment and I'll modify it for you.
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Sticker (logo) infront of user names
If the image is tall and gets clipped you should either add to the top or bottom padding :
You can also use the background size property to adjust the bg image dimensions which would be a more preferred solution :
- Code:
a span[style="color:#990099"] strong {
background:url(http://i73.servimg.com/u/f73/11/60/75/36/helper10.png) no-repeat;
padding-top:2px;
padding-left:16px;
padding-bottom:4px;
}
You can also use the background size property to adjust the bg image dimensions which would be a more preferred solution :
- Code:
a span[style="color:#990099"] strong {
background:url(http://i73.servimg.com/u/f73/11/60/75/36/helper10.png) no-repeat;
background-size:12px 12px;
padding-left:16px;
}
Re: Sticker (logo) infront of user names
The first code works but when i go to my profile there isn't the logo... There only 4 dots like this ( : : )
cakiMK- New Member
- Posts : 10
Reputation : 1
Language : Macedonian
Re: Sticker (logo) infront of user names
If you're using this selector :
It will only affect links.
You could remove the anchor tag and do something like this :
- Code:
a span[style="color:#990099"] strong
It will only affect links.
You could remove the anchor tag and do something like this :
- Code:
span[style="color:#990099"] strong
Similar topics
» user names
» Unbanable User Names.
» Colouring User Names
» *** User Groups & Names [PLEASE HELP]
» My user names are being cut off to 9 characters
» Unbanable User Names.
» Colouring User Names
» *** User Groups & Names [PLEASE HELP]
» My user names are being cut off to 9 characters
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum