Skip to main content

Posts

Showing posts from September, 2018

Animated HTML Dialog

CODE:

"HTML"


<html>
<body>

<h1>ANIMATED TEXT JS</h1>

<button onclick="typeWriter()">ACTIVATE</button>

<style>
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');
</style>
<link rel="stylesheet" href="css13.css">
<body style ="background-color: orange;">

<p id="OPEN"></p>

<script>
var a = 0;
var text = 'VISIT WIRED2TECH.ORG TO LEARN TO CODE.This project was made by: Mohammed Ibrahim Mirza Beig.This project used the font "Press Start 2P" which is licensed under the open font license and was obtained from google fonts.';
var frameSD = 60;
function typeWriter() {
  if (a < text.length) {
    document.getElementById("OPEN").innerHTML += text.charAt(a);
    a++;
    setTimeout(typeWriter, frameSD);
  }
}
</script>
</body>
</html>


"CSS"

h1{ color:gold; -webkit-text-fill-…

(TEMPLATES PT 4) HTML TEMPLATE WITH IFRAME AND MAILTO

HTML CODE:

<html>
<head>
<iframe src="https://www.wired2tech.org/"width="1950" height="700" align="center" style="border:4px solid black;"></iframe>
<style>
@import url('https://fonts.googleapis.com/css?family=Anton');
</style>
<link rel="stylesheet" href="css10.css">
</head>
<body style ="background-color: beige;">
<title> INFO</title>
<h2>CHECK OUT OUR IG PAGE TO SEE OUR AWESOME VIDEOS @wired2tech</h2>
<h3>we post almost everyday </h3>
<footer>
  <p>Posted by: MOHAMMED IBRAHIM MIRZA BEIG </p>
  <p>
EMAIL:
<a href="mailto:wired2tech@aol.com?Subject=INFO%20REGARDING?" target="_top">WIRED2TECH@AOL.COM</a>
</p>
</footer>
</body>
</html>



CSS CODE:


h2,h3{
color:black;
font-size: 40px;
-webkit-text-fill-color:black;
-webkit-text-stroke…