<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="description" content=""/>
<meta name="keywords" content="" />
<meta name="author" content="" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<title>Website Template: Simple Magazine - Archives (demo)</title>
</head>
<body id="top">
<div id="network">
<div class="center-wrapper">
<div class="left">Sunday, August 2, 2009 <span class="text-separator">|</span> <span class="quiet">794 users online</span></div>
<div class="right">
<ul class="tabbed" id="network-tabs">
<li class="current-tab"><a href="#">Simple Magazine</a></li>
<li><a href="#">Network site</a></li>
<li><a href="#">Network site 2</a></li>
</ul>
<div class="clearer"> </div>
</div>
<div class="clearer"> </div>
</div>
</div>
<div id="site">
<div class="center-wrapper">
<div id="header">
<div class="right" id="toolbar">
Text size <a href="#" title="Larger text"><img src="img/icon-plus.gif" width="20" height="20" alt="" /></a> <a href="#" title="Smaller text"><img src="img/icon-minus.gif" width="20" height="20" alt="" /></a>
</div>
<div class="clearer"> </div>
<div id="site-title">
<h1><a href="#">Simple Magazine</a> <span> / News</span></h1>
</div>
<div id="navigation">
<div id="main-nav">
<ul class="tabbed">
<li class="current-tab"><a href="#">News</a></li>
<li><a href="#">Politics</a></li>
<li><a href="#">Culture</a></li>
<li><a href="#">Sport</a></li>
<li><a href="#">Debate</a></li>
<li><a href="#">Entertainment</a></li>
</ul>
<div class="clearer"> </div>
</div>
<div id="sub-nav">
<ul class="tabbed">
<li><a href="index.html">Frontpage</a></li>
<li><a href="style-demo.html">Style Demo</a></li>
<li><a href="two-columns.html">Two Columns</a></li>
<li><a href="single-column.html">Single Column</a></li>
<li class="current-tab"><a href="archives.html">Archives</a></li>
<li><a href="empty-page.html">Empty Page</a></li>
</ul>
<div class="clearer"> </div>
</div>
</div>
</div>
<div class="main" id="main-three-columns">
<div class="left" id="main-left">
<h1>Archives</h1>
<div class="post-meta archive-pagination">
<div class="left"><a href="#">« Previous page</a></div>
<div class="right"><a href="#">Next page »</a></div>
<div class="clearer"> </div>
</div>
<div class="post">
<div class="archive-post-date">
<div class="archive-post-day">02</div>
<div class="archive-post-month">AUG</div>
</div>
<div class="archive-post-title">
<h3><a href="http://www.moobnn.com/simple-magazine-website-template/">Website Template: Simple Magazine</a></h3>
<div class="post-date">23:15, Sunday, August 2 2009 in <a href="#">Category Name</a></div>
</div>
<div class="clearer"> </div>
</div>
<div class="archive-separator"></div>
<div class="post">
<div class="archive-post-date">
<div class="archive-post-day">21</div>
<div class="archive-post-month">JUN</div>
</div>
<div class="archive-post-title">
<h3><a href="http://www.moobnn.com/freshmade-software-website-template/">Website Template: Freshmade Software</a></h3>
<div class="post-date">16:43, Friday, June 21, 2009 in <a href="#">Category Name</a></div>
</div>
<div class="clearer"> </div>
</div>
<div class="archive-separator"></div>
<div class="post">
<div class="archive-post-date">
<div class="archive-post-day">19</div>
<div class="archive-post-month">MAY</div>
</div>
<div class="archive-post-title">
<h3><a href="http://www.moobnn.com/natural-gloom-website-template/">Website Template: Natural Gloom</a></h3>
<div class="post-date">10:35, Tuesday, May 19, 2009 in <a href="#">Category Name</a></div>
</div>
<div class="clearer"> </div>
</div>
<div class="archive-separator"></div>
<div class="post">
<div class="archive-post-date">
<div class="archive-post-day">01</div>
<div class="archive-post-month">APR</div>
</div>
<div class="archive-post-title">
<h3><a href="http://www.moobnn.com/cerulean-elegance-website-template/">Website Template: Cerulean Elegance</a></h3>
<div class="post-date">21:28, Saturday, April 1, 2009 in <a href="#">Category Name</a></div>
</div>
<div class="clearer"> </div>
</div>
<div class="archive-separator"></div>
<div class="post">
<div class="archive-post-date">
<div class="archive-post-day">19</div>
<div class="archive-post-month">DEC</div>
</div>
<div class="archive-post-title">
<h3><a href="http://www.moobnn.com/emplode-website-template/">Website Template: Emplode</a></h3>
<div class="post-date">08:35, Tuesday, December 19, 2008 in <a href="#">Category Name</a></div>
</div>
<div class="clearer"> </div>
</div>
<div class="archive-separator"></div>
<div class="post">
<div class="archive-post-date">
<div class="archive-post-day">15</div>
<div class="archive-post-month">JUN</div>
</div>
<div class="archive-post-title">
<h3><a href="http://www.moobnn.com/grunge-superstar-website-template/">Website Template: Grunge Superstar</a></h3>
<div class="post-date">08:35, Wednesday, June 15, 2008 in <a href="#">Category Name</a></div>
</div>
<div class="clearer"> </div>
</div>
<div class="archive-separator"></div>
<div class="post">
<div class="archive-post-date">
<div class="archive-post-day">25</div>
<div class="archive-post-month">APR</div>
</div>
<div class="archive-post-title">
<h3><a href="http://www.moobnn.com/colorvoid-website-template/">Website Template: Colorvoid</a></h3>
<div class="post-date">19:26, Friday, April 25, 2008 in <a href="#">Category Name</a></div>
</div>
<div class="clearer"> </div>
</div>
<div class="archive-separator"></div>
<div class="post">
<div class="archive-post-date">
<div class="archive-post-day">13</div>
<div class="archive-post-month">DEC</div>
</div>
<div class="archive-post-title">
<h3><a href="http://www.moobnn.com/winterplain-website-template/">Website Template: Winterplain</a></h3>
<div class="post-date">16:03, Monday, December 13, 2007 in <a href="#">Category Name</a></div>
</div>
<div class="clearer"> </div>
</div>
<div class="archive-separator"></div>
<div class="post">
<div class="archive-post-date">
<div class="archive-post-day">06</div>
<div class="archive-post-month">SEP</div>
</div>
<div class="archive-post-title">
<h3><a href="http://www.moobnn.com/deep-blue-website-template/">Website Template: Deep Blue</a></h3>
<div class="post-date">22:17, Sunday, September 6, 2007 in <a href="#">Category Name</a></div>
</div>
<div class="clearer"> </div>
</div>
<div class="archive-separator"></div>
<div class="post">
<div class="archive-post-date">
<div class="archive-post-day">12</div>
<div class="archive-post-month">MAY</div>
</div>
<div class="archive-post-title">
<h3><a href="http://www.m
简洁大气的新闻杂志博客CSS模板_简洁大气新闻杂志博客白色三栏漂亮线条.rar
需积分: 0 14 浏览量
更新于2023-09-12
收藏 67KB RAR 举报
标题 "简洁大气的新闻杂志博客CSS模板_简洁大气新闻杂志博客白色三栏漂亮线条.rar" 暗示了这是一个设计用于新闻、杂志或博客网站的前端模板，主要依赖CSS技术来实现其美观和功能。CSS（层叠样式表）是网页设计的核心技术之一，用于控制网页元素的布局、颜色、字体等视觉表现。
描述中的"html"表明模板基于HTML（超文本标记语言）构建，这是所有网页的基础结构语言。HTML和CSS结合使用，可以创建出交互性强、布局灵活的网页。
标签 "html" 进一步强调了这个模板与HTML5相关的特性，HTML5是HTML的最新版本，引入了许多新元素和API，旨在使网页开发更加简化，同时增强了多媒体支持和离线存储功能。
压缩包内的文件名称列表提供了关于模板设计的一些线索：
1. `style.css`：这是样式表文件，包含所有定义网页样式的规则。开发者可以通过修改这里的代码来改变网页的颜色、布局、字体等视觉元素。
2. `dashboard.gif`：这可能是一个图形，用于表示后台管理界面或者用户仪表盘的设计，通常在博客或新闻网站中用于编辑和管理内容。
3. `main-three-columns.gif` 和 `main-two-columns.gif`：这些可能是展示模板主布局的示意图，其中"三栏"和"两栏"指的是网页的结构，常用于新闻网站，便于分类展示大量内容。
4. `icon-*.gif` 文件（如 `icon-feed.gif`, `icon-time.gif`, `icon-plus.gif`, `icon-minus.gif`）：这些都是图标资源，用于增强用户体验，例如，`icon-feed.gif` 可能代表RSS订阅，`icon-time.gif` 可能表示时间戳，`icon-plus.gif` 和 `icon-minus.gif` 可能用于展开/收起内容。
5. `navigation-arrow.gif` 和 `navigation-separator.gif`：这些可能与导航菜单有关，箭头可能指示下拉菜单或滚动，而分隔符用于在菜单项之间创建视觉间隔。
这个模板提供了创建一个具有专业外观和良好用户体验的新闻或博客网站的起点。通过调整`style.css`中的CSS规则，可以定制颜色方案、字体和布局。HTML5的使用确保了模板的现代性和兼容性，而各种图形元素则增强了页面的视觉吸引力和易用性。
简洁大气的新闻杂志博客CSS模板_简洁大气新闻杂志博客白色三栏漂亮线条.rar （24个子文件） 
style.css 12KB
news-image-big.jpg 19KB
icon-minus.gif 79B icon-time.gif 346B news-image-small-1.jpg 3KB news-image-med-1.jpg 4KB
empty-page.html 5KB icon-feed.gif 603B sample-gravatar.jpg 914B news-image-small-2.jpg 8KB single-column.html 7KB two-columns.html 10KB news-image-med-3.jpg 5KB navigation-arrow.gif 170B icon-plus.gif 89B main-two-columns.gif 518B main-three-columns.gif 777B sample-thumbnail.jpg 551B index.html 11KB archives.html 15KB dashboard.gif 1013B news-image-med-2.jpg 4KB navigation-separator.gif 40B style-demo.html 13KB资源评论
Q_97095639
- 粉丝: 511
- 资源: 1万+
最新资源
- 2025最新地基基础考试题及答案.doc
- 2025最新电力安全工作规程考试题及答案.doc
- 2025最新地基基础考试题库及答案.doc
- 2025最新公文写作考试题库(含答案).doc
- 2025最新环保知识竞赛题库及参考答案（通用版）.doc
- 2025最新环保知识竞赛题库及答案（通用版）.doc
- 2025最新机械工程师职称考试题库及答案.doc
- 2025最新护理三基考试题库（含答案）.doc
- 2025最新机械制图期末试卷及答案.doc
- 2025最新保密教育线上培训必考题库附含答案.docx
- 2025最新保密教育知识题库和答案.docx
- 2025最新保密知识在线学习测试题库(含答案).docx
- 2025最新材料员基础知识试题库(附含答案).docx
- 2025最新变电类安全规程考试试题（含答案）.docx
- 2025最新初级保育员理论知识考试题（含答案）.docx
- 2025最新初级保育员理论知识考试题库及答案.docx
