The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

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

3 posters

Go down

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

Post by Paradise Mon 12 Feb - 11:09

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 unspecified - Where can I get icons for the award system used in this forum Scr310

Since it use css code to change the icons. Below is the css code share by @Ange Tuteur in this post https://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 */
Paradise
Paradise
Forumember

Male Posts : 117
Reputation : 1
Language : English

http://igboist.forumotion.com/forum

Back to top Go down

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

Post by Draxion Mon 12 Feb - 11:36

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.
Draxion
Draxion
Helper
Helper

Male Posts : 2518
Reputation : 321
Language : English
Location : USA

https://www.talesoftellene.com/

Back to top Go down

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

Post by Paradise Mon 12 Feb - 11:39

Alright
Paradise
Paradise
Forumember

Male Posts : 117
Reputation : 1
Language : English

http://igboist.forumotion.com/forum

Back to top Go down

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

Post by Draxion Mon 12 Feb - 11:43

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.
Draxion
Draxion
Helper
Helper

Male Posts : 2518
Reputation : 321
Language : English
Location : USA

https://www.talesoftellene.com/

Back to top Go down

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

Post by Paradise Mon 12 Feb - 12:11

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....
Paradise
Paradise
Forumember

Male Posts : 117
Reputation : 1
Language : English

http://igboist.forumotion.com/forum

Back to top Go down

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

Post by Ange Tuteur Tue 13 Feb - 8:52

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.
unspecified - Where can I get icons for the award system used in this forum Captur10
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
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

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

Post by Paradise Tue 13 Feb - 17:15

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
Paradise
Paradise
Forumember

Male Posts : 117
Reputation : 1
Language : English

http://igboist.forumotion.com/forum

Back to top Go down

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

Post by Paradise Sun 25 Feb - 13:36

bump
Paradise
Paradise
Forumember

Male Posts : 117
Reputation : 1
Language : English

http://igboist.forumotion.com/forum

Back to top Go down

Back to top


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