CODING YOUR OWN LAYOUT TIPS!!

ive been getting alot of messages about how i make my layouts without being an extreme coder, here are some tips about it!!

if you want to add images you can use 

"img src="YOUR IMG URL" height="HEIGHT YOU WANT">

if you want to add a shaky animation, copy and paste this

"img:hover {

/* Start the shake animation and make the animation last for 0.5 seconds */

animation: shake 0.5s;

/* When the animation is finished, start again */

animation-iteration-count: infinite;

}

@keyframes shake {

0% { transform: translate(1px, 1px) rotate(0deg); }

10% { transform: translate(-1px, -2px) rotate(-1deg); }

20% { transform: translate(-3px, 0px) rotate(1deg); }

30% { transform: translate(3px, 2px) rotate(0deg); }

40% { transform: translate(1px, -1px) rotate(1deg); }

50% { transform: translate(-1px, 2px) rotate(-1deg); }

60% { transform: translate(-3px, 1px) rotate(0deg); }

70% { transform: translate(3px, 1px) rotate(-1deg); }

80% { transform: translate(-1px, -1px) rotate(1deg); }

90% { transform: translate(1px, 2px) rotate(0deg); }

100% { transform: translate(1px, -2px) rotate(-1deg); }

}"

you can find background changes in the code pretty easily.

you can make your own cursor or copy and paste the code using www.cursor.cc/?action=icon_list&;tag_id=63

i recommend using genericprofileeditor.neocities.org/ editor instead of your acc so you can check your code!

if you want to auto-play music use 

"</style>

<iframe width="0" height="0" src="YOUR URL 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>"

and heres some youtube videos you can use!

- www.youtube.com/watch?v=0L_VganJ56c

- www.youtube.com/watch?v=K6KwhawSpU8

- www.youtube.com/watch?v=pk5s1ac6Sfs

happy coding!! (o^^o)