Recent Tutorials
Who is online?
In total there are 8 users online :: 0 Registered, 0 Hidden and 8 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

How to add avatar or icon before username?

View previous topic View next topic Go down

avatar
MAX

Title :
Gender : Unspecified
Posts : 83
Points : 446
Reputation : 5
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostMAX on Fri 30 Dec 2016, 09:02

Hello,
In my forum http://avacs.fforum.biz here I have added crown before username of forum staffs by using tutorial of Ange. But this time I am wanting to add icon before username of forum all member will have default icon before their username. If I create group then usernames of members will be bold as staffs but I am wanting to add just a icon before usernames of members without any changing font size of them.... please have any tips?
avatar
SLGray
Valued Member
Title :
Owner of 2 Forums
Gender : Male
Age : 44
Posts : 2326
Points : 4475
Reputation : 275
Location : United States
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : ModernBB
Awards :
View all awards
View user profile http://www.fmthemes.forumotion.com https://www.facebook.com/FM-Themes-655055824604957 https://twitter.com/FMThemes https://pinterest.com/FMThemes

PostSLGray on Fri 30 Dec 2016, 15:52

Unless you are using Edge, this is not the place to ask for support.
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 20
Posts : 3608
Points : 4570
Reputation : 339
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Fri 30 Dec 2016, 17:55

Once again.. There is no need to open a topic on FMD if you have already opened one on the ESF. And as numerous people in that thread mentioned, Ange will no longer be providing support for Forumotion related tutorials or questions - even if they are FAE related. It is unfortunate, but he needs a break. I'm sure that the members on ESF will be able to help you c:

@SLGray; he is using FAE, but starting Jan 1, 2017 Ange will not be providing much support for FAE either.. :c

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
MAX

Title :
Gender : Unspecified
Posts : 83
Points : 446
Reputation : 5
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostMAX on Sat 31 Dec 2016, 05:54

@SLGray wrote:Unless you are using Edge, this is not the place to ask for support.
it is the question about Edge. My forum http://avacs.fforum.biz so @SLGray please don't comment before checking forum. Thanks
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 20
Posts : 3608
Points : 4570
Reputation : 339
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Sat 31 Dec 2016, 12:04

@Mr.Alam Okay so I think I found a solution for your request.
Go to ACP > Users & Groups > Group Administration
Then, click on Create New Group and use the following settings:
Group Name: Members
Group Description: Up to you
Group Moderator: Up to you
Group Members Color: Pick any random color, this won't matter after the next step
Color Group Members: DO NOT click "Yes", leave it as it is
Group Order: Up to you
Group Status: Up to you
Permission to Send PM in Bulk: Up to you
Auto-subscribe? Yes (This will make every new member on your forum have the Icon)

Then just follow the same steps you followed to add a Crown to your Staff members and you're done ^^
The reason member names get bolded is because people choose to color group members. By not clicking on "Yes" you're leaving the names as they are, but still allow members to be part of that group.

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
MAX

Title :
Gender : Unspecified
Posts : 83
Points : 446
Reputation : 5
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostMAX on Sat 31 Dec 2016, 12:12

Please check this one http://help.forumotion.com/t150110-how-to-add-avatar-or-icon-before-username#1035748 my problem iss similar like this topic. I need color code of group or usernane to set icon before username. But if I select group color then it appears as legend so itt is another problem too... so I need icon before username of members but they will not appear as legend..
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 20
Posts : 3608
Points : 4570
Reputation : 339
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Sat 31 Dec 2016, 12:17

When creating a new group, select a color (Let's say.. #7b98f5 for example.) and then don't click on "Yes" when it asks you if you want to color the members names. Then try using the CSS code given in that topic and replacing #000000 with #7b98f5 and see if it works.

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
Dr Jay

Title :
Power of Youth!
Gender : Male
Posts : 153
Points : 459
Reputation : 33
Location : USA
Language : English (Native)
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile http://www.geekpolice.net

PostDr Jay on Sat 31 Dec 2016, 13:53

@Mr.Alam << Are you referring to how they appear for mentions, or anytime for a member's name. If you're just trying to make it appear next to a member's name in the legend, we would need to be much more advanced.

Please tell us exactly what you want to do.


@Mr.Alam
Tell you what, copy and paste the code for placing icons before staff usernames, please. I will see if it's possible.


@Valoish - Hi there, hope you don't mind. Smile

--------

~Dr Jay
avatar
MAX

Title :
Gender : Unspecified
Posts : 83
Points : 446
Reputation : 5
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostMAX on Sat 31 Dec 2016, 14:03

@Valoish I tried what you mentioned above but still not working because @Ange Tuteur tutorial just follow the color code of group to add an icon before username only. So if I not choose color for group then I think it is almost impossible. May be Ange can help me in this regard.
avatar
Dr Jay

Title :
Power of Youth!
Gender : Male
Posts : 153
Points : 459
Reputation : 33
Location : USA
Language : English (Native)
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile http://www.geekpolice.net

PostDr Jay on Sat 31 Dec 2016, 14:05

Hi there,

I can also help (unless it's out of my range, but that's unlikely):
http://fmdesign.forumotion.com/t1213-how-to-add-avatar-or-icon-before-username#28757

--------

~Dr Jay
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 20
Posts : 3608
Points : 4570
Reputation : 339
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Sat 31 Dec 2016, 14:29

@dr jay No worries c: The more people try to help the faster we may be able to solve this XD
And this is the code Ange made. 
One way I was thinking of going about this is to make a JS that will apply the icon to members that are in a specific group, and to use the group ID found in the URL in that JS so it knows which group to target

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
MAX

Title :
Gender : Unspecified
Posts : 83
Points : 446
Reputation : 5
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostMAX on Sat 31 Dec 2016, 14:48

Anyone who can make code related to this topic?
avatar
Dr Jay

Title :
Power of Youth!
Gender : Male
Posts : 153
Points : 459
Reputation : 33
Location : USA
Language : English (Native)
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile http://www.geekpolice.net

PostDr Jay on Sat 31 Dec 2016, 16:06

Okay... @Valoish is right.

1. You need to make a group for all members to auto-subscribe when they are at 0-1 posts. Then, add in an icon before them as the other groups members do. You can make the group hidden if it makes it easier.

2. If you would like a different icon for each member, unfortunately, you have to do it manually. (I.E. create each hidden group, subscribe that specific member to it, and the icon is auto-applied).

{GAMBIT/TROUBLE: For each member's link,
Code:
a.link
is the code for each of them that are not subscribed to a group. The only time a member link changes is if they are in a group. Keep in mind that
Code:
a.link
is the same CSS code for all other links for the forum. So, if you attach an image to "a.link" - it is going to attach that same icon to each of them.}

3. Otherwise, you would have to attach an icon to each member ID, which would take impossibly too long, lest you have a small supply of members.


>>> Action to take: Decide what code you want from this list or what method you want to use, and then we can go from there.

--------

~Dr Jay
avatar
MAX

Title :
Gender : Unspecified
Posts : 83
Points : 446
Reputation : 5
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostMAX on Mon 02 Jan 2017, 13:02

@Valoish hey you made solution inn other topic now member is invisible but all members username is bold like forum staff. It should bee smaller than staff. So have you anyny way to do it?
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 20
Posts : 3608
Points : 4570
Reputation : 339
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Mon 02 Jan 2017, 13:20

@Mr.Alam Hi~
I'm currently at work so I can't sit and mess around with codes since my boss could walk by and see :I
I'll take a look at it when I'm off of work, unless Draxion solves it before me xD

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 20
Posts : 3608
Points : 4570
Reputation : 339
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Mon 02 Jan 2017, 18:23

@Ange Tuteur; Since this issue has been resolved on the ESF, this topic can be locked c:
Re-posting the answer here as well for future use by other members:

Step 1: Creating a group
Go to ACP > Users & Groups > Group Administration
Then, click on Create New Group and use the following settings:
Group Name: Members
Group Description: Up to you
Group Moderator: Up to you
Group Members Color: Pick any random color
Color Group Members: Click on "Yes"
Group Order: Up to you
Group Status: Up to you
Permission to Send PM in Bulk: Up to you
Auto-subscribe? Yes (This will make every new member on your forum have the Icon)

Step 2: Hiding it from the legend
1. Get the group number from the link of the group (click)
2. Go to ACP > Display > Colors > CSS Stylesheet
3. Paste the following at the end of your CSS
Code:
a.gensmall[href="/g#-members"] {  color: transparent!important;  background-color: transparent!important;  width: 0;  height: 0;  padding: 0!important;  margin: 0!important; }
Replace # with the group number you got in step 2

Step 3: Un-bolding members' names (Special thanks to @Luffy!)
Paste the following under the CSS you just added in:
Code:
dd.lastpost span strong a, .wio_value strong a, span[style="color:#403B3B"] strong { font-weight: normal!important; }

Then just follow the steps in Ange's tutorial for adding an icon next to a username and done~

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
MAX

Title :
Gender : Unspecified
Posts : 83
Points : 446
Reputation : 5
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostMAX on Tue 03 Jan 2017, 04:34

Ok thanks ans archives this valuable tutorial...

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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