【免费】紫罗兰淡雅高贵企业博客css模板_紫色淡雅精品大气漂亮企业博客食品水果渐变圆角质感.rar资源-CSDN文库

共31个文件

png：12个

jpg：10个

js：3个

html

需积分: 0 126 浏览量 2023-09-12 08:40:53 上传评论收藏 260KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

紫罗兰淡雅高贵企业博客css模板_紫色淡雅精品大气漂亮企业博客食品水果渐变圆角质感.rar （31个子文件）

skin.css 3KB

topstory.png 946B

main.css 8KB

about-01.jpg 5KB

ico-twitter.png 1KB

font.font.js 35KB

articles-04.jpg 21KB

articles-01.jpg 17KB

cufon-yui.js 18KB

footer.png 1KB

article-01.jpg 20KB

gallery-01.jpg 22KB

tray.png 937B

nav.png 1KB

title.png 1KB

nav-separator.png 924B

articles-03.jpg 35KB

bg.png 1KB

ico-rss.png 2KB

index.html 10KB

section.png 956B

topstory.jpg 40KB

tag.png 1KB

ul.gif 1KB

subpage.html 9KB

articles-02.jpg 22KB

search-submit.png 1KB

gallery-03.jpg 16KB

gallery-02.jpg 20KB

125x125.gif 2KB

pngfix.js 12KB

<!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"

评论收藏

内容反馈