Report Blog Entry
If you've happened to stumble across my profile, hi! I'm Malli. For my future reference, credits due, and to help anyone else, I'm going to be putting all my current HTML codes I am using in this blog entry so anyone else can use them :) I searched most of this myself, but credit will be due where is needed.
THEME: https://layouts.spacehey.com/layout?id=683 <-- check it out!
CHANGE YOUR CURSOR ON PROFILE:
Website: cursors-4u.com
Code for my cursor:
<style>* {cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol336.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/10/14/cute-happy-ghost.html" target="_blank" title="Cute Happy Ghost"><img src="https://cur.cursors-4u.net/cursor.png" alt="Cute Happy Ghost" style="position:absolute; top: 0px; right: 0px;"/></a>
Info: Copy and paste code into About Me, can also be placed in Who I'd Like to Meet
AUTO MUSIC PLAYER WIDGET:
*Found code and info here on SpaceHey, cannot find the exact link where I found the info.
Code for my exact music player:
<iframe width="300" height="50" src="https://www.youtube.com/embed/UjjTMNDZi-A//?&;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>
Change the song:
I used YouTube because it was the quickest and easiest way to find more of the quirky songs I wanted to be able to play. To change the song, search on youtube, copy and paste ONLY the letters/numbers sequence post "watch?v=" So if the YouTube link was
https://www.youtube.com/watch?v=a123456
the changed code would be
"https://www.youtube.com/embed/a123456//?
Info: I chose this player because I wanted the widget to auto play once in my profile, but also give the option to press pause, mostly for my own benefit so as I'm bouncing back and forth messing with codes, I don't have to listen on repeat. Can be placed literally anywhere on profile, I have it in my Music section.
MOVIE & TV POSTERS:
Code:
<img src="https://images-na.ssl-images-amazon.com/images/I/51zN6TCldFL._SX300_SY300_QL70_FMwebp_.jpg" width="59" height="77" alt="Kiki's Delivery Service"/>
Info: To change the image used replace the https with a direct link to the picture. The link must end in .jpg to work. The width and height can be changed, but this is the exact scale I use that fits my page best. I input the name of the image I wanted just to keep track whilst coding. This code can be used anywhere on your profile for basically any type of picture, as I have this code 3 times each in the Movies and Television sections. It is just a basic HTML code for inputting pictures.
CHANGE ONLINE STATUS TO GIF:
Credit: https://blog.spacehey.com/mercury <-- thanks for the code!
Code for my online gif:
<style>.online { visibility: hidden; } .online img { content: url("https://media4.giphy.com/media/WQa3dMMHLMCw1MO14E/giphy.gif?cid=790b76115a36091269a21492bd0665f573c7df92c8d3f972&rid=giphy.gif&ct=s"); animation-name: none; visibility: visible; height: 90px; width: 75px; }</style>
Info: Mercury explains well on how exactly to edit this code to work best, check their profile for any assistance :) Otherwise just change the url code to whichever picture/gif you would like to use. This pixel height/width works well with what I have used, but may need to be altered to fit different pics. Code works in both About Me and Who I'd Like to Meet.
FALLING OBJECTS:
Code for my falling object:
<marquee behavior="scroll" direction="down" style="position:absolute; left:630px; top:150px; width:16px; height:548px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:177px; top:170px; width:16px; height:388px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:225px; top:190px; width:16px; height:324px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:265px; top:180px; width:16px; height:499px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:325px; top:160px; width:16px; height:411px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:839px; top:190px; width:16px; height:251px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:141px; top:150px; width:16px; height:221px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:789px; top:170px; width:16px; height:230px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:108px; top:230px; width:16px; height:241px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:370px; top:190px; width:16px; height:386px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:394px; top:150px; width:16px; height:484px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:430px; top:170px; width:16px; height:442px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:475px; top:200px; width:16px; height:423px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:559px; top:170px; width:16px; height:541px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:580px; top:200px; width:16px; height:423px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:833px; top:170px; width:16px; height:385px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:614px; top:200px; width:16px; height:332px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:651px; top:250px; width:16px; height:386px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:784px; top:290px; width:16px; height:514px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:858px; top:180px; width:16px; height:247px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:994px; top:160px; width:16px; height:216px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:1038px; top:200px; width:16px; height:392px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:1053px; top:150px; width:16px; height:544px;"><span style="color: !important;">👻</span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:1300px; top:180px; width:16px; height:404px;"><span style="color: !important;">👻</span></marquee>
Info: Yes, its a very long code, but each marquee contains one single falling object, so you repeat/delete as many lines for however many items you want falling on your page. If you don't like the way they are spaced out, edit the "left:__px" entry and change the number. The higher the number, the closer to the right of the page.
The link to use a different emoji is: https://www.w3schools.com/charsets/ref_emoji.asp
Just copy and paste whichever emoji you want and paste it where the "🌸" is in the code.
Copy and paste code into either About Me or Who I'd Like to Meet, works in both.
Hope you enjoy! <3 ^-^ Feel free to message me for any assistance on these codes, or if there's something I can possibly help you find :)
- Malli
Comments
Displaying 0 of 0 comments ( View all | Add Comment )