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.

How to add avatar or icon before username?

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Solved How to add avatar or icon before username?

Post by The Singer on December 30th 2016, 2:58 pm

First topic message reminder :

Hello,
In my forum http://avacschat.yforum.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?


Last edited by The Singer on January 2nd 2017, 11:31 pm; edited 1 time in total
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down


Solved Re: How to add avatar or icon before username?

Post by SLGray on January 1st 2017, 10:14 pm

Draxion needs to see it to figure out a solution.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40853
Reputation : 2773
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How to add avatar or icon before username?

Post by Valoish on January 2nd 2017, 1:53 am

I think I found a way to hide the group from the legend, and it seems to me that the names of both Staff and regular members on your forum is bolded so this should be okay to do..
1. Create a group called Members, and use this hex color #069 (this is the same color your links are in). Click yes for coloring members names.
2. Get the group number from the link of the group (click
3. Go to ACP > Display > Colors > CSS Stylesheet
4. 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
Tested this with your Top Users and it seems to work on both forums:


After you've done the above steps, try to use the tutorial for adding an icon before a username and see if it works c:
avatar
Valoish
Forumember

Female Posts : 291
Reputation : 54
Language : English
Location : NYC

http://www.canvastutorials.org/

Back to top Go down

Solved Re: How to add avatar or icon before username?

Post by The Singer on January 2nd 2017, 5:36 am

Yes it works but the staff and members are bolded in forum. Members should not be bolded as staff so is it possible to keeps small font in their username?
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: How to add avatar or icon before username?

Post by Draxion on January 2nd 2017, 5:39 am

Yes, add the property 'font-weight' to that same code.
Code:
font-weight: normal !important;


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1834
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: How to add avatar or icon before username?

Post by The Singer on January 2nd 2017, 6:38 am

Code:
a.gensmall[href="/g#-members"] {
  color: transparent!important;
font-weight: normal !important;
  background-color: transparent!important;
  width: 0;
  height: 0;
  padding: 0!important;
  margin: 0!important; }
@Draxion I used this code with your code butut still I don't see any changes.no small letter at all....
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: How to add avatar or icon before username?

Post by Luffy on January 2nd 2017, 9:34 pm

@The Singer you have to replace the # with the group number in order for the code to work.





avatar
Luffy
Manager
Manager

Male Posts : 4866
Reputation : 492
Language : Greek, English
Location : Greece

http://thinktank.forumotion.com/

Back to top Go down

Solved Re: How to add avatar or icon before username?

Post by The Singer on January 2nd 2017, 9:57 pm

@Luffy I did it and it works but problem is that all members are bold like staff members of forum. Members username should be smaller than staff members. This code only hide members group from legend but unable to make small font size of members as before... so have you any solution to make it smaller than staff?
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: How to add avatar or icon before username?

Post by Luffy on January 2nd 2017, 10:18 pm

Hello @The Singer,

You are talking about the last post column and the who is online part? Because all the rest forum the members are not bold.
If that's the problem then try this:
Code:
dd.lastpost span strong a, .wio_value strong a { font-weight: normal!important; }





avatar
Luffy
Manager
Manager

Male Posts : 4866
Reputation : 492
Language : Greek, English
Location : Greece

http://thinktank.forumotion.com/

Back to top Go down

Solved Re: How to add avatar or icon before username?

Post by The Singer on January 2nd 2017, 10:26 pm

Top posters part is also bold for members check http://avacschat.yforum.biz also some widgets are showing bold too
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: How to add avatar or icon before username?

Post by Luffy on January 2nd 2017, 10:30 pm

Okay then try this:
Code:
dd.lastpost span strong a, .wio_value strong a, span[style="color:#403B3B"] strong { font-weight: normal!important; }





avatar
Luffy
Manager
Manager

Male Posts : 4866
Reputation : 492
Language : Greek, English
Location : Greece

http://thinktank.forumotion.com/

Back to top Go down

Solved Re: How to add avatar or icon before username?

Post by Valoish on January 2nd 2017, 10:55 pm

Thanks for taking over @Luffy! I'm still at work so I haven't had time to look into the bolded issue. x_x
avatar
Valoish
Forumember

Female Posts : 291
Reputation : 54
Language : English
Location : NYC

http://www.canvastutorials.org/

Back to top Go down

Solved Re: How to add avatar or icon before username?

Post by Luffy on January 2nd 2017, 11:03 pm

No worries @Valoish! Smile @The Singer is this problem solved for you now?





avatar
Luffy
Manager
Manager

Male Posts : 4866
Reputation : 492
Language : Greek, English
Location : Greece

http://thinktank.forumotion.com/

Back to top Go down

Solved Re: How to add avatar or icon before username?

Post by The Singer on January 2nd 2017, 11:31 pm

Ahh great! Thanks both of you @Luffy and @Valoich
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: How to add avatar or icon before username?

Post by APE on January 2nd 2017, 11:57 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules



avatar
APE
Manager
Manager

Male Posts : 10991
Reputation : 1030
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


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