Modding on the Spectrum

https://modding-on-the-spectrum.com/images/smilies/sn-1.png

[imgc=179]https://modding-on-the-spectrum.com/images/smilies/sn-48.png[/imgc]

:sn-31: 

[imgc=70]https://modding-on-the-spectrum.com/images/smilies/sn-31.png[/imgc]

[imgc=148]https://modding-on-the-spectrum.com/images/smilies/sn-31.png[/imgc]

[size=150]Bonus tip - inserting the full resolution version of the new smileys:[/size]

[imgc=179]https://modding-on-the-spectrum.com/images/smilies/sn-13.png[/imgc]


The full resolution of most smileys is 148 pixels (width). The biggest original width, 179 pixels, has the party smiley. All you need is the image link of the smiley in question and the [url=https://modding-on-the-spectrum.com/viewtopic.php?p=677#p677]imgc[/url] BBCode.


[size=120]How get the image link: [/size]
[u]Variant 1[/u]
Insert the normal version of the smiley, start the preview of the post, right-click on the smiley and choose the [url=https://www.lifewire.com/copy-image-web-address-url-1174175]copy image link[/url] option (or whatever it is called in your browser).
[u]Variant 2[/u]
Copy and paste this link into your post:
[code]https://modding-on-the-spectrum.com/images/smilies/sn-1.png[/code]
Change the number at the end of the link to the number of that smiley in question. The number is displayed when you hover with your mouse over the smiley in the "Smilies" section in the posting editor or in the smilies categories (click on the "View more smilies" link to access these categories).


[size=120]Combine the image link with the imgc BBCode:[/size]


Sample party smiley combined with imgc BBCode:

[code][imgc=179]https://modding-on-the-spectrum.com/images/smilies/sn-48.png[/imgc][/code]
[imgc=179]https://modding-on-the-spectrum.com/images/smilies/sn-48.png[/imgc]



[hr][/hr]



[size=120]Size comparison:[/size]

default resolution (25 pixels):
:sn-31:
[code]:sn-31: [/code]


bigger resolution (70 pixels):
[imgc=70]https://modding-on-the-spectrum.com/images/smilies/sn-31.png[/imgc]
[code][imgc=70]https://modding-on-the-spectrum.com/images/smilies/sn-31.png[/imgc][/code]


full resolution (148 pixels):
[imgc=148]https://modding-on-the-spectrum.com/images/smilies/sn-31.png[/imgc]
[code][imgc=148]https://modding-on-the-spectrum.com/images/smilies/sn-31.png[/imgc][/code]

OOOOOH!!! Holidays! :sn-48: :sn-52: :sn-53: :sn-56: :sn-55:

:sn-47:

:sn-48:

:sn-49:

:sn-50:

:sn-51:

:sn-52:

:sn-53:

:sn-54: 

:sn-55:

:sn-56:

[u]Sushi (nigiri)[/u]
[code]:sn-47:[/code]
:sn-47:

https://openclipart.org/detail/13705/maguro-sushi


[size=125]Festivity emojis:[/size]

[u]Party[/u]
[code]:sn-48:[/code]
:sn-48:

https://publicdomainvectors.org/en/free-clipart/Color-birthday-hat-and-trumpet-vector-image/15040.html
https://pixabay.com/vectors/emojis-emoji-hipster-funny-4518355/


[u]Birthday cake[/u]
[code]:sn-49:[/code]
:sn-49:

https://pixabay.com/vectors/pie-birthday-cake-sweet-delicious-3639848/


[u]Present #1[/u]
[code]:sn-50:[/code]
:sn-50:

https://pixabay.com/vectors/gift-this-christmas-birthday-3385020/


[u]Present #2[/u]
[code]:sn-51:[/code]:sn-51:

https://pixabay.com/vectors/gift-present-wrapped-bow-ribbon-575653/


[u]Present #3[/u]
[code]:sn-52:[/code]:sn-52:

https://pixabay.com/vectors/present-wrapped-christmas-birthday-152626/


[u]Christmas tree[/u]
[code]:sn-53:[/code]:sn-53:

https://pixabay.com/vectors/christmas-christmas-tree-decoration-145319/


[u]Candy cane[/u]
[code]:sn-54: [/code]:sn-54:

https://openclipart.org/detail/189393/candy-cane


[u]Smiling emoji with Christmas hat[/u]
[code]:sn-55:[/code]:sn-55:

https://openclipart.org/detail/171028/christmas-penguin
https://pixabay.com/vectors/emojis-emoji-hipster-funny-4518355/


[u]New Year's Eve [/u]
[code]:sn-56:[/code]:sn-56:

https://openclipart.org/detail/167949/firework-ns

:sn-46:

I installed the Smilies Categories extension which I mentioned in my [url=https://modding-on-the-spectrum.com/viewtopic.php?p=585#p585]previous post[/url] and added the drink and food emojis to the "Drink and food" emoji category. You can access the categories by clicking on the "View more smilies" link above and below the "Smilies" section of the posting editor.

The next step will be creating the festivity emojis and their category (plus some other food emojis like burger).


Edit:

[u]Burger[/u]
[code]:sn-46:[/code]
:sn-46:

https://publicdomainvectors.org/en/free-clipart/Cheeseburger-image/69657.html



More emojis will come in the course of this evening/night.


[b]Edit 2:[/b]

It takes longer than expected due to additional changes I made to several emojis (changing color, combining shapes, creating additional simple shapes).

WIP image:
[attachment=0]Modding on the spectrum - festive smilies - wip.jpg[/attachment]

Uh oh... Now I'll have to edit my posts for coffee and cookies LOL, Thanks

Coming soon:

[url=https://breizhcode.com/viewtopic.php?t=141]Smilies Categories[/url]

[attachment=0]Modding on the Spectrum - Smilies Categories.jpg[/attachment]

I had to change some lines of code that contain the sql_fetchfield function [url=https://github.com/Sajaki/RecentTopics/issues/142#issuecomment-813488597]having too many arguments[/url]. They gave me an error when I tried to open the settings of the Smilies Categories extension. It seems to work fine now. I will probably install it on the live forum tomorrow (my bed is calling me :sn-4:).

So I can finally add more smileys :sn-13: and keep the list of smileys organized.


Most of the upcoming smileys will be related to festivities like birthday and Christmas.

OH YES, OH YES, OH YES, OH YES!!!!! :sn-42: :sn-43: :sn-41: :sn-39: :sn-40:

Sweets and drinks for you, Selene!!!!!!!

:sn-38:

:sn-39:

:sn-40:

:sn-41:

:sn-42:

:sn-43:

:sn-44:

:sn-45:

As [url=https://modding-on-the-spectrum.com/viewtopic.php?p=499#p499]promised[/url], I implemented beverage and food emojis.

[u]Coffee or tea[/u]
[code]:sn-38:[/code]:sn-38:

https://openclipart.org/detail/105685/coffe-tea-01-by-anonymous



[u]Wine[/u]
[code]:sn-39:[/code]:sn-39:

https://openclipart.org/detail/292853/wine-glass-3


[u]Beer[/u]
[code]:sn-40:[/code]:sn-40:

https://openclipart.org/detail/294301/boccale-di-birra



[u]Cookie[/u]
[code]:sn-41:[/code]:sn-41:

https://openclipart.org/detail/249534/cookie



[u]Candy[/u]
[code]:sn-42:[/code]:sn-42:

https://openclipart.org/detail/281993/sweet-5



[u]Chocolate[/u]
[code]:sn-43:[/code]:sn-43:

https://pixabay.com/vectors/chocolate-food-icon-dessert-sweet-5985979/?download



[u]Sushi (maki rolls)[/u]
[code]:sn-44:[/code]:sn-44:

https://openclipart.org/detail/292937/sushi



[u]Popcorn[/u]
(I couldn't resist his cuteness)
[code]:sn-45:[/code]:sn-45:

https://pixabay.com/vectors/popcorn-food-cartoon-snack-eat-7584692/

[quote=Selene310187 post_id=54 time=1667676176 user_id=2]
Yeah, shiny new smileys :sn-13: :sn-14: :sn-2:, 37 in total to be exact. Short code for each new smiley:
[code]:sn-1:[/code]
Just replace the number with number of the smiley of your choice. "sn" stands for "smiley new".

They are all based on [url=https://pixabay.com/vectors/emojis-emoji-hipster-funny-4518355/]these ones[/url] created by pinwhalestock. As they were on one single image, I had to cut them out using Inkscape. I also made some minor color adjustments like making the bow-tie of this smiley :sn-15: brighter so it is better seen.
[/quote]

Nice. I love shiny new things

[quote=Selene310187 post_id=67 time=1667760671 user_id=2]
I reached the next "level" in Inkscape: combining existing shapes to create something new. Now we have a wink smiley :sn-37: in a similar style to the other new smileys.
[/quote]

Leveling up! :sn-37: