Old template
How do I make an old template?
What is a old template? How do you make a old template? This script and codes were developed by Rafszul on 14 September 2022, Wednesday.
Old template - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>old template</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!-- see the fancy panel in top left corner? well, the code above is what makes it what it is so change it according to your needs. obviously there is also css wherever the css is --> <section id="info"> <header> <hgroup> <h1>/* Are they making art? */</h> <h2></h2> </hgroup> <a href="https://rafszul.github.io/" target="_blank">Programming is an art form in and of itself, as it involves fabrication through creative expression.</a><a href="http://svgmagazine.com/oct2014/The%20Art%20of%20Programming.html" target="_blank">by Calyn Rich</a> </header> <aside> <p> <iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/34568328&color=ff5500&auto_play=true&hide_related=false&show_comments=false&show_user=false&show_reposts=false"></iframe>
</p>
</aside>-
</body>
</html>
Old template - Script Codes CSS Codes
/* see the fancy panel in top left corner? well, the css below is what makes it look the way it does so you might want to change it but really, is there any point in doing it? */
#info { font-size: 12px; position: absolute; z-index: 1; color: #fff; width: 260px; left: 20px; top: 20px;
}
#info a { text-decoration: none; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.5);
}
#info a:hover { color: #fff;
}
#info header, #info aside { font-family: 'Play', sans-serif; background: rgba(0, 0, 0, 0.8); margin-bottom: 1px;
}
#info header { padding: 12px 10px;
}
#info header hgroup h1 { line-height: 22px; font-weight: 300; font-size: 18px; margin: 0;
}
#info header hgroup h2 { line-height: 14px; font-weight: 300; font-size: 12px; color: rgba(255, 255, 255, 0.8); margin: 0 0 6px 0;
}
#info header a { text-transform: uppercase; margin-right: 4px; line-height: 20px; font-size: 10px;
}
#info aside { padding: 2px 10px;
}
Developer | Rafszul |
Username | rafszul |
Uploaded | September 14, 2022 |
Rating | 3 |
Size | 2,255 Kb |
Views | 26,312 |
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!
Name | Size |
Force Layout d3js using JSON data | 2,774 Kb |
Polygraph component - vue.js | 2,998 Kb |
Fuk-da-popo | 32,536 Kb |
Template new | 13,431 Kb |
Sky hook 001 | 37,347 Kb |
README.md | 12,942 Kb |
Qin-Shihuang Imperial Palace | 49,477 Kb |
Yuliya v krylova | 37,351 Kb |
Bike shed | 2,009 Kb |
Blade | 4,392 Kb |
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!
Name | Username | Size |
Realistic Buttons | Stoypenny | 2,248 Kb |
SCSS Simple Animated Drop-In | Danwarfel | 2,175 Kb |
Responsive scrolling text | Ashdurham | 2,259 Kb |
SVG hamburger menu button | Elifitch | 2,602 Kb |
Underlined form fields | Mitchdot | 2,323 Kb |
Blog demo to use given styling | Andygirl | 2,412 Kb |
Android Play Store With Slick Carousel | -J0hn- | 4,982 Kb |
Nice textured background | Hans | 2,659 Kb |
A form arranged using automatic placement. | Vikasford | 2,103 Kb |
No Vacancy 404 CSS Only | Sethkontny | 0 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!