A Pen by MurabitoB

Developer
MurabitoB
Size
4,421 Kb
Views
20,240
  1. A Pen by MurabitoB Previews
  2. A Pen by MurabitoB HTML Codes
  3. A Pen by MurabitoB CSS Codes
  4. A Pen by MurabitoB JS Codes

How do I make an a pen by murabitob?

What is a a pen by murabitob? How do you make a a pen by murabitob? This script and codes were developed by MurabitoB on 08 September 2022, Thursday.

A Pen by MurabitoB Previews
IQ Test

A Pen by MurabitoB - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by MurabitoB</title> <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/earlyaccess/notosanstc.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet"/>
<div class="content2">歡迎來到第二屆中央創遊<br/>GameJam活動會場，IdeaSpace。<br/>本次活動由尬廣執行大大主辦<br/>不用太在意底下的文字在講什麼東c<br/>我只是覺得背景太空想辦法努力塞點內容<br/>不然大家只會看到一整面純白的背景，的說<br/>話說因為擺斜的關係，會被吃掉一堆字<br/>是說大家無聊的話可以找找點歌網頁的彩蛋<br/>或許會發生意想不到的事情歐，有咳嗽 家趴裡趴<br/></div>
<div class="content"> <div id="player"></div>
</div>
<div class="bgtext">●live broadcast</div>
<div class="cut">cutsong</div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

A Pen by MurabitoB - Script Codes CSS Codes

* { /* border: solid 1px; */ font-family: "Anton", "Noto Sans TC"; position: relative;
}
html { width: 100%; height: 100%; padding: 0px; margin: 0px; border: none;
}
body { width: 100%; height: 100%; padding: 0px; margin: 0px; background-color: white; border-top: solid 80px black; border-bottom: solid 80px black; box-sizing: border-box;
}
.content { border: solid 15px gray; width: 640px; height: 360px; padding: 30px; margin-left: auto; margin-right: auto; margin-top: 150px;
}
#player { border: none;
}
.bg { transform: scale(0.3); position: absolute;
}
.bgtext { color: red; top: 80px; position: fixed; font-size: 100px;
}
.cut { cursor: pointer; position: fixed; color: red; font-size: 30px; right: 20px; bottom: 90px; border: solid 8px red; transition-duration: 0.5s;
}
.cut:hover { tranform: scale(1.2);
}
.content2 { color: black; opacity: 0.2; left: -200px; top: 0px; font-weight: 900; position: fixed; font-size: 100px; transform: rotate(-40deg);
}

A Pen by MurabitoB - Script Codes JS Codes

 // 2. This code loads the IFrame Player API code asynchronously. var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // 3. This function creates an <iframe> (and YouTube player) // after the API code downloads. var player; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { height: '360', width: '640', videoId: "7EfZfZQsUGo", events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange, 'onError':nextSong } }); } // 4. The API will call this function when the video player is ready. function onPlayerReady(event) { event.target.playVideo(); } // 5. The API calls this function when the player's state changes. // The function indicates that when playing a video (state=1), // the player should play for six seconds and then stop. var done = false; function onPlayerStateChange(event) { if(player.getPlayerState() == 0){ nextSong(); } } function nextSong(){ var id = GetID(); player.loadVideoById(id, 0, "large"); if(player.getDuration()>=480) { setTimeout(function() { if(player.getCurrentTime()>=470) { nextSong(); } }, 480*1000); } } function PlayIt(){ player.loadVideoById("QPkvG8itSCI", 0, "large"); } function stopVideo() { player.stopVideo(); } function GetID(){ var id=""; $.ajax({ type:"POST", async: false, dataType: "text", url:"Load_song.php", success: function(data) { id = data ; } }) return id ; }
A Pen by MurabitoB - Script Codes
A Pen by MurabitoB - Script Codes
Home Page Home
Developer MurabitoB
Username MurabitoB
Uploaded September 08, 2022
Rating 3
Size 4,421 Kb
Views 20,240
Do you need developer help for A Pen by MurabitoB?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

MurabitoB (MurabitoB) Script Codes
Name
ASM_TeamWork
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!