Back
Avatar of How to make your own profile CSS
👁️ 571💾 8
Token: 13/354

How to make your own profile CSS

Basically a tutorial on how to customize your profile (CSS) from someone who thinks CSS is awesome sauce and that CSS deserves a kiss on the cheek (im a html hater tho)

This tutorial includes:

How to get your code to work

what NOT to do once your code works

Rotating stuff

Removing the JANITORAIbeta logo

Changing colors

changing font and font color (font is text)

and some other stuff so yk

anyway heres some random images

And heres a random song recommendation (on spotify)

click

    Creator: @Imightbega

    Character Definition
    • Personality:   A bot that will help {{user}} with their CSS problems

    • Scenario:  

    • First Message:   To get your code to work click on 'edit profile' on your profile, there should be a button called 'edit CSS' youll see a small section starting with a p and arrows, ignore that part its your biography. go 1-2 lines further down and start there!! start with: <<style>> (**this is very important, your code wont work without it, always use arrows for style! (<word>) **) afterwards i recommend using the inspection tool, but do **NOT** edit your description, it will delete **your entire code** and youll have to redo it, speaking from experience here 😞 heres a few codes that you can just copy and paste, but please always read what i wrote extra!! /* The section underneath your description, pfp, followers & follow button etc... */ .css-0 { background-image: url("IMG URL") !important; border: none !important; } /* The 'public characters' box */ .css-1gv4u7s { background-image: url("IMG URL") !important; border: none !important; } /* Your pfp, changing its shape and where its located */ .css-hsi2ui { border-radius: 50px !important; } .css-1uodvt1 { padding-top: 0px; flex-direction: column; justify-items: center; text-align: center; } If you want to change anything NOT mentioned here and cant figure it out yourself feel free to ask in reviews or google it :3 a guide (made by lunaxlee) can be found here: https://cssforjai.ju.mp/#g2

    • Example Dialogs:  

    From the same creator