<!--
____________________________________________________________
| |
| DESIGN + Pat Heard { http://fullahead.org } |
| DATE + 2006.03.19 |
| COPYRIGHT + Free use if this notice is left in place |
|____________________________________________________________|
-->
<!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>lazy days ( tags )</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="fullahead.org" />
<meta name="keywords" content="Open Web Design, OWD, Free Web Template, Lazy Days, Fullahead" />
<meta name="description" content="A free web template designed by Fullahead.org and hosted on OpenWebDesign.org" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />
<link rel="stylesheet" type="text/css" href="css/html.css" media="screen, projection, tv " />
<link rel="stylesheet" type="text/css" href="css/layout.css" media="screen, projection, tv" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
</head>
<body>
<!-- CONTENT: Holds all site content except for the footer. This is what causes the footer to stick to the bottom -->
<div id="content">
<!-- HEADER: Holds title, subtitle and header images -->
<div id="header">
<div id="title">
<h1>Lazy Days</h1>
<h2>in the city</h2>
</div>
<img src="images/bg/balloons.gif" alt="balloons" class="balloons" />
<img src="images/bg/header_left.jpg" alt="left slice" class="left" />
<img src="images/bg/header_right.jpg" alt="right slice" class="right" />
</div>
<!-- MAIN MENU: Top horizontal menu of the site. Use class="here" to turn the current page tab on -->
<div id="mainMenu">
<ul class="floatRight">
<li><a href="index.html" title="Introduction">Intro</a></li>
<li><a href="help.html" title="Learn how to use the template">Help</a></li>
<li><a href="tags.html" title="View the styled tags" class="here">Tags</a></li>
<li><a href="print.html" title="View the print layout">Print</a></li>
<li><a href="http://fullahead.org/contact.html" title="Get in touch" class="last">Mail</a></li>
</ul>
</div>
<!-- PAGE CONTENT BEGINS: This is where you would define the columns (number, width and alignment) -->
<div id="page">
<div class="width100 floatLeft">
<div class="gradient">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<p>
A <a href="http://tastydrop.com" title="Shameless....">link</a>, <acronym title="this really isn't a very good description">acronym</acronym> and <del>deleted text</del>.
</p>
<blockquote>
<p>
This is a default blockquote with author information included. If you look at the source, you can see the author info gets its style from a combination of generic classes.<span class="block small grey"><a href="http://fullahead.org/contact.html" title="Contact snop">snop</a> on March 19th, 2006</span>
</p>
</blockquote>
<blockquote class="go">
<p>
This is a blockquote with the <i>go</i> class.
</p>
</blockquote>
<blockquote class="exclamation">
<p>
This is a blockquote with the <i>exclamation</i> class.
</p>
</blockquote>
<blockquote class="stop">
<p>
This is a blockquote with the <i>stop</i> class.
</p>
</blockquote>
<code><span class="green">/* Code block */</span><br/>System.out.println("someone set us up the bomb");</code>
<dl>
<dt>
Definition List
</dt>
<dd>
Can be used for all your definition list needs.
</dd>
<dt>
Muffins
</dt>
<dd>
Tasty breakfast treat.
</dd>
</dl>
<ul>
<li>Unordered List</li>
<li>Uses a custom bullet to make items pop</li>
</ul>
<ol>
<li><span>Ordered List</span></li>
<li><span>Uses a <span> tag to style the numbers</span></li>
</ol>
<form id="dummy" action="" method="post">
<p>
<label>Select Label</label>
<select name="dummy2">
<option value="1">Ottawa</option>
<option value="2">Calgary</option>
<option value="3">Moosejaw</option>
</select>
</p>
<p>
<label>Field Label</label>
<input type="text" name="dummy1" class="width50"/>
</p>
<p>
<label>Textarea Label</label>
<textarea name="dummy3" rows="5" cols="20" class="width50"></textarea>
</p>
<p>
<input type="submit" value="Submit" class="button"/>
<input type="reset" value="Reset" class="button"/>
</p>
</form>
</div>
</div>
<div class="gradient clear">
<a name="widthDemo"></a>
<h1>Column Width Demo</h1>
<h2 class="clear">25 Percent Width</h2>
<div class="width25 floatLeft">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris magna. Suspendisse accumsan elit non tellus. Curabitur eros justo, malesuada convallis, sagittis vitae, convallis sit amet, lectus. Fusce tristique mattis ante. Aenean facilisis euismod dui.
</p>
</div>
<div class="width25 floatLeft">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris magna. Suspendisse accumsan elit non tellus. Curabitur eros justo, malesuada convallis, sagittis vitae, convallis sit amet, lectus. Fusce tristique mattis ante. Aenean facilisis euismod dui.
</p>
</div>
<div class="width25 floatLeft">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris magna. Suspendisse accumsan elit non tellus. Curabitur eros justo, malesuada convallis, sagittis vitae, convallis sit amet, lectus. Fusce tristique mattis ante. Aenean facilisis euismod dui.
</p>
</div>
<div class="width25 floatRight">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris magna. Suspendisse accumsan elit non tellus. Curabitur eros justo, malesuada convallis, sagittis vitae, convallis sit amet, lectus. Fusce tristique mattis ante. Aenean facilisis euismod dui.
</p>
</div>
<h2 class="clear">33 Percent Width</h2>
<div class="width33 floatLeft">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris magna. Suspendisse accumsan elit non tellus. Curabitur eros justo, malesuada convallis, sagittis vitae, convallis sit amet, lectus. Fusce tristique mattis ante. Aenean facilisis euismod dui.
</p>
</div>
<div class="width33 floatLeft">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris magna. Suspendisse accumsan elit non tellus. Curabitur eros justo, malesuada convallis, sagittis vitae, convallis sit amet, lectus. Fusce tristique mattis ante. Aenean facilisis euismod dui.
</p>
</div>
<div class="width33 floatRight">
<p>
Lorem ipsum dolor sit amet, consectetuer
十个DIV+CSS网页布局模版
5星 · 超过95%的资源 需积分: 0 95 浏览量
2009-09-04
01:12:03
上传
评论 2
收藏 422KB RAR 举报 
十个DIV+CSS网页布局模版 （118个子文件） 
styling.css 13KB layout.css 6KB style.css 5KB style.css 5KB style.css 5KB 1.css 4KB html.css 4KB prozac_afternoon.css 4KB style.css 3KB style.css 2KB css.css 2KB print.css 1KB Thumbs.db 21KB Thumbs.db 21KB Thumbs.db 18KB Thumbs.db 14KB Thumbs.db 13KB Thumbs.db 10KB Thumbs.db 8KB Thumbs.db 8KB Thumbs.db 6KB Thumbs.db 5KB Thumbs.db 4KB
prefooter.gif 47KB footer2.gif 17KB pozadina.gif 12KB header.gif 6KB page.gif 6KB sharp.gif 4KB bg_nav.gif 4KB naslov.gif 2KB bg.gif 1KB small.gif 1KB text.gif 1KB text2.gif 1KB input.gif 1KB go.gif 1KB quote.gif 1KB stop.gif 1KB text1.gif 1KB image.gif 1KB bg2.gif 1021B links.gif 933B gradient.gif 881B timeicon.gif 848B comment.gif 839B sidebar.gif 825B li.gif 824B bullet.gif 809B back.gif 807B balloons.gif 782B exclamation.gif 649B bg_left.gif 549B slanter.gif 473B bg_right.gif 450B overburn2.gif 363B hr.gif 229B overburn.gif 198B bullet.gif 196B topnav_bg.gif 166B bullet1.gif 138B li.gif 131B bullet.gif 131B topnav_bg_grey.gif 108B cnr_tl.gif 108B cnr_bl.gif 100B cnr_tr.gif 100B cnr_br.gif 100B timeicon.gif 71B comment.gif 70B submenua.gif 64B bg.gif 56B blank.gif 43B
tags.html 11KB help.html 10KB index.html 10KB print.html 9KB contact.html 9KB reviews.html 8KB index.html 8KB forums.html 8KB index.html 7KB index.html 7KB index.html 6KB index.html 5KB index.html 4KB index.html 4KB index.html 4KB index.html 4KB favicon.ico 1KB
header.jpg 61KB preheader.jpg 33KB header.jpg 29KB footer.jpg 28KB menu.jpg 19KB header.jpg 15KB bg.jpg 13KB symi_disalonas.jpg 11KB header_right.jpg 11KB header.jpg 10KB共 118 条
- 1
- 2
- 1
- 2
前往页