err tutoriel on how to get a doll page and etc

some of you guys asked me on how I get that griefer thing on the corner of my profile and how I did that shape thing on my pfp and how i customized the bot card background too so yeah im gonna share you guys ig

so theres a website tinhing where you can read some guides and get some codes for your CSS [link here]

alr lets get started 🧍‍♂️🧍‍♂️🧍‍♂️

━━━━⊱⋆⊰━━━━

to get a doll page thing

copy dis code:

<div class="page-doll"><img src="IMAGE LINK" alt="Page Doll"></div><style>.page-doll {position: fixed;bottom: 10px; right: 10px;: 1000;}.page-doll img {width: --px;height: auto;cursor: pointer;}</style>

on the text "IMAGE LINK" you need to replace it with the link of the image you copied [right click your mouse on the image or long press the image and click copy image address to the image you want]

for the position you can replace bottom to top and adjust the px to your liking same with the right you can replace the right to left and adjust the px to your liking :D

for the width i think that where you can adjust its size

━━━━⊱⋆⊰━━━━

For image mask like this [dont mind my pfp 💔]:

you can visit this link to pick the shape you want and after that you can copy it at the bottom of it

after that you can copy this code:

<class id> {clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}

replace the clip path in the braces with the one you copied it and replace the 'class id' with this: .css-18bnokj [for your pfp in profile card]

━━━━⊱⋆⊰━━━━

ffor the final on how I customized my bot card background:

Its pretty easy and simple btw so no need to worry my kittens

if you want solid color you can use this:

<style>.css-1s5evre {background-color: COLOR;}</style>

for COLOR replace it with a hex color code or rgb

but if you want gradient like mine use this:

<style>.css-1s5evre {background: GRADIENT !important;}</style>

for GARDIENT you can replace it with linear-gradient [ref for linear-gradient] or radial-gradient [ref for radial-gradient]

━━━━⊱⋆⊰━━━━

BONUS because I want to 🧍‍♂️🧍‍♂️:

Bot card custom border!!:

<style>
.css-0 { background: rgba(1, 1, 1, 0) !important;}.css-1s5evre {border-width: NUMBERpx;border-style: STYLE;border-color: COLOR;}</style>

Replace the COLOR to hex color code or rgb

for NUMBER replace it to whatever thickness you want for it to be

for STYLE use one of these: dotted, dashed, solid, double, groove, ridge, inset, outset

━━━━⊱⋆⊰━━━━

All of the codes comes from the CSS for j.ai website!! visit the website for more guides and codes (✿◕‿◕✿)

I suck at writing tutorials so I hope this one helps you out!! bye. 🧍‍♂️