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 a png emoticon?

View previous topic View next topic Go down

Solved How to add a png emoticon?

Post by Luffy on October 13th 2014, 12:49 pm

Hello,

I've been trying to add an emoticon which i made as png but it uploads it with black background. How can i upload it with no background so its displayable the same to all background colors?

Thanks!

Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: How to add a png emoticon?

Post by Ange Tuteur on October 13th 2014, 5:06 pm

Hello MrMind,

How large is the png file size ?

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to add a png emoticon?

Post by Luffy on October 13th 2014, 11:10 pm

Well the images are these:










I already have some icons similar to these with sort of same letters and meanings but i made them with a specific background and i don't want them to have a specific background because staff members have other bg and the forum portal is different bg also.






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: How to add a png emoticon?

Post by Ange Tuteur on October 14th 2014, 2:48 am

I believe the image's dimensions may be too wide. I cut one in half and it kept the transparency. Shrinking it down to about a quarter of the size also worked.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to add a png emoticon?

Post by Luffy on October 14th 2014, 9:14 am

Ok that worked for me also. Is there any possibility that the images would be a bit more bit?

They are small but they are readable. So if not possible can you shrink the rest too please, because i cannot shrink them like that. I must created them all over again! Sad






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: How to add a png emoticon?

Post by Ange Tuteur on October 14th 2014, 2:54 pm

You could probably style them using the table tags. For example :
Code:
[table class="scaleAdjust"][tr][td]image[/td][/tr][/table]

Then in your sheet you have something to adjust the image :
Code:
.scaleAdjust img { width:200px }

As for the icons :
http://i39.servimg.com/u/f39/18/21/41/30/freedo10.png
http://i39.servimg.com/u/f39/18/21/41/30/kappar10.png
http://i39.servimg.com/u/f39/18/21/41/30/softwa10.png
http://i39.servimg.com/u/f39/18/21/41/30/upsilo10.png

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to add a png emoticon?

Post by Luffy on October 14th 2014, 6:03 pm

Thanks this is solved!






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: How to add a png emoticon?

Post by Ange Tuteur on October 14th 2014, 6:06 pm

You're welcome Smile

Topic archived

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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