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.

Sticker (logo) infront of user names

4 posters

Go down

In progress Sticker (logo) infront of user names

Post by cakiMK April 8th 2014, 4:10 pm

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
avatar
cakiMK
New Member

Posts : 10
Reputation : 1
Language : Macedonian

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by Klonoa April 8th 2014, 8:55 pm

Klonoa
Klonoa
Forumember

Male Posts : 163
Reputation : 5
Language : English, Serbian
Location : Repulika Srpska

http://pokemonworldrpg.pokemonlegend.org/

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by cakiMK April 8th 2014, 9:06 pm

Thank you, I'll check it when i have time Smile
avatar
cakiMK
New Member

Posts : 10
Reputation : 1
Language : Macedonian

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by Ange Tuteur April 9th 2014, 5:27 am

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.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by cakiMK April 9th 2014, 3:20 pm

What do you think ? what is better ? phpBB 3 phpBB2 php or the other one ?
avatar
cakiMK
New Member

Posts : 10
Reputation : 1
Language : Macedonian

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by cakiMK April 9th 2014, 3:30 pm

wich dimension the pircture needs to be?
avatar
cakiMK
New Member

Posts : 10
Reputation : 1
Language : Macedonian

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by Pizza Boi April 9th 2014, 6:03 pm

Hi Very Happy

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 Wink .

Also, for your second question, I'd use 15 by 15 or at least 30 by 30 dimension Smile .

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by cakiMK April 9th 2014, 8:18 pm

I don't know how to do that with sticker infront :/ help me
avatar
cakiMK
New Member

Posts : 10
Reputation : 1
Language : Macedonian

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by Pizza Boi April 9th 2014, 8:21 pm

Hi Very Happy

What's the current code you are using for it?

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by cakiMK April 9th 2014, 8:29 pm

Hi Very Happy
The code that Moderator gave to me Very Happy On the link UPPER Smile
avatar
cakiMK
New Member

Posts : 10
Reputation : 1
Language : Macedonian

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by Ange Tuteur April 9th 2014, 8:38 pm

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

Sticker (logo) infront of user names Captu460

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.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by cakiMK April 10th 2014, 3:53 pm

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 Razz Thank you ill make this by following the steps
avatar
cakiMK
New Member

Posts : 10
Reputation : 1
Language : Macedonian

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by cakiMK April 10th 2014, 3:55 pm

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 ?


Last edited by cakiMK on April 10th 2014, 3:56 pm; edited 1 time in total (Reason for editing : New idea)
avatar
cakiMK
New Member

Posts : 10
Reputation : 1
Language : Macedonian

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by Pizza Boi April 10th 2014, 4:30 pm

Hi Very Happy

#2 Post - Yeah 16 by 16 should suffice

#1 Post - Sharpen the image by at least 75 percent

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by cakiMK April 10th 2014, 4:36 pm

Look how i got the logo http://prntscr.com/38pie7 not whole at all
avatar
cakiMK
New Member

Posts : 10
Reputation : 1
Language : Macedonian

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by Pizza Boi April 10th 2014, 5:24 pm

Hi Very Happy

Please post the logo image you have at the moment and I'll modify it for you.

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by Ange Tuteur April 10th 2014, 5:39 pm

If the image is tall and gets clipped you should either add to the top or bottom padding :
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;
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by cakiMK April 10th 2014, 7:34 pm

The first code works but when i go to my profile there isn't the logo... There only 4 dots like this ( : : )
avatar
cakiMK
New Member

Posts : 10
Reputation : 1
Language : Macedonian

Back to top Go down

In progress Re: Sticker (logo) infront of user names

Post by Ange Tuteur April 11th 2014, 1:08 am

If you're using this selector :
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
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

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