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>



332 Kudos

Comments

Displaying 20 of 44 comments ( View all | Add 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

yacqueline

yacqueline'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

bulletproofheart

bulletproofheart's profile picture

thanks so much for these


Report Comment

ewrre

ewrre's profile picture

thank you < 3


Report Comment

š”“• chš‘–lš‘˜š‘œ (wip)

š”“• chš‘–lš‘˜š‘œ (wip)'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

į¶»š°š˜‡ 慤  šŸ®šŸ¼ć‚› ( 怇ļ½€Š“ ´ )

į¶»š°š˜‡  慤  šŸ®šŸ¼ć‚›  ( 怇ļ½€Š“ ´ )'s profile picture

OMAGA THANK YOU (ā‰§ā–½ā‰¦)


Report Comment