蓝色精品质感大气的企业博客模板(5色版)_蓝色精品大气漂亮企业博客食品水果渐变圆角质感.rar资源-CSDN文库

共217个文件

png：84个

jpg：70个

js：21个

版权申诉

66 浏览量 2021-11-06 12:50:35 上传评论收藏 1.85MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

蓝色精品质感大气的企业博客模板(5色版)_蓝色精品大气漂亮企业博客食品水果渐变圆角质感.rar （217个子文件）

main.css 8KB

skin.css 3KB

125x125.gif 2KB

ul.gif 1KB

index.html 10KB

subpage.html 9KB

topstory.jpg 40KB

articles-03.jpg 35KB

articles-02.jpg 22KB

gallery-01.jpg 22KB

articles-04.jpg 21KB

gallery-02.jpg 20KB

article-01.jpg 20KB

articles-01.jpg 17KB

gallery-03.jpg 16KB

共 217 条

<!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"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-language" content="en" /> <meta name="description" content="[HERE PASTE YOUR DESCRIPTION]" /> <meta name="author" content="Template:TemplatesDock " /> <link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" /> <link rel="stylesheet" media="screen,projection" type="text/css" href="css/skin.css" />  <script type="text/javascript" src="javascript/cufon-yui.js"></script> <script type="text/javascript" src="javascript/font.font.js"></script> <script type="text/javascript">Cufon.replace('h1, h2, h3, h4, h5, h6, #logo', {hover:true});</script> <title>CodaPress</title> </head> <body> <div id="main">  <div id="header" class="box"> <p id="logo"><a href="./" title="CodaPress [Go to homepage]">coda<span>press</span></a></p> <h3 id="slogan">Lorem ipsum dolor sit amet</h3> </div>   <div id="nav" class="box"> <ul> <li class="current"><a href="#">Home</a></li> <li><a href="#">Archives</a></li> <li><a href="#">Categories</a></li> <li><a href="#">Authors</a></li> <li><a href="#">Advertise</a></li> <li class="last"><a href="#">Contact</a></li> </ul>  <form action="#" method="get" id="search"> <div class="relative"> <div id="search-input"><input type="text" size="30" name="" class="input-text" value="Search our website" onfocus="if(this.value=='Search our website') this.value=''" /></div> <div id="search-submit"><input type="image" src="design/search-submit.png" value="Search" /></div> </div>  </form> </div>   <div id="tray" class="box"> <p class="f-right"> <a href="#"><img src="design/ico-twitter.png" alt="Twitter" /></a> <a href="#"><img src="design/ico-rss.png" alt="RSS" /></a> </p> <p class="f-left"> <a href="#">Home</a> <span>/</span> <a href="#">Category</a> <span>/</span> <strong>Page</strong> </p> </div>  <div class="inner_copyright">Collect from <a href="http://www.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络淘宝店</a></div>  <div id="section" class="box">  <div id="content">  <div id="topstory" class="box"> <h1><a href="#">Probably the nicest blog template ever!</a></h1> <div class="tag"> <strong><a href="#">15 comments</a></strong> <span>John Newcastle <span>|</span> <a href="#">Internet</a></span> </div>  <p> <img src="tmp/topstory.jpg" alt="" class="f-left" />  Lorem ipsum dolor sit amet est consectetur adipiscing elit. Phasellus eget justo vitae enim eleifend bibendum id consequat mi. Suspendisse este efaucibus congue aliquam. Donec vitae volutpat elit. Curabitur mel at elit risus. In id hendrerit turpis. Seda fringilla nulla non orci sollicitudin adipiscing. In leo e enim, vehicula at lacinia at, posuere vel metus. Donecmas la lobortis elit a elit eleifend feugiat. Mauris estma blandit fringilla velit sed faucibus. Nullam massa neque, fringilla at faucibus eu, porttitor vel ipsum a uspendisse. <a href="#">More »</a> </p> </div>  <div class="padding"> <ul class="articles box"> <li class="box"> <div class="articles-img"> <a href="#"><img src="tmp/articles-01.jpg" alt="" /></a>  </div>  <div class="articles-desc"> <h2><a href="#">Etiam elit nunc ullamcorpe</a></h2> <p class="articles-info"><span class="articles-info-inner"><a href="#">13 comments</a> <span>|</span> Peter Newton <span>|</span> <a href="#">Web Design</a></span></p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget justo vitae enim eleifend bibendum id consequat mi. Suspendis faucibus congue aliquam. Donec vitae volutpat elit. Curabitur ameatis a elit risus. Ima id hendrerit turpis. Sed fringilla nulla non orci. <a href="#">More »</a></p> </div>  </li> <li class="box"> <div class="articles-img"> <a href="#"><img src="tmp/articles-02.jpg" alt="" /></a>  </div>  <div class="articles-desc"> <h2><a href="#">Curabitur atme elit risus</a></h2> <p class="articles-info"><span class="articles-info-inner"><a href="#">46 comments</a> <span>|</span> John Newcastle <span>|</span> <a href="#">Internet</a></span></p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget justo vitae enim eleifend bibendum id consequat mi. Suspendis faucibus congue aliquam. Donec vitae volutpat elit. Curabitur ameatis a elit risus. Ima id hendrerit turpis. Sed fringilla nulla non orci. <a href="#">More »</a></p> </div>  </li> <li class="box"> <div class="articles-img"> <a href="#"><img src="tmp/articles-03.jpg" alt="" /></a>  </div>  <div class="articles-desc"> <h2><a href="#">Praesent et arcu in elit</a></h2> <p class="articles-info"><span class="articles-info-inner"><a href="#">13 comments</a> <span>|</span> Peter Newton <span>|</span> <a href="#">Web Design</a></span></p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget justo vitae enim eleifend bibendum id consequat mi. Suspendis faucibus congue aliquam. Donec vitae volutpat elit. Curabitur ameatis a elit risus. Ima id hendrerit turpis. Sed fringilla nulla non orci. <a href="#">More »</a></p> </div>  </li> <li class="box"> <div class="articles-img"> <a href="#"><img src="tmp/articles-04.jpg" alt="" /></a>  </div>  <div class="articles-desc"> <h2><a href="#">Vestibulum molestie tellus vitae</a></h2> <p class="articles-info"><span class="articles-info-inner"><a href="#">46 comments</a> <span>|</span> John Newcastle <span>|</span> <a href="#">Internet</a></span></p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget justo vitae enim eleifend bibendum id consequat mi. Suspendis faucibus congue aliquam. Donec vitae volutpat elit. Curabitur ameatis a elit risus. Ima id hendrerit turpis. Sed fringilla nulla non orci. <a href="#">More »</a></p> </div>  </li> </ul>  <div class="pagination box"> <p class="f-right"> <a href="#" class="current">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">6</a> <a href="#">7</a>    <a href="#">Next »</a> </p> <p class="f-left">Page 1 of 13</p> </div>  </div>  </div>   <div id="aside"> <h3 class="title">Advertise with us</h3> <div class="padding"> <ul class="ads box"

评论收藏

内容反馈

版权申诉