<!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">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Your description goes here" />
<meta name="keywords" content="your,keywords,goes,here" />
<meta name="author" content="Your Name" />
<link rel="stylesheet" type="text/css" href="andreas00.css" media="screen,projection" />
<title>andreas00 v2.2</title>
</head>
<body>
<div id="wrap">
<div id="header">
<h1><a href="#">andreas00 v2.2</a></h1>
<p><strong>A free website template by Andreas Viklund</strong></p>
</div>
<div id="leftside">
<h2 class="hide">Sample menu:</h2>
<ul class="avmenu">
<li><a href="index.html">First page</a></li>
<li><a class="current" href="styles.html">Included styles</a></li>
<li><a href="2-columns.html">2 columns</a></li>
<li><a href="3-columns.html">3 columns</a></li>
</ul>
<div class="announce">
<h2>Sample news:</h2>
<p><strong>Jun 01, 2010:</strong><br />
Updated to v2.2 minor fixes and adjustments.</p>
<p>This template includes a lot of additional styles and layout variations in the stylesheet. To see these, use the navigation menu to view the different pages and layout examples.</p>
<p class="textright"><a href="#">Sample link »</a></p>
</div>
</div>
<div id="contentwide">
<h2>Examples of included CSS styles</h2>
<p>This template is built to work for many different kinds of sites. To make it easier for you to add your content, I have included additional styles in the CSS that you can use if you want to. This page includes a number of simple demos of these styles. To see how they are used, look at the source.</p>
<table summary="Demo of the included table styles">
<caption>Example of the table styling</caption>
<thead>
<tr>
<th scope="col">Template</th>
<th scope="col">Designer</th>
<th scope="col">Rating</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tfoot>
<tr>
<th scope="row">Total</th>
<td colspan="3">3 templates listed. Average rating is 4/5.</td>
</tr>
</tfoot>
<tbody>
<tr>
<th scope="row"><a href="http://andreasviklund.com/templates/andreas01/">andreas01</a></th>
<td>Andreas</td>
<td>4/5</td>
<td>Originally released on July 25th 2005, this template has become one of the most well-known website templates in the world.</td>
</tr>
<tr>
<th scope="row"><a href="http://andreasviklund.com/templates/1024px/">1024px</a></th>
<td>Andreas</td>
<td>3/5</td>
<td>A simple and basic template, which is made for screen resolutions with a width of 1024 pixels or more.</td>
</tr>
<tr>
<th scope="row"><a href="http://andreasviklund.com/templates/">modular</a></th>
<td>Andreas</td>
<td>5/5</td>
<td>Still in the works, Andreas' modular template makes it possible to combine a number of "code blocks" to create a large number of different layouts from one single template.</td>
</tr>
</tbody>
</table>
<h3>More styles...</h3>
<p>Regular text can be <strong>strong</strong>, <em>emphasized</em> and of course <a href="#">linked</a>. You can use the <del>del</del> and <ins>ins</ins> too if you want to point out changes in your textual content. These are all standard HTML tags, use them with care.</p>
<p class="center">I have also added a few extra classes for text styling, such as this paragraph wich uses the class "center".</p>
<p>Regular text can also be made <span class="small">very small</span> or <span class="large">very large</span>, and even <span class="highlighted">highlighted like this</span> using CSS classes. You can also apply colors, like <span class="red">red</span>, <span class="green">green</span> and <span class="blue">blue</span> to texts and other objects.</p>
<blockquote>
<p>"This is a sample showing the blockquote tag..."</p>
</blockquote>
<h3>Lists</h3>
<ul>
<li>Unordered list, option 1</li>
<li>Unordered list, option 2</li>
<li>Unordered list, option 3
<ul>
<li>Sub-option to option 3</li>
<li>Another sub-option to option 3</li>
</ul>
</li>
<li>Unordered list, option 4</li>
<li>Unordered list, option 5</li>
</ul>
<ol>
<li>Ordered list, option 1</li>
<li>Ordered list, option 2</li>
<li>Ordered list, option 3
<ol>
<li>Sub-option to option 3</li>
<li>Another sub-option to option 3</li>
</ol>
</li>
<li>Ordered list, option 4</li>
<li>Ordered list, option 5</li>
</ol>
<h3>Forms</h3>
<p>If you are planning to use this template with a blog or a content management system, you will probably use forms in different ways. Search boxes, comments and contact forms are the most common features that use forms, so I have included styles for those. The search box can be seen on the first page, but here is a sample comment form. Please note that it is not functional, this is only to show what a real comment form could look like.</p>
<form action="" method="post" id="sampleform">
<p><label for="author">Name:</label><br />
<input type="text" name="author" id="author" class="textarea" value="" tabindex="1" /></p>
<p><label for="email">E-mail:</label><br />
<input type="text" name="email" id="email" value="" tabindex="2" /></p>
<p><label for="comment">Message:</label><br />
<textarea name="comment" id="comment" rows="7" cols="50" tabindex="4"></textarea></p>
<p><input class="button" name="submit" id="submit" type="submit" tabindex="5" value="Submit" /></p>
</form>
</div>
<div id="footer">
<p><span>© 2010 <a href="http://www.moobnn.com">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></span><br />
Template design from <a href="http://www.moobnn.com/">moobnn.com</a></p>
</div>
</div>
</body>
</html>
标准的三栏式博客模板01_白色简洁线条博客灰色标准.rar
需积分: 0 186 浏览量
2023-09-10
11:00:30
上传
评论
收藏 32KB RAR 举报
标准的三栏式博客模板01_白色简洁线条博客灰色标准.rar （10个子文件） 
front.jpg 23KB test.jpg 1KB
andreas00.css 6KB
styles.html 6KB 3-columns.html 2KB
bg.gif 266B 2-columns.html 2KB menubg.gif 99B menubg2.gif 151B index.html 4KB资源评论
