绿色可爱的个人博客模板_绿色可爱放射线灰色博客web20.rar资源-CSDN文库

共22个文件

gif：15个

jpg：3个

html：3个

需积分: 5 80 浏览量 2023-09-12 08:45:33 上传评论收藏 70KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

绿色可爱的个人博客模板_绿色可爱放射线灰色博客web20.rar （22个子文件）

left-tab.gif 232B

footer-bottom.gif 631B

top-menu.gif 82B

header.jpg 59KB

doc.gif 1KB

bg.gif 66B

search.gif 704B

style.html 11KB

VectorLover.css 10KB

index.html 9KB

firefox-gray.jpg 3KB

comments.gif 1KB

right-tab.gif 544B

qsearch.gif 635B

clock.gif 1KB

Blog.html 10KB

nav.gif 3KB

bullet.gif 197B

edit-doc.gif 1KB

quote.gif 254B

wrap.gif 101B

gravatar.jpg 1KB

<!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>VectorLover</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" href="images/VectorLover.css" type="text/css" /> </head> <body>  <div id="wrap">  <div id="header"> <h1 id="logo-text"><a href="index.html" title="">vectorlover</a></h1> <p id="slogan">put your site slogan here...</p> <div id="top-menu"> <p><a href="index.html">rss feed</a> | <a href="index.html">contact</a> | <a href="index.html">login</a></p> </div>  </div>  <div id="nav"> <ul> <li><a href="index.html">Home</a></li> <li id="current"><a href="style.html">Style Demo</a></li> <li><a href="blog.html">Blog</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"> <div id="main"> <h2><a href="index.html">A Blog Post</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>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> <p class="post-footer"> <a href="index.html" class="readmore">Read more</a> | <a href="index.html" class="comments">Comments (3)</a> | <span class="date">July 20, 2008</span> </p> <h2><a href="index.html">Common XHTML Elements</a></h2> <h3>Text and Image</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> <p> A <a href="style.html">link</a>, <acronym title="this really isn't a very good description">acronym</acronym>, <strong>strong text</strong> and <del>deleted text</del>. </p> <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> <dl> <dt>Definition title</dt> <dd>Definition description</dd> <dt>Definition title</dt> <dd>Definition description</dd> </dl> <h3>Blockquote</h3> <blockquote> <p>We can let circumstances rule us, or we can take charge and rule our lives from within.</p> <p class="align-right"> - Earl Nightingale</p> </blockquote> <h3>Headers</h3> <h1>H1 Heading</h1> <h2>H2 Heading</h2> <h3>H3 Heading</h3> <h3>Tabular Data</h3> <table> <tr> <th><strong>post</strong> date</th> <th>title</th> <th>description</th> </tr> <tr> <td>04.18.2008</td> <td><a href="index.html">Augue non nibh</a></td> <td><a href="index.html">Lobortis commodo metus vestibulum</a></td> </tr> <tr> <td>04.18.2008</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> <td>04.18.2008</td> <td><a href="index.html">Maecenas et ipsum</a></td> <td><a href="index.html">Adipiscing blandit quisque eros</a></td> </tr> <tr> <td>04.18.2008</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>Contact Form</h3> <form action="index.html" method="get" id="contactform"> <p>Send me a message</p> <p> <label for="subject">Subject</label><br /> <select id="subject" name="subject" tabindex="1"> <option value="1">Option One</option> <option value="2">Option Two</option> <option value="3">Option Three</option> </select> </p> <p> <label for="name">Your Name</label><br /> <input id="name" name="name" value="Your Name" type="text" tabindex="2" /> </p> <p> <label for="email">Your Email Address</label><br /> <input id="email" name="email" value="Your Email" type="text" tabindex="3" /> </p> <p> <label for="message">Your Message</label><br /> <textarea id="message" name="message" rows="10" cols="20" tabindex="4"></textarea> </p> <p class="no-border"> <input class="button" type="submit" value="Submit" tabindex="5" /> <input class="button" type="reset" value="Reset" tabindex="6" /> </p> </form>  </div> <div id="sidebar"> <h3>About</h3> <p> <a href="index.html"><img src="images/gravatar.jpg" width="40" height="40" alt="image" 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. </p> <h3>Search</h3> <form id="qsearch" action="index.html" method="get" > <p> <label for="qsearch">Search:</label> <input class="tbox" type="text" name="qsearch" value="Search this site..." title="Start typing and hit ENTER" /> <input class="btn" alt="Search" type="image" name="searchsubmit" title="Search"

评论收藏

内容反馈