IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Sat 20 Jul 2019, 13:07

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 13 users online :: 0 Registered, 0 Hidden and 13 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

SLGray
SLGray
Valued Member
Gender : Male
Age : 46
Posts : 2465
Points : 5427
Reputation : 290
Location : United States
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : ModernBB
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.
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 22
Posts : 3671
Points : 5440
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
View user profile http://www.canvasforums.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
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 22
Posts : 3671
Points : 5440
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
View user profile http://www.canvasforums.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
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 22
Posts : 3671
Points : 5440
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
View user profile http://www.canvasforums.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
Dr Jay
Dr Jay

Gender : Male
Posts : 156
Points : 1250
Reputation : 35
Location : USA
Language : English (Native)
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
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
Notice: Since FMD is closing, I can help provide support.
See link to my forum on my profile.
Dr Jay
Dr Jay

Gender : Male
Posts : 156
Points : 1250
Reputation : 35
Location : USA
Language : English (Native)
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
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
Notice: Since FMD is closing, I can help provide support.
See link to my forum on my profile.
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 22
Posts : 3671
Points : 5440
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
View user profile http://www.canvasforums.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
Dr Jay
Dr Jay

Gender : Male
Posts : 156
Points : 1250
Reputation : 35
Location : USA
Language : English (Native)
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
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
Notice: Since FMD is closing, I can help provide support.
See link to my forum on my profile.
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 22
Posts : 3671
Points : 5440
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
View user profile http://www.canvasforums.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
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 22
Posts : 3671
Points : 5440
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
View user profile http://www.canvasforums.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
Sponsored content

PostSponsored content

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