pro-plus cr dollbahi misc codes

---DROPDOWN MENU---
<body>
<div style="text-align: left;">
<select onchange='location=this.options[this.selectedIndex].value;' style='width:138px;
font-family: windows;
font-size:0.8em;
background:white;
padding:4px;
border:1px solid #C9C9C9;
border-radius: 5px;
color: #545454;
margin-top: 0px;'>
<option value="#home">homepage </option>
<option value="#one">likes</option>
<option value="#two">tunes</option>
<option value="#three">find me</option>
</select>
</div>
</body>

---SPINNING IMAGE---
<img src="https://dl.dropbox.com/scl/fi/68c6jst9qb7lpadcs4eoc/download-15.png?rlkey=uemp2xqzgt6osz19b75urc4co&st=3hrg42sk&dl=0.png" class="rotate" width="70" height="70" />
<style>

.rotate {
animation: rotation 8s infinite linear;
position: absolute;
left: 9.5em;
bottom: 7em;
z-index: 2;
}

@media only screen and (max-width: 600px) {
.rotate {
width: 60px;
height: 60px;
position: absolute;
right: -3em;
bottom: 7em;
z-index: 2;
}
}

@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
</style>

---MUSIC PLAYER---
(make sure the defer script tags box at the bottom of the embed is unticked!)
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<!-------MUSIC PLAYER BY GLENTHEMES------->
<script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>

<style type="text/css">
/*-------MUSIC PLAYER BY GLENTHEMES-------*/
#glenplayer02 {
position:absolute;
top: 16.8em;
left: 1.3em;
width:150px;
z-index:5;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
}
div.ex2 {
width: 170px;
opacity:1;
margin: auto;
padding:5px;
}
#glenplayer02 a {text-decoration:none;}

#glenplayer02 > div {
align-self:center;
-webkit-align-self:center;
}

.music-controls {
user-select:none;
-webkit-user-select:none;
width:13px;
font-size:13px;
cursor:pointer;
}

.playy, .pausee {color:#FFF; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;} /* color of play & pause buttons */

.pausee {display:none;}

.sonata {
margin-left:10px;
color:#222; /* color of music note symbol */
}

.labeltext {
margin-left: 8px;
font-family:windows;
font-size: 15px;
color:#222; /* color of song title */
}

</style>
<body>
<!-------MUSIC PLAYER BY GLENTHEMES------->
<div id="glenplayer02">
<div class="ex2">
<div class="music-controls" onclick="songstart();">
<div class="playy">►</div>
<div class="pausee">♬</div>
</div>
<div class="sonata"> </div>
<div class="labeltext"> </div>
</div><!--end music player-->

<audio id="tune" src="https://dl.dropbox.com/scl/fi/he832hi7jp2pjopjuvzpj/kmoe-Head-first-Audio-kmoe.mp3?rlkey=67q1v4da2fzt52tuzuu4n4knk&st=2sthdn59&dl=0.mp3"audio"></audio>
</body>

<div class="labeltext"> </div>

---MARQUEE TEXT---
<style>
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

#hehe {
font-family: windows;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
font-style: bold;
font-size: 0.8em;
color: white;
letter-spacing: 1px;
line-height: 1.25em;
width: 11.5em;
position: absolute;
bottom: 7.25em;
height: 8em;
right: 1.75em;
}

@media only screen and (max-width: 600px) {
#hehe {
font-size: 0.6em;
width: 15.75em;
bottom: 12.125em;
height: 8em;
right: 2.25em;
}
}
</style>

<div id="hehe"> <marquee behavior="scroll" direction="left"> all rights reserved © dollbahi 2025</marquee>
</div>

---CONTAINER ANIMATIONS---
(the elementIDs will be the 4 containers with your info in each section, so for example "#container01")
<style>
#elementID, #elementID, #elementID, #elementID {
-webkit-animation: scale-up-hor-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: scale-up-hor-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
* Generated by Animista on 2024-3-3 7:35:6
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation scale-up-hor-left
* ----------------------------------------
*/
@-webkit-keyframes scale-up-hor-left {
0% {
-webkit-transform: scaleX(0.4);
transform: scaleX(0.4);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
}
@keyframes scale-up-hor-left {
0% {
-webkit-transform: scaleX(0.4);
transform: scaleX(0.4);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
}
</style>