【免费】简单纯色个人技术博客模板_简单纯色个人技术博客棕色.rar资源-CSDN文库

共15个文件

jpg：10个

gif：2个

css：1个

需积分: 0 116 浏览量 2023-09-12 08:48:05 上传评论收藏 18KB RAR 举报

标题中的“简单纯色个人技术博客模板_简单纯色个人技术博客棕色.rar”指的是一个用于创建个人技术博客的模板，其特色是设计简洁且颜色单一，主要色调为棕色。这个压缩包包含了一系列文件，用于构建一个具有专业外观和技术感的博客网站。 1. **HTML**: 描述中提到的“html”表明这个模板基于HTML（超文本标记语言）构建。HTML是网页设计的基础，用于定义页面结构和内容。在这个模板中，HTML文件（可能是index.html）将包含博客的主体内容，如文章、导航链接和页脚信息。 2. **CSS 文件**: - `HarvestField.css`: 这是一个CSS（层叠样式表）文件，用于定义博客的样式，包括字体、颜色、布局和各种元素的样式。`HarvestField`可能是指设计主题或者特定的样式集。 3. 图像资源: - `headerbg.jpg`: 这张图片是博客头部的背景，可能包含logo或标题栏的设计。 - `firefox-gray.jpg`: 可能是浏览器图标或者与浏览器相关的图形元素，灰色调可能代表它在设计中的低调应用。 - `menupointer.jpg`: 这可能是一个菜单项的悬停效果图像，用于提示用户当前鼠标所在的位置。 - `contentbg.jpg`: 这是内容区域的背景图像，可能用于区分主要内容与其他部分。 - `bg.jpg`: 可能是整个页面的通用背景图像，或者是某个特定部分的背景。 4. 其他文件: - `Thumbs.db`: 这个文件通常是由Windows系统自动生成的，用于存储图片缩略图的缓存，对于用户直接查看压缩包内的图片有所帮助。 - `bullet.gif`: 这可能是一个用于列表或其他项目符号的gif图像，给博客内容添加视觉效果。 - `footer-dots.gif`: 底部的点状图像，可能用于装饰页脚或分隔不同的链接和信息。这个压缩包提供了一个完整的HTML博客模板，通过HTML文件和CSS样式来组织和呈现内容，同时配以一系列图像资源来提升用户体验和视觉吸引力。用户只需将自己的技术文章内容替换到模板中相应的位置，就可以快速创建一个个性化的技术博客。

资源推荐

资源详情

资源评论

收起资源包目录

简单纯色个人技术博客模板_简单纯色个人技术博客棕色.rar （15个子文件）

menubg.jpg 391B

menupointer.jpg 575B

HarvestField.css 9KB

footercolbg.jpg 380B

Thumbs.db 5KB

dots.jpg 330B

footer-dots.gif 45B

headerbg.jpg 4KB

contentbg.jpg 553B

bg.jpg 521B

index.html 10KB

footerbg.jpg 441B

firefox-gray.jpg 3KB

light-brown-line.jpg 517B

bullet.gif 315B

<!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 name="Description" content="Information architecture, Web Design, Web Standards." /> <meta name="Keywords" content="your, keywords" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="Distribution" content="Global" /> <meta name="Author" content="Erwin Aligam - ealigam@gmail.com" /> <meta name="Robots" content="index,follow" /> <link rel="stylesheet" href="images/HarvestField.css" type="text/css" /> <title>HarvestField</title></head> <body>  <div id="wrap">  <div id="header"> <h1 id="logo-text"><a href="index.html" title="">Harvest<span>field</span></a></h1> <p id="slogan">put your site slogan here...</p> <div id="header-links"> <p> <a href="index.html">Home</a> | <a href="index.html">Contact</a> | <a href="index.html">Site Map</a> </p> </div>  </div>  <div id="nav"> <div id="light-brown-line"></div> <ul> <li id="current"><a href="index.html">Home</a></li> <li><a href="index.html">Archives</a></li> <li><a href="index.html">Downloads</a></li> <li><a href="index.html">Services</a></li> <li><a href="index.html">Support</a></li> <li><a href="index.html">About</a></li> </ul>  </div>  <div id="content-wrap"> <div id="main"> <a name="TemplateInfo"></a> <h2><a href="index.html">Template Info</a></h2> <p class="post-info">Posted by <a href="index.html">erwin</a> | Filed under <a href="index.html">templates</a>, <a href="index.html">internet</a> </p> <p><strong>HarvestField</strong> is a free, W3C-compliant, CSS-based website template by <a href="http://www.moobnn.com/">styleshout.com</a>. This work is distributed under the <a rel="license" href="http://creativecommons.org/licenses/by/2.5/"> Creative Commons Attribution 2.5 License</a>, which means that you are free to use and modify it for any purpose. All I ask is that you give me credit by including a <strong>link back</strong> to <a href="http://www.moobnn.com/">my website</a>. </p> <p> You can find more of my free template designs at <a href="http://www.moobnn.com/">my website</a>. For premium commercial designs, you can check out <a href="#" title="Website Templates">DreamTemplate.com</a>. </p> <p class="post-meta"> <a href="index.html" class="readmore">Read more</a> | <a href="index.html" class="comments">Comments (7)</a> | <span class="date">June 30, 2007</span> </p> <a name="SampleTags"></a> <h2><a href="index.html">Sample Tags</a></h2> <h3>Code</h3> <p><code> code-sample { <br /> font-weight: bold;<br /> font-style: italic;<br /> } </code></p> <h3>Example Lists</h3> <ol> <li>Here is an example</li> <li>of an ordered list</li> </ol> <ul> <li>Here is an example</li> <li>of an unordered list</li> </ul> <h3>Blockquote</h3> <blockquote><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p></blockquote> <h3>Image and text</h3> <p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg" width="100" height="120" alt="firefox" class="float-left" /></a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. </p> <h3>Table Styling</h3> <table> <tr> <th class="first"><strong>post</strong> date</th> <th>title</th> <th>description</th> </tr> <tr class="row-a"> <td class="first">04.18.2007</td> <td><a href="index.html">Augue non nibh</a></td> <td><a href="index.html">Lobortis commodo metus vestibulum</a></td> </tr> <tr class="row-b"> <td class="first">04.18.2007</td> <td><a href="index.html">Fusce ut diam bibendum</a></td> <td><a href="index.html">Purus in eget odio in sapien</a></td> </tr> <tr class="row-a"> <td class="first">04.18.2007</td> <td><a href="index.html">Maecenas et ipsum</a></td> <td><a href="index.html">Adipiscing blandit quisque eros</a></td> </tr> <tr class="row-b"> <td class="first">04.18.2007</td> <td><a href="index.html">Sed vestibulum blandit</a></td> <td><a href="index.html">Cras lobortis commodo metus lorem</a></td> </tr> </table> <h3>Example Form</h3> <form action="#"> <p> <label>Name</label> <input name="dname" value="Your Name" type="text" size="30" /> <label>Email</label> <input name="demail" value="Your Email" type="text" size="30" /> <label>Your Comments</label> <textarea rows="5" cols="5"></textarea> <br /> <input class="button" type="submit" /> </p> </form> <br />  </div> <div id="sidebar"> <h3>Search Box</h3> <form action="#" class="searchform"> <p> <input name="search_query" class="textbox" type="text" /> <input name="search" class="button" value="Search" type="submit" /> </p> </form> <h3>Sidebar Menu</h3> <ul class="sidemenu"> <li><a href="index.html">Home</a></li> <li><a href="#TemplateInfo">Template Info</a></li> <li><a href="#SampleTags">Sample Tags</a></li> <li><a href="http://www.moobnn.com/">More Free Templates</a></li> <li><a href="#" title="Web Templates">Web Templates</a></li> </ul> <h3>Links</h3> <ul class="sidemenu"> <li><a href="http://www.pdphoto.org/">PDPhoto.org</a></li> <li><a href="http://www.squidfingers.com/patterns/">Squidfingers | Patterns</a></li> <li><a href="http://www.alistapart.com">Alistapart</a></li> <li><a href="http://www.cssmania.com">CSS Mania</a></li> </ul> <h3>Sponsors</h3> <ul class="sidemenu"> <li><a href="#" title="Website Templates"> <strong>DreamTemplate</strong></a> <br /> Over 6,000+ Premium Web Templates</li> <li><a href="#" title="WordPress Themes"> <strong>ThemeLayouts</strong></a> <br /> Premium WordPress & Joomla Themes</li> <li><a href="#" title="Website Hosting"> <strong>ImHosted.com</strong></a> <br /> Affordable Web Hosting Provider</li> <li><a href="#" title="Stock Photos"> <strong>Dreamstock</strong></a> <br /> Download Amazing Stock Photos</li> <li><a href="#" title="Website Builder"> <strong>Evrsoft</strong></a> <br /> Website Builder Software & Tools</li> <li><a href="#" title="Web H

评论收藏

内容反馈