codes for ludas crd

---- for name ----
<style>
@font-face {
font-family: lovely script;
src: url(https://dl.dropbox.com/s/ss5bqbogijw4zfj/Lovely%20Script.otf);
}

#lovely {
position: relative;
left: 0em;
font-family: lovely script;
font-size: 30px;
text-align: center;
color: #FFFFFF;
z-index: 1;
-webkit-filter: drop-shadow(0px 0px 1px #000000);

}
</style>

<div id="lovely">name</div>

---- for main scrollbox ----
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mali&display=swap" rel="stylesheet">
<style>
@font-face {
font-family: cutie;
src: url(https://dl.dropbox.com/s/xo075bh6tbd4f7d/CP.ttf); }

#scroll {
background: #FFE3F0;
height: 150px;
width: 100%;
padding: 3px;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
border: 2px solid #FFFFFF;
font-family: Mali;
line-height: 13px;
text-align: left;
overflow: auto;
font-size: .7em;
}

mark {
font-family: cutie;
font-size: 1.3em;
background: #FFF;
border-radius: 3px;
border: 1px solid #000;
padding-left: 5px;
padding-right: 5px;
color: #000;
height: 5px;
}

</style>
<div id="scroll">
<mark>lol</mark> info info info
</div>

---- for message box ----
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mali&display=swap" rel="stylesheet">
<style>
@font-face {
font-family: cutie;
src: url(https://dl.dropbox.com/s/xo075bh6tbd4f7d/CP.ttf); }

#scroll02 {
background: #000000;
height: 25px;
width: 100%;
padding: 6px;
margin-left: auto;
margin-right: auto;
font-family: Mali;
line-height: 13px;
text-align: left;
overflow: auto;
font-size: .6em;
color: #000000;
text-align: auto;
}

mark {
font-family: cutie;
font-size: 1.2em;
background: #FFF;
border-radius: 3px;
border: 1px solid #000;
padding-left: 5px;
padding-right: 5px;
color: #2E2E2E;
height: 5px;
}

</style>
<div id="scroll02">
<p></p>
..................<mark>message</mark>.....<mark>send</mark>
</div>

---- for explosion in back ----
<script type="text/javascript">
// <![CDATA[
var speed=34; // lower number for faster
var warp=3; // from 1 to 10
var stars=150; // number of stars
var colours=new Array("#FFE3F0", "#FFBDDB", "#FFA3CD"); // colours of stars
var position=-1; // set to '0' for foreground and '-1' for stars to appear in the background, behind text on the page

/****************************
* Star Warp Effect *
*(c)2005-14 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var strs=new Array();
var strx=new Array();
var stry=new Array();
var stdx=new Array();
var stdy=new Array();
var strz=new Array();
var swide=800;
var shigh=600;
warp=1+warp/125;

if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}

addRVLoadEvent(initiate_hyperjump);

function initiate_hyperjump() { if (document.getElementById) {
var i, temp;
boddie=document.createElement("div");
boddie.style.position="fixed";
boddie.style.top="0px";
boddie.style.left="0px";
boddie.style.width="1px";
boddie.style.height="1px";
boddie.style.overflow="visible";
boddie.style.backgroundColor="transparent";
boddie.style.zIndex=position;
i=document.body.style.backgroundColor;
if (document.body.parentNode) {
if (i) document.body.parentNode.style.backgroundColor=i;
document.body.style.backgroundColor="transparent";
}
document.body.insertBefore(boddie, document.body.firstChild);
set_width();
for (i=0; i<stars; i++) {
strs[i]=document.createElement("div");
strs[i].style.color=colours[i%colours.length];
strs[i].style.backgroundColor="transparent";
strs[i].style.position="absolute";
strs[i].appendChild(document.createTextNode("*"));
strs[i].style.font="13px monospace";
stdy[i]=Math.random()*6-3;
stdx[i]=Math.random()*8-4;
temp=Math.random()*100;
strx[i]=swide/2+temp*stdx[i];
stry[i]=shigh/2+temp*stdy[i];
if (Math.abs(stdx[i])+Math.abs(stdy[i])>5) strz[i]=13;
else if (Math.abs(stdx[i])+Math.abs(stdy[i])>3) strz[i]=7;
else strz[i]=2;
strs[i].style.fontSize=strz[i]+"px";
boddie.appendChild(strs[i]);
}
setInterval("warp_drive()", speed);
}}

function warp_drive() {
var i;
for (i=0; i<stars; i++) {
stry[i]+=stdy[i];
strx[i]+=stdx[i];
stdx[i]*=warp;
stdy[i]*=warp;
if (stry[i]>0 && stry[i]<shigh && strx[i]>0 && strx[i]<swide) {
if (Math.abs(stdx[i])+Math.abs(stdy[i])>strz[i]) strs[i].style.fontSize=++strz[i]+"px";
strs[i].style.left=strx[i]+"px";
strs[i].style.top=stry[i]+"px"
}
else {
strx[i]=swide/2;
stry[i]=shigh/2;
strx[i]+=3*(stdx[i]=Math.random()*8-4);
stry[i]+=3*(stdy[i]=Math.random()*6-3);
if (Math.abs(stdx[i])+Math.abs(stdy[i])>5) strz[i]=13;
else if (Math.abs(stdx[i])+Math.abs(stdy[i])>3) strz[i]=7;
else strz[i]=2;
strs[i].style.fontSize=strz[i]+"px";
}
}
}

window.onresize=set_width;
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min;
shigh=sh_min;
}
// ]]>
</script>