cadence
in a quiet garden
Hello there, friends. I'm 'bout to show you a pretty useless but kinda handy dandy little trick using HTML/CSS. You probably already know about the adorable little emoticons our dear Ghost made us, but you also may have noticed that... Well they're a little too big compared to your text. At least, that's what I noticed. Using this little trick you can change the size of any of the emoticons and I'm gonna show you how.
Here is the default font with the default size with the default emoticon thingamabob.
It's a little big, eh? But using your magical powers you can make it > < not so big, eeeeeh.
All ya gotta do is :
<img alt=":GhostR:" data-emoticon="true" src="https://www.rpnation.com/uploads/emoticons/Emoticon6-GhostR.png" title=":GhostR:">
Pretty much useless knowledge but it's kinda worth it, eeeeeh? :Horns:
View full tutorial
Here is the default font with the default size with the default emoticon thingamabob.
It's a little big, eh? But using your magical powers you can make it > < not so big, eeeeeh. All ya gotta do is :
- Insert the emoticon you wanna resize. I'm using my favorite one: :GhostR: little ghostie.
- After typing in your emoticon, you should see a code that shows up something like:
<img alt=":GhostR:" data-emoticon="true" src="https://www.rpnation.com/uploads/emoticons/Emoticon6-GhostR.png" title=":GhostR:">
- You're going to add { style="width:##px;" } don't add the brackets to the code. It doesn't really matter where as long as it isn't in between any quotation marks. I usually add mine after the last ":GhostR:".
- Insert the size you want - I usually do 14px - and wallah. You get something that looks like this and you've successfully resized your emoticon.
Code:
<img alt=":GhostR:" data-emoticon="true" src="https://www.rpnation.com/uploads/emoticons/Emoticon6-GhostR.png" title=":GhostR:" style="width:14px;">Pretty much useless knowledge but it's kinda worth it, eeeeeh? :Horns:
View full tutorial