<!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>
<title>CoolBlue</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="Erwin Aligam - styleshout.com" />
<meta name="description" content="Site Description Here" />
<meta name="keywords" content="keywords, here" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />
<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
</head>
<body>
<!--header -->
<div id="header-wrap"><div id="header">
<a name="top"></a>
<h1 id="logo-text"><a href="index.html" title="">coolblue</a></h1>
<p id="slogan">Just Another Styleshout CSS Template... </p>
<div id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="style.html">Style Demo</a></li>
<li id="current"><a href="blog.html">Blog</a></li>
<li><a href="archives.html">Archives</a></li>
<li><a href="index.html">Support</a></li>
<li><a href="index.html">About</a></li>
</ul>
</div>
<p id="rss">
<a href="index.html">Grab the RSS feed</a>
</p>
<form id="quick-search" method="get" action="index.html">
<fieldset class="search">
<label for="qsearch">Search:</label>
<input class="tbox" id="qsearch" type="text" name="qsearch" value="Search..." title="Start typing and hit ENTER" />
<button class="btn" title="Submit Search">Search</button>
</fieldset>
</form>
<!--/header-->
</div></div>
<!-- content-outer -->
<div id="content-wrap" class="clear" >
<!-- content -->
<div id="content">
<!-- main -->
<div id="main">
<div class="post">
<div class="right">
<h2><a href="index.html">A Blog Post</a></h2>
<p class="post-info">Filed under <a href="index.html">templates</a>, <a href="index.html">internet</a></p>
<div class="image-section">
<img src="images/img-post.jpg" alt="image post" height="200" width="500"/>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
Cras id urna. Morbi tincidunt, orci ac <a href="index.html">convallis aliquam</a>, lectus turpis varius lorem, eu
posuere nunc justo tempus leo.</p>
<p>
Donec mattis, purus nec placerat bibendum, <a href="index.html">dui pede condimentum</a>
odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra
condimentum, lorem tellus eleifend magna, <a href="index.html">eget fringilla velit</a> 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>
<div class="share-box clear" >
<h4>Share This</h4>
<ul>
<li><a title="RSS" href="index.html" rel="nofollow">
<img alt="RSS" title="RSS" src="images/rss_32.png" /></a>
</li>
<li><a title="del.icio.us" href="index.html" rel="nofollow">
<img alt="del.icio.us" title="del.icio.us" src="images/delicious_32.png" /></a>
</li>
<li><a title="StumbleUpon" href="index.html" rel="nofollow">
<img alt="StumbleUpon" title="StumbleUpon" src="images/stumbleupon_32.png" /></a>
</li>
<li><a title="Digg" href="index.html" rel="nofollow">
<img alt="Digg" title="Digg" src="images/digg_32.png" /></a>
</li>
<li><a title="Facebook" href="index.html" rel="nofollow">
<img alt="Facebook" title="Facebook" src="images/facebook_32.png" /></a>
</li>
<li><a title="Twitter" href="index.html" rel="nofollow">
<img alt="Twitter" title="Twitter" src="images/twitter_32.png" /></a>
</li>
<li><a title="Technorati" href="index.html" rel="nofollow">
<img alt="Technorati" title="Technorati" src="images/technorati_32.png" /></a>
</li>
<li><a title="NewsVine" href="index.html" rel="nofollow">
<img alt="NewsVine" title="NewsVine" src="images/newsvine_32.png" /></a>
</li>
<li><a title="LinkedIn" href="index.html" rel="nofollow">
<img alt="LinkedIn" title="LinkedIn" src="images/linkedin_32.png" /></a>
</li>
<li><a title="E-mail this story to a friend!" href="index.html" rel="nofollow">
<img alt="E-mail this story to a friend!" title="E-mail this story to a friend!" src="images/email_32.png" /></a>
</li>
</ul>
</div>
</div>
<div class="left">
<p class="dateinfo">JAN<span>31</span></p>
<div class="post-meta">
<h4>Post Info</h4>
<ul>
<li class="user"><a href="#">Erwin</a></li>
<li class="time"><a href="#">12:30 PM</a></li>
<li class="comment"><a href="#">10 Comments</a></li>
<li class="permalink"><a href="#">Permalink</a></li>
</ul>
</div>
<div class="post-meta">
<h4>tags</h4>
<ul class="tags">
<li><a href="index.html" rel="tag">Clean</a></li>
<li><a href="index.html" rel="tag">Blog</a></li>
<li><a href="index.html" rel="tag">Minimal</a></li>
</ul>
</div>
</div>
</div>
<div class="post-bottom-section">
<h4>3 comments</h4>
<div class="right">
<ol class="commentlist">
<li class="depth-1">
<div class="comment-info">
<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />
<cite>
<a href="index.html">Erwin</a> Says: <br />
<span class="comment-data"><a href="#comment-63" title="">January 31st, 2010 at 10:00 pm</a></span>
</cite>
</div>
<div class="comment-text">
<p>Comments are great!</p>
<div class="reply">
<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
</div>
</div>
<ul class="children">
<li class="depth-2">
<div class="comment-info">
<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />
<cite>
<a href="index.html">Erwin</a> Says: <br />
<span class="comment-data"><a href="#" title="">January 31st, 2010 at 8:15 pm</a></span>
</cite>
</div>
<div class="comment-text">
<p>And here is a threaded comment.</p>
<div class="reply">
<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
</div>
</div>
</li>
<li class="depth-2">
<div class="comment-info">
<img alt="" src="images/gravatar.jpg" class="avatar" height="40" width="40" />
<cite>
<a href="index.html">Erwin</a> Says: <br />
<span class="comment-data"><a href="#" title="">January 31st, 2010 at 8:15 pm</a></span>
</cite>
</div>
<div class="comment-text">
<p>And here is another threaded comment.</p>
<div class="reply">
<a rel="nofollow" class="comment-reply-link" href="index.html">Reply</a>
</div>
</div>
<ul class="chil
漂亮大气简洁的博客模板_漂亮大气简洁博客导航web20精品线条白色.rar
需积分: 0 5 浏览量
更新于2023-09-12
收藏 108KB RAR 举报
标题中的“漂亮大气简洁的博客模板”指的是一个设计精良、风格简约且具有现代感的博客网站布局模板。这样的模板通常包含一系列元素，如头部、导航栏、文章区、侧边栏以及底部，旨在提供一个易于阅读和浏览的用户体验。在网页设计中，大气和简洁的风格通常意味着少用复杂的图形和色彩，而更多地依赖于清晰的排版和空间布局。
描述中提到的“html”是超文本标记语言（HyperText Markup Language）的缩写，它是构建网页的标准语言。HTML由一系列元素组成，这些元素通过标签定义，用来告诉浏览器如何展示网页内容。例如，`<head>`标签包含元信息，`<body>`标签包含可见内容，`<h1>`到`<h6>`定义标题，`<p>`用于段落，`<a>`用于链接，`<img>`插入图片等。在这个博客模板中，HTML文件将与CSS（层叠样式表）一起工作，以实现视觉设计和布局。
标签“html”进一步强调了这个压缩包的内容主要与HTML相关，暗示着这个模板可能包含HTML文件，这些文件包含了构建博客页面所需的结构和内容。
在压缩包的文件名称列表中：
1. `coolblue.css`, `enhancements.css`, `reset.css`, `screen.css` 都是CSS文件，它们分别负责不同的样式设置。`coolblue.css`可能是主样式表，定义了博客的整体颜色方案和主题；`enhancements.css`可能包含额外的增强功能或特效；`reset.css`通常用于重置浏览器的默认样式，确保一致的跨浏览器显示；`screen.css`则可能是针对屏幕设备的样式，可能包含了响应式设计的部分。
2. `Thumbs.db` 是Windows系统中的一种文件，用于存储图像缩略图的缓存，它在这里可能是创建或编辑模板时产生的临时文件。
3. `date-bg.gif`, `rss.gif`, `search.gif`, `tag.gif`, `comment.gif` 都是GIF图像文件，它们可能是博客模板中使用的图标。例如，`date-bg.gif`可能是日期背景的图形，`rss.gif`代表RSS订阅图标，`search.gif`是搜索功能的图标，`tag.gif`可能表示标签图标，而`comment.gif`可能与评论功能相关。
总结来说，这个压缩包提供的资源是一个基于HTML和CSS的博客模板，采用了简洁大气的设计风格。它包含了基本的样式表文件，用于定义布局、颜色和图标，以及一些可能用于博客界面的图形元素。这个模板可以作为一个基础，用于快速搭建一个具有专业外观和个人特色的博客网站。
漂亮大气简洁的博客模板_漂亮大气简洁博客导航web20精品线条白色.rar （46个子文件） 
user.gif 947B
enhancements.css 1KB current.gif 351B content.gif 109B
img-post.jpg 19KB coolblue.css 20KB Thumbs.db 8KB
stumbleupon_32.png 866B current.jpg 723B footer-line.gif 44B tag.gif 994B social_facebook.png 5KB social_twitter.png 6KB facebook_32.png 732B newsvine_32.png 981B bg.gif 122B rss.gif 1KB email_32.png 771B document.gif 93B reset.css 996B permalink.gif 329B date-bg.gif 2KB speech_bubble.gif 97B search.gif 1KB bg.jpg 6KB digg_32.png 831B delicious_32.png 698B
style.html 17KB social_rss.png 6KB twitter_32.png 683B screen.css 197B index.html 16KB archives.html 14KB firefox-gray.jpg 3KB header-bg.png 10KB social_email.png 4KB clock.gif 207B thumb.jpg 350B comment.gif 963B rss_32.png 1KB blog.html 22KB header-bg.jpg 2KB quote.gif 261B technorati_32.png 1KB linkedin_32.png 1005B gravatar.jpg 1KB资源评论
Q_97095639
- 粉丝: 508
- 资源: 1万+
最新资源
- CM2200系列.pdf
- CM5000系列.pdf
- 大数据实验报告(已提交留档).7z
- CM1100系列.pdf
- CM7000系列（普通版）.pdf
- CP2100 系列.pdf
- CP2500 （普通版）.pdf
- CP2200系列.pdf
- 汇川H3U收卷机程序案例 收卷机完成藤条的收卷功能： 主机变频器采用力矩模式，排线伺服采用速度模式，定时中断采集主轴速度信号，排线伺服进行速度更随
- CP2500系列（智享版）.pdf
- CP1100系列.pdf
- CP5000系列.pdf
- 敏捷实践指南-中文版(可搜索、带页码）.pdf
- M9000系列.pdf
- CM9100、9700、M9100、9700系列.pdf
- docx文件转html文件word文件转html
