[F2U HTML] Lil Ribbon Code

Piuwpa

Info


Created
1 year, 2 months ago
Creator
Piuwpa
Favorites
1217

Profile


61903007_e5jSBdNqdKzoy8a.png
61903007_e5jSBdNqdKzoy8a.png
61903007_e5jSBdNqdKzoy8a.png
61903007_e5jSBdNqdKzoy8a.png
61903007_e5jSBdNqdKzoy8a.png
61903007_e5jSBdNqdKzoy8a.png

A simple code I made for hanging ribbons up on your avatar area I decided to make public since people seemed interested in them :)


TOP RIGHT CORNER BELOW RIGHT CORNER RIBBON ROW

You can put one or all of them simultaneously, but I wouldn't recoment it as it could look way too crowded!


Paste the code above your existing code. I don't know why, but sometimes it won't work below everything.

These should be Mobile Friendly as far as I've tested, however it might look different in some devices. Let me know!

v If the code displace or break, especially the row one, click here v


  • You probably have a lot of tags or tags that are too long. It's uncertain how many tags breaks the code since it also depends of its lenght. Do not use this code if your character has too many tags; three to four or none at all is better!
  • Other reason could be screen resolution or screen zoom. If the zoom or resolution of your screen is 150% or 175% ribbons will overlap your username, however this is only visible to you as people with other zooms see it normally.
  • Avatar size, name length, CSS, designer amount, navegator type ... could also alter the ribbons positions as recently seen!

I suggest comparing with other screens as it could be an issue only visible to you.

Please notice that the code basically 'floats' on top of the page, like an overlay, and it could displace whenever the default Toyhouse page changes or streches because it's not anchored to the thumbnail or name unless you're premium or something.

If you need help visualizing the codes altogether, I recommend orchestrator's amazing Live Code Editor!


Some Ribbon suggestions: