Copy Link
Add to Bookmark
Report
NULL mag Issue 09 27 Dos template in html
so... this is something unusual... but it's not! :) this is a basic html template to make web pages look like DOS terminals. it's the one used in the Another Droid webpage (andr01d.zapto.org:8080) which i think is very cool!
make sure to include a dos truetype font in your website. i use the dos437.ttf which you can find with a search in the internets. you could also use old amiga fonts to make even cooler web pages ;)
<html><style>
@font-face {
font-family: lato;
src: url(/dos437.ttf) format('truetype');
}
html, body {
font-family: lato, courier, sans-serif;
height: 100%;
width: 100%;
background-image: radial-gradient(#222222, #000000);
color: #cccccc;
text-shadow: 0 0 3px #ffffff;
margin: 0;
padding: 0;
cursor: default;
font-smooth: never;
}
::selection {
font-family: lato, courier, sans-serif;
background: #0080FF;
text-shadow: none;
}
a:link {
font-family: lato, courier, sans-serif;
text-decoration: none;
color: green;
text-shadow: 0 0 2px #F68A27;
}
a:visited {
font-family: lato, courier, sans-serif;
text-decoration: none;
color: green;
text-shadow: 0 0 2px #F68A27;
}
a:hover {
font-family: lato, courier, sans-serif;
text-decoration: none;
background-color: fbc41f;
color: black;
text-shadow: 0 0 2px #F68A27;
}
a:active {
font-family: lato, courier, sans-serif;
text-decoration: none;
color: green;
text-shadow: 0 0 2px #F68A27;
}
.content {
font-family: lato, courier, sans-serif;
display: block;
position: absolute;
margin-top: 0.2em;
margin-left: -0.1em;
visibility: hidden;
background-color: #110708;
border-width: 0.3em;
border-style: double;
border-top: 0;
box-shadow: 0 5px 7px rgb(246,138,39,0.40);
}
</style>
<body bgcolor="black" text="white" style='font-family: lato, courier, sans-serif;'>
<pre style='font-family: lato, courier, sans-serif;'>
