mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2026-02-04 01:30:03 +00:00
Website templates
This commit is contained in:
Dawid Olko
BIN
missunderstood/codenums.png
Normal file
BIN
missunderstood/codenums.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
missunderstood/headergrunge.jpg
Normal file
BIN
missunderstood/headergrunge.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
65
missunderstood/index.html
Normal file
65
missunderstood/index.html
Normal file
@@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-AU">
|
||||
<head>
|
||||
<title>missUnderstood</title>
|
||||
<meta http-equiv="content-type" content="application/xhtml; charset=UTF-8" />
|
||||
<link rel="stylesheet" type="text/css" href="style.css" media="screen, tv, projection" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div id="logo">
|
||||
<h1><span class="pink">miss</span>understood</h1>
|
||||
</div>
|
||||
<div id="search">
|
||||
<input type="text" size="15" /> <button>search</button>
|
||||
</div>
|
||||
|
||||
<div class="br"></div>
|
||||
|
||||
<div id="navlist">
|
||||
<ul>
|
||||
<li><a href="#" class="active">Home</a></li>
|
||||
<li><a href="#">Archives</a></li>
|
||||
<li><a href="#">Blog</a></li>
|
||||
<li><a href="http://www.willr.co.nz">My Site</a></li>
|
||||
<li><a href="http://www.oswd.org">OSWD</a></li>
|
||||
<li><a href="http://www.openwebdesign.org">OWD</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<h3>› Welcome</h3>
|
||||
<p>This is a version of my old site - <a href="http://www.willr.co.nz">willr.co.nz</a> but during the recent reboot the whole site got a good make over and a totally new design. So I had this xhtml/css design that I was just going to trash!! well I thought someone might find this useful so here it is for you to download and use free of charge.
|
||||
All I ask you keep the link in the footer to my site OR if you email me at <a href="mailto:will.rossiter@gmail.com">will.rossiter@gmail.com</a> and tell me your url you may remove the link and take full credit. I dont care :P.</p>
|
||||
<h3>› Styles</h3>
|
||||
<p>The code for this code box. It is a class called <code>.code</code></p>
|
||||
<div class="code"><pre>#content .code{
|
||||
color: #000000;
|
||||
background: #F4f4f4 url(codenums.png) repeat-y;
|
||||
border: 1px solid #ccc;
|
||||
padding: 1px;
|
||||
padding-left: 25px;
|
||||
font-size: 1em;
|
||||
width: 470px;
|
||||
margin: 2px auto;
|
||||
white-space: nowrap;
|
||||
overflow: auto;}</pre></div>
|
||||
|
||||
|
||||
<blockquote><p><span class="large">"</span>This is a blockquote. Be scared. Oh yes be very very scared</p></blockquote>
|
||||
|
||||
<p>Well Thats all I can be bothered to do sorry. Other things in the stylesheet include <code>.left</code>/<code>.right</code>/<code>.center</code> So if you want an image to be right add <code>class="right"</code> to it and it will float right!! cool eh? nah not really.</p>
|
||||
<p>If you need any help with this <a href="http://www.willr.co.nz">contact me through my site</a> or ask one of the friendly folk around on the <a href="http://www.oswd.org">OSWD.org</a> or the <a href="http://www.openwebdesign.org">OWD.org</a> forums</p>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="br"></div>
|
||||
<div id="footer">
|
||||
<p class="center">Copyright © 2006 | <a href="#">XHTML</a> | <a href="#">CSS</a> | <a href="http://www.willr.co.nz">design by willr</a></p>
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
5
missunderstood/readme.md
Normal file
5
missunderstood/readme.md
Normal file
@@ -0,0 +1,5 @@
|
||||
## Project Description
|
||||
|
||||
* [live example](https://learning-zone.github.io/website-templates/missunderstood/)
|
||||
|
||||
|
||||
169
missunderstood/style.css
Normal file
169
missunderstood/style.css
Normal file
@@ -0,0 +1,169 @@
|
||||
/*
|
||||
Name: missunderstood template
|
||||
Author: will rossiter
|
||||
Date: 2/05/2006
|
||||
*/
|
||||
|
||||
/***Misc Tags***/
|
||||
|
||||
* {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #222 url(headergrunge.jpg) repeat-x;
|
||||
font-family: Verdana, Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
color: #fff;}
|
||||
|
||||
a img{ border: 0px; }
|
||||
|
||||
a { text-decoration: none;}
|
||||
|
||||
input {
|
||||
background: #333;
|
||||
font-family: Verdana;
|
||||
font-size: 0.7em;
|
||||
padding: 3px;
|
||||
color: #f4f4f4;
|
||||
border: 2px solid #555;}
|
||||
|
||||
button {
|
||||
background: #222;
|
||||
font-family: Verdana;
|
||||
font-size: 0.7em;
|
||||
padding: 2px;
|
||||
color: #f4f4f4;
|
||||
border: 2px solid #444;
|
||||
height: 2em;}
|
||||
|
||||
|
||||
/**** Span class's *****/
|
||||
|
||||
.hidden { text-indent: -9000px;}
|
||||
.br { clear: both;}
|
||||
.pink { color: #D01A71;}
|
||||
.small { font-size: x-small;}
|
||||
.large { font-size: xx-large;}
|
||||
.right { float: right;}
|
||||
.left { float: left;}
|
||||
.center { margin: 0 auto; text-align: center;}
|
||||
|
||||
|
||||
/**** Site Container ****/
|
||||
|
||||
#container { width: 700px;}
|
||||
|
||||
|
||||
|
||||
/***Header***/
|
||||
|
||||
|
||||
#logo { float: left;}
|
||||
|
||||
#logo h1 {
|
||||
margin-top: 30px;
|
||||
margin-left: 10px;
|
||||
font-size: 1.6em;
|
||||
letter-spacing: -0.1em;}
|
||||
|
||||
#search {
|
||||
margin-top: 30px;
|
||||
float: right;}
|
||||
|
||||
#search button { margin-left: 5px; padding: 0 2px 2px 2px;}
|
||||
|
||||
/***left Side Bar***/
|
||||
|
||||
#navlist { float: left; width: 170px; margin-top: 30px; margin-left: 5px;}
|
||||
|
||||
|
||||
#navlist ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#navlist li a{
|
||||
display: block;
|
||||
height: 25px;
|
||||
width: 100px;
|
||||
padding: 9px;
|
||||
margin: 5px;
|
||||
background: inherit;
|
||||
border-right: 4px solid #444;
|
||||
color: #999;
|
||||
text-transform: lowercase;
|
||||
font-size: 0.9em;}
|
||||
|
||||
#navlist li a:hover {
|
||||
color: #f4f4f4;
|
||||
background: #333;
|
||||
border-right: 4px solid #D01A71;}
|
||||
|
||||
#navlist li .active {
|
||||
color: #999;
|
||||
background: #333;
|
||||
border-right: 4px solid #444;}
|
||||
|
||||
|
||||
/***Content***/
|
||||
|
||||
#content { float: right; width: 510px; margin-top: 30px; margin-left: 2px; }
|
||||
|
||||
#content a { color:#D01A71; font-weight: bold;}
|
||||
|
||||
#content a:hover {
|
||||
color: #fff;
|
||||
background: #D01A71;
|
||||
font-weight: bold;}
|
||||
|
||||
#content p {line-height: 1.4em; font-size: 0.7em; margin-bottom: 20px; color: #f4f4f4;}
|
||||
|
||||
|
||||
#content h3 {
|
||||
text-indent: 20px;
|
||||
color: #999;
|
||||
letter-spacing: -0.1em;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
#content h3:hover { color: #fff;}
|
||||
|
||||
#content .code{
|
||||
color: #444;
|
||||
background: #F4f4f4 url(codenums.png) repeat-y;
|
||||
border: 1px solid #ccc;
|
||||
padding: 1px;
|
||||
padding-left: 25px;
|
||||
font-family: "courier new", helvetica, "times new roman", monospace;
|
||||
font-size: 0.8em;
|
||||
width: 470px;
|
||||
margin: 2px auto;
|
||||
white-space: nowrap;
|
||||
overflow: auto;}
|
||||
|
||||
#content code {
|
||||
color: #fff;
|
||||
font-family: "courier new", helvetica, "times new roman", monospace;
|
||||
background-color: #333;
|
||||
font-size: 1.2em;}
|
||||
|
||||
#content blockquote { color: #999; font-style: italic; text-align: center; width: 300px; margin: 10px auto;}
|
||||
|
||||
/***Footer***/
|
||||
|
||||
#footer {
|
||||
text-align: center;
|
||||
color: #666;
|
||||
margin-top: 30px;
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
#footer p { color: #666;}
|
||||
|
||||
#footer a { color: #666;}
|
||||
|
||||
#footer a:hover { color: #f4f4f4;}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user