might do the css because i want to make a tech theme.. so questions..
- HOW THE FREAK YALL ADD THAT COMPUTER LINE THINGY.
- HOW DO I EVEN ADD FONTS..
- how do i add the little person to the corner..
- how yall make those cool buttons borders thingy
- why am i such a dumbass and afraid to ask.
James here to help
For the screen effect:
body::before { content: " "; display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgb(155 206 202 / 40%) 40%, rgb(191 252 226 / 0%) 40%); z-index: 2; background-size: 100% 2px, 3px 100%; pointer-events: none; }
I recommend messing with the rgbs to match your theme + percentages
Font code:
@font-face { font-family: yat; src: url(/api/util/ext/image?img=YOUR FONT LINK); } body { font-family: yay !important; font-size: 17px !important; }
I recommend downloading fonts from dafont and uploading the font file to catbox
Pagedoll:
nav:before { content: ''; position: fixed; bottom: 20px; right: -5px; width: 150px; height: 150px; background-image: url(/api/util/ext/image?img=YOUR IMAGE LINK); background-size: contain; background-repeat: no-repeat; z-index: 1000; pointer-events: none; }
You can also animate this with CSS animations
Borders:
#profile_card { border-width:7px; border-style:solid; border-image: url("/api/util/ext/image?img=YOUR IMG URL") 7 fill round; }
You can find borders on coding carrds or just searching CSS borders !! Porfile_card can be replaced with #sidebar Never be afraid to ask for help ð–¹à¾€à½º
All of this goes in the custom CSS section in profile settings by the way !!