[SNIP] Sky: CotL avatar frame
created by:FlowerlyRat
HTMLCharacterMiscellaneous
Copy
<!-- Sky: Children of the Light character frame: code by FlowerlyRat || Frame by ThatGameCompany, recreated by FlowerlyRat Credit not required but appreciated! If you want the background image to be the same as the current profile's avatar, I recommend directly copying the link of it and pasting it in the code! Since when you change it, it updates it in the code automatically [tho it does take a while for it to actualise] You can also decide to get rid of the spinning frame by deleting the snippet between "Inner spinning frame" Please do keep in mind that the frame no longer aligns properly with the actual avatar if there are too many tags! And that if you manually move it on desktop, it will no longer look good on mobile devices And while I'm talking about mobile devices, the background card slightly spills onto the info area of the profile, not by much, but I'm stating it in case it annoys anyone lol --> <div class="card border-0 rounded-0 p-0 align-items-center justify-content-center" style="position: absolute; top: 11px; left: 3px; height: 130px; width: 130px;"> <!--///Avatar///--> <div class="card border-0 p-0" style="position: absolute; height: 100px; width: 100px; border-radius: 50%; z-index: 5; background: url( https://f2.toyhou.se/file/f2-toyhou-se/images/70704855_HyNZgIECVke9qBG.png ); background-size: cover; background-position: center; margin-top: 1px"></div> <!--///Outer frame///--> <img class="d-block mx-auto my-auto" src=" https://f2.toyhou.se/file/f2-toyhou-se/images/75393819_T9bW5LwCHDfGkvO.png " style="position: absolute; opacity: 1; z-index: 5"> <!--///Inner spinning frame///--> <div class="align-items-center justify-content-center" style="position: absolute; width: 103px; z-index: 5"> <i class="fas fa-spin" style="animation-duration: 26s; opacity: 1"><img class="d-block mx-auto my-auto" src=" https://f2.toyhou.se/file/f2-toyhou-se/images/75393824_cNfM0cZkOOKtPRh.png "></i> </div> <!--///Inner spinning frame end///--> </div>