Report Blog Entry
1. Music Player: Enter Width & Height if you want music player visible
<iframe width="0" height="0" src="https://www.youtube.com/embed/o-YBDTqX_ZU//?&;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>
2. Change mouse cursor: type cursor image links (one for regular cursor and one for your link hover cursor)
<style>HTML,BODY{cursor: url("https://i.postimg.cc/G2Fh4zFJ/umbrella01.gif"), url("https://i.postimg.cc/7Ldrqzj1/umbrella03.gif"), auto;}</style>
<style>A:hover{cursor: url("https://i.postimg.cc/7Ldrqzj1/umbrella03.gif"), url("https://i.postimg.cc/7Ldrqzj1/umbrella03.gif"), auto;}</style>
3. Change bottom menu
footer {
border-radius: 15px;
background-image: url(https://i.pinimg.com/originals/f5/a7/ce/f5a7ce89d91902f42199ec6b7ddd53c3.jpg);
color: white;
}
4. Adding extra words to headers: This is for the burbs section, but you can change out the section as needed. You could probably fit in emoji too.
.blurbs .heading:before{ content: "FUCKIN' "; font-size: 1.5rem; font-weight:bold; color:White; }
5. Hide friends list:
<style> .friends-grid{display: none !important;} </style>
6. Scrollbar: change the image link
<style>
body {
overflow: overlay;
}
/* size */
::-webkit-scrollbar {
width: 22px;
max-height: 240px;
}
/* Track */
::-webkit-scrollbar-track {
background-color: transparent;
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background-image: url('https://i.ibb.co/vXf0h9F/scrollbar4.png');
background-color: transparent;
background-size: cover;
background-position: center;
border: 0px;
border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background-image: url('https://i.ibb.co/vXf0h9F/scrollbar4.png');
background-color: transparent;
background-size: cover;
background-position: center;
border: 0px;
border-radius: 10px;
}
</style>
7. Floating emoji:
<marquee behavior="scroll" direction="up" style="position:absolute; left:130px; top:150px; width:16px; height:548px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:177px; top:170px; width:16px; height:388px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:225px; top:190px; width:16px; height:324px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:265px; top:180px; width:16px; height:499px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:325px; top:160px; width:16px; height:411px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:239px; top:190px; width:16px; height:251px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:141px; top:150px; width:16px; height:221px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:289px; top:170px; width:16px; height:230px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" 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="up" style="position:absolute; left:394px; top:150px; width:16px; height:484px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:430px; top:170px; width:16px; height:442px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:475px; top:200px; width:16px; height:423px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:559px; top:170px; width:16px; height:541px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:580px; top:200px; width:16px; height:423px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:533px; top:170px; width:16px; height:385px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:614px; top:200px; width:16px; height:332px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:651px; top:250px; width:16px; height:386px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:684px; top:290px; width:16px; height:514px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:658px; top:180px; width:16px; height:247px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:694px; top:160px; width:16px; height:216px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:738px; top:200px; width:16px; height:392px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:753px; top:150px; width:16px; height:544px;"><span style="color: !important;">🦇</span></marquee>
<marquee behavior="scroll" direction="up" style="position:absolute; left:800px; top:180px; width:16px; height:404px;"><span style="color: !important;">🦇</span></marquee>
8. Film grain overlay animation:
| <style> | |
| html:before { | |
| animation: grain 8s steps(10) infinite; | |
| background-image: url(https://external-media.spacehey.net/media/s5BCJBXVO8W3LV-8ZYQV7G6sLAQoSl0teMFnRxN1BJwA=/https://i.imgur.com/QpnTsrV.jpg); | |
| content: ""; | |
| height: 300%; | |
| left: -50%; | |
| opacity:.2; | |
| position: fixed; | |
| top: -110%; | |
| width: 300%; | |
| pointer-events:none; | |
| } | |
| @keyframes grain { | |
| 0%, 100% { transform:translate(0, 0) } | |
| 10% { transform:translate(-5%, -10%) } | |
| 20% { transform:translate(-15%, 5%) } | |
| 30% { transform:translate(7%, -25%) } | |
| 40% { transform:translate(-5%, 25%) } | |
| 50% { transform:translate(-15%, 10%) } | |
| 60% { transform:translate(15%, 0%) } | |
| 70% { transform:translate(0%, 15%) } | |
| 80% { transform:translate(3%, 35%) } | |
| 90% { transform:translate(-10%, 10%) } | |
| } | |
| </style> |
Comments
Displaying 0 of 0 comments ( View all | Add Comment )