The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Sticker (logo) infront of user names

View previous topic View next topic Go down

In progress Sticker (logo) infront of user names

Post by cakiMK on 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

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 on April 8th 2014, 8:55 pm


Klonoa
Forumember

Male Posts : 161
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 on April 8th 2014, 9:06 pm

Thank you, I'll check it when i have time Smile

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 on April 9th 2014, 5:27 am

Hello cakiMK,

If you mean placing an icon before or after a username, see this tuto :
http://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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

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

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

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 on April 9th 2014, 3:30 pm

wich dimension the pircture needs to be?

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 on 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
Hyperactive

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

http://redlustempire.forumtl.com/

Back to top Go down

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

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

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

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 on April 9th 2014, 8:21 pm

Hi Very Happy

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

Regards,
Pizza Boi

Pizza Boi
Hyperactive

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

http://redlustempire.forumtl.com/

Back to top Go down

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

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

Hi Very Happy
The code that Moderator gave to me Very HappyOn the link UPPER Smile

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 on 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


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://illiweb.com/fa/empty.gif) no-repeat;
padding-left:**px;
}

Next choose an image, I'll be using : https://i73.servimg.com/u/f73/11/60/75/36/helper10.png

replace http://illiweb.com/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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

Post by cakiMK on 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 RazzThank you ill make this by following the steps

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 on 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)

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 on 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
Hyperactive

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

http://redlustempire.forumtl.com/

Back to top Go down

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

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

Look how i got the logohttp://prntscr.com/38pie7 not whole at all

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 on 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
Hyperactive

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

http://redlustempire.forumtl.com/

Back to top Go down

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

Post by Ange Tuteur on 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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

Post by cakiMK on 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 ( : : )

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 on 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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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