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.

Where can I get icons for the award system used in this forum

Go down

Where can I get icons for the award system used in this forum

Post by Paradise on February 12th 2018, 6:09 pm

Technical Details


Forum version : #Unspecified
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Other
Who the problem concerns : All members
Forum link : http://uniquecitizens.forumotion.com

Description of problem

I have issue of icons for the award systems for something like this

Since it use css code to change the icons. Below is the css code share by @Ange Tuteur in this post http://help.forumotion.com/t154916-award-selector#1064917

Code:
/* -- award css -- */
.postprofile .fmd_awards {
  display:block;
  white-space:nowrap;
  position:relative;
  overflow:hidden;
}
.postprofile .fmd_awards tbody { display:block; }
 
.fmd_awards td {
  color:#FFF;
  background:#69C;
  height:32px;
  width:32px;
  border-radius:100px;
  position:relative;
  display:inline-block;
  text-align:center;
  line-height:32px;
  font-size:18px;
  margin:1px;
  cursor:default;
}
 
.a_member:before { content:"\f00c"; } /* registered */
avatar
Paradise
Forumember

Male Posts : 95
Reputation : 1
Language : English

http://uniquecitizens.forumotion.com/u1

Back to top Go down

Re: Where can I get icons for the award system used in this forum

Post by Draxion on February 12th 2018, 6:36 pm

Hi there,

I'm pretty sure you have to use your own icons since the ones in that screenshot are copyrighted to Ange's forum.


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 : 1910
Reputation : 238
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Re: Where can I get icons for the award system used in this forum

Post by Paradise on February 12th 2018, 6:39 pm

Alright
avatar
Paradise
Forumember

Male Posts : 95
Reputation : 1
Language : English

http://uniquecitizens.forumotion.com/u1

Back to top Go down

Re: Where can I get icons for the award system used in this forum

Post by Draxion on February 12th 2018, 6:43 pm

I mean you can wait for clarification from @Ange Tuteur if you want to so you can use the same ones or not. I'm just stating my answer.


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 : 1910
Reputation : 238
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Re: Where can I get icons for the award system used in this forum

Post by Paradise on February 12th 2018, 7:11 pm

@Draxion wrote:I mean you can wait for clarification from @Ange Tuteur if you want to so you can use the same ones or not. I'm just stating my answer.

I think I have seen the tricks he used....

Thanks for your reply....
avatar
Paradise
Forumember

Male Posts : 95
Reputation : 1
Language : English

http://uniquecitizens.forumotion.com/u1

Back to top Go down

Re: Where can I get icons for the award system used in this forum

Post by Ange Tuteur on February 13th 2018, 3:52 pm

Hi,

Just for clarification the icons and awards system on my forum aren't copyrighted, so anyone can use it really. The icons themselves are from font awesome. (see cheatsheet below) If you're using FA Edge Font Awesome should be installed by default, if not you will have to install it on your forum --> tuto.
https://fontawesome.com/cheatsheet

To create an award with a different icon simply give it a different class, such as "a_apple" for example.
Code:
[td class="a_apple"][/td]

then our css will use the apple icon from font awesome by copying it's code (f179) and use the escape sequence (\) to indicate it's a special character.

Code:
.a_apple:before { content:"\f179"; } /* apple */
compare with the .a_member:before CSS rule to see the difference.

If any questions let us know.

Have a good day. Doff
avatar
Ange Tuteur
Forumaster

Male Posts : 13187
Reputation : 2893
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Re: Where can I get icons for the award system used in this forum

Post by Paradise on February 14th 2018, 12:15 am

Thanks @Ange Tuteur, I have solved that issue. My concern now is how to force the award icons to fall below the Title name and not beside the title name in the message profile
avatar
Paradise
Forumember

Male Posts : 95
Reputation : 1
Language : English

http://uniquecitizens.forumotion.com/u1

Back to top Go down

Back to top


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