bijorme 's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Codes for you ^_^

Some (basics) codes  ^_^  

some codes arent mine!!


CHANGE YOUR PROFILE BACKGROUND

ADD IMAGE/GIF ON BACKGROUND:

<style>

 body{

  background-image:url('PUT URL HERE');

 }

</style>


CHANGE BACKGROUND COLOR:

<style>

 body{

  background-color:CHOSE COLOR;

 }

</style>

ADD IMAGES/GIFS/BLINKIES/STAMPS/DIVIDERS ETC


<img src=""/>


IF YOU WANT TO RESIZE IT 

<img src="ADD URL HERE" width="CHOSE WIDTH" height="CHOSE HEIGHT"/>

MAKE TEXT/IMAGES/ETC MOVE TO THE SIDES

(If you wanna put images/etc just put <img src="URL"/> on the content)

TEXT LEFT/RIGHT:

<marquee direction="CHOSE DIRECTION">

CONTENT

</marquee>


TEXT ALTERNATE SIDES:

<marquee direction="CHOSE DIRECTION" behavior="alternate">

CONTENT 

</marquee>

MUSIC AUTOPLAY (YOUTUBE)

<iframe width="0" height="0" src="https://www.youtube.com/embed/PUT EMBED CODE HERE//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"></iframe>

YOUTUBE VIDEO PLAYER

<iframe width="CHOSE WIDTH" height="CHOSE HEIGHT" src="https://www.youtube.com/embed/PUT EMBED CODE HERE?si=_-xHCFXuiY_XXGy9" frameborder="0" allowfullscreen="" loading="lazy"></iframe>

SIMPLE SCROLLBOX

<div style="height:CHOSE HEIGHTpx;width: CHOSE WIDTH px;overflow:scroll;">

CONTENT 

</div>

ADD BANNER ON YOUR PROFILE

<style>

main:before {

width: 100%;

height: 300px;

display: block;

content: "";

background-image: url('PUT URL HERE');

background-position: center center;

background-size: cover;

}

@media only screen and (max-width: 600px) {

main:before{

height: 200px;

</style>

DROPDOWN MENU

<details><summary style="font-size: 13px;" class="mb8"><u>TITLE</u></summary>


<p>

CONTENT

</p>

</details>

ADD LOADING SCREEN

<style>


body:before {

 content: " ";

 height: 100vh;

 width: 100vw;

 display: block;

 position: fixed; 

 top: 0; 

 left: 0; 

 z-index: 100;

 background-image: url(PUT URL HERE );

 background-size: cover;

 background-repeat: no-repeat;

background-position:center;

 animation: yourAnimation 2s ease 2s 1 normal forwards;

 pointer-events: none;

}

@keyframes yourAnimation { 100%{ opacity: 1;} 100%{ opacity: 1; } 100%{ opacity: 0;} } 


</style>

CHANGE SPACEHEY LOGO

<style>

.logo {

 content:url("ADD URL HERE") 

 } 

</style>

CHANGE CURSOR

<style>* {cursor: url(URL HERE), url(URL HERE), auto !important;}</style>



329 Kudos

Comments

Displaying 20 of 44 comments ( View all | Add Comment )

khao (insobnia heh)

khao (insobnia heh)'s profile picture

this is a lifesaver THANK YOU I WAS JS COMPLAINING ABT NOT KNOWING HOW TO CODE EARLIER


Report Comment

Sickmuse072

Sickmuse072's profile picture

tysm


Report Comment

big pirate ( ▀ _▀ )

big pirate ( ▀ _▀ )'s profile picture

TYSM


Report Comment

nebster

nebster's profile picture

this is so awesome, ty


Report Comment

vivi🤟🎀

vivi🤟🎀's profile picture

does any1 know how 2 change the mouse cursor?


Report Comment



added the code

by bijorme; ; Report

Tysm!!! <3

by vivi🤟🎀; ; Report

ryo

ryo 's profile picture

THANKS ^^


Report Comment

✧・Vivi cosplay✧・

✧・Vivi cosplay✧・'s profile picture

Thank you will definitely use <3


Report Comment

Jonah Marshall

Jonah Marshall's profile picture

and then we kissed


Report Comment



*smooch*

by bijorme; ; Report

Elliott ^-^

Elliott ^-^'s profile picture

UR SO GOATED TYYY


Report Comment

lootusdolly

lootusdolly's profile picture

OBRIGAAADAAAA, mais tarde dps da escola vou editar novamente meu perfil <33


Report Comment



De nada! :)

by bijorme; ; Report

lootusdolly

lootusdolly's profile picture

OBRIGAAADAAAA, mais tarde dps da escola vou editar novamente meu perfil <33


Report Comment

Luissi

Luissi's profile picture

I've been looking for a way to add a YouTube video to my profile and your post is the only one that helped me, it hit the mark. Thank you!!


Report Comment



Yw! glad it helped you

by bijorme; ; Report

JACKSON FREAKWEAK

JACKSON FREAKWEAK's profile picture

yr literally a saint🙏


Report Comment

ewrre

ewrre's profile picture

thank you < 3


Report Comment

Chilko

Chilko 's profile picture

By any chance you don't have a code where the profile photo and the "status" change places? (them exchange places)


Report Comment

JustS4m

JustS4m's profile picture

somebody can tell me what is an embed code, please


Report Comment



go to YouTube and find the video you want to play. Click "Share" and Copy the last part of the link (after "https://youtu.be/") and replace where it says "PUT EMBED CODE HERE" with the text you copied

by bijorme; ; Report

onyx

onyx's profile picture

THANK YOU OMGGGG


Report Comment

Xia

Xia's profile picture

Thankies


Report Comment

Xia

Xia's profile picture

Thankies


Report Comment

Adrian Tzun

Adrian Tzun's profile picture

With this knowledge, I'll oficially become the master of coding. Aprecciation :w


Report Comment



happy you like it

by bijorme; ; Report