✨ Winnie's Tutorials & Resources ✨

Olivia Belle Sato wrote: 10 Jun 2026, 12:07 Was this done in Covid? Yes. Do I care if it was? No. THANK U SO MUCH!
I started this five years ago but the codes should still apply. I know the site coding has been tweaked a bit these past few days so I might give it a day or two before making something because it might change.



STA: 15 • EVA: 18 • STR: 8
WIS: 11 • ARC: 7 • ACC: 17

• Healing Sage • Muggle Condition • Paragon of Health •
• Poison Resistance • Animagus • Wandmaker •

FELIX:
ORION:


✨ Winnie's Tutorials & Resources ✨
HOLY MOLY! MY IMAGES ARE TOO BIG! MY ENCY IS BROKEN! HELP ME!

Don't worry, fam, Winnie has got you. The site now requires you to add sizing to oversized images, which does mean that transparent ---- fillers are a thing of the past (YAY)!

Doing so is easy. We have our usual image that is coded like so:

Code: Select all

[img]/images/upload/0b4ah8a67a0w.webp[/img]
And it looks like the following:
Image posted by the member

"OH! But I want it SMALLER!"

Fear not! All we need to do is add an image size. This image's size is currently 218x400, so if we wanted to make it say half sized, all we would have to do is add in =109x200 after the img part!

Code: Select all

[img=109x200]/images/upload/0b4ah8a67a0w.webp[/img]
Image posted by the member

What else can I add to an image?
Well, you can now make it float either right or left, this will eliminate the need for using SOME tables. For example, the below has no tables!

Image posted by the memberLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at eleifend nulla. Curabitur ut quam vulputate, aliquet purus quis, tincidunt erat. Duis vel iaculis justo, ac finibus nisl. Proin neque augue, facilisis vel lacus eu, semper interdum mi. Fusce ornare finibus massa. Integer semper porttitor tellus, condimentum malesuada ipsum tempor vitae. Phasellus eget nunc magna. Quisque in pulvinar est, eget porttitor leo. Nulla lobortis facilisis dui, vel pellentesque magna mollis ac. Integer rhoncus, nisl sed congue rutrum, purus risus pellentesque nisi, ac mattis augue est eget orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at eleifend nulla.

WOW! SO COOL! SO AWESOME! HOW DO I DO IT?

Place your image before whatever text you want it to float next to, then just add in float=left or float=right after your img! Make sure there is a space. Like so:

Code: Select all

[img float=left]/images/upload/9u6x0lrtdf3r.webp[/img]
Guess what? You can also add in both tricks too! Check it out!

Image posted by the memberWinnie is awesome, she is awesome, the best. Winnie is awesome, she is awesome, the best. Winnie is awesome, she is awesome, the best. Winnie is awesome, she is awesome, the best. Winnie is awesome, she is awesome, the best. Winnie is awesome, she is awesome, the best. Winnie is awesome, she is awesome, the best. Winnie is awesome, she is awesome, the best. Winnie is awesome, she is awesome, the best. Winnie is awesome, she is awesome, the best. Winnie is awesome, she is awesome, the best. Winnie is awesome, she is awesome, the best.

Code: Select all

[img=109x200 float=right]/images/upload/0b4ah8a67a0w.webp[/img]
You're welcome! :)



STA: 15 • EVA: 18 • STR: 8
WIS: 11 • ARC: 7 • ACC: 17

• Healing Sage • Muggle Condition • Paragon of Health •
• Poison Resistance • Animagus • Wandmaker •

FELIX:
ORION: