清新浅绿色唯美说说个人博客模板，模板适合适用心情说说、唯美句子等相关说说内容。 1、html主页面代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>雨的思念清新唯美说说个人博客模板 - bokequ.com</title>
<meta name="keywords" content="唯美说说大全,个人博客模板,雨的思念个人博客,bokequ.com" />
<meta name="description" content="唯美说说大全,个人博客模板,雨的思念个人博客,bokequ.com" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<body class="lmlblog_com">
<header id="container2" style="background: #a1ae82 url(images/top.jpg) center 0 scroll no-repeat;">
<div class="quotes">
<div class="text5">雨的思念</div>
<p> 雨总是淅淅沥沥地下个不停，在这样宁静的小路，似乎连地球都要停止了转动。而此时的我，也只能听见那份属于自己的心跳了。</p>
</div>
<div class="Nav">
<ul>
<li><a href="/blog/6/"><span>主页</span></a></li>
<li><a href="http://www.bokequ.com/blog/6/shuo.html"><span>个性说说</span></a></li>
<li><a href="http://www.bokequ.com/blog/6/1.html"><span>图片说说</span></a></li>
<li><a href="#"><span>伤感说说</span></a></li>
<li><a href="#"><span>搞笑说说</span></a></li>
<li><a href="#"><span>经典说说</span></a></li>
<li><a href="#"><span>爱情说说</span></a></li>
<li><a href="#"><span>心情说说</span></a></li>
<li><a href="#"><span>心情短语</span></a></li>
</ul>
<div class="so FR">
<form action="/plus/search.php" name="formsearch">
<input type="hidden" name="kwtype" value="0" />
<input name="keyword" type="text" class="search-keyword FL" id="search-keyword FL" value="" onFocus="if(this.value==''){this.value='';}" onblur="if(this.value==''){this.value='';}"/>
<button type="submit" class="search-submit FL">搜索</button>
</form>
</div>
</div>
</header>
<div id="slides">
<div class="slides_container">
<div class="slide">
<div class="item"> <a href="#"><img alt="情感哲理短句：不要轻易说分手，下一站未必" src="images/01.jpg" ></a>
<p><a href="#">情感哲理短句：不要轻易说分手，下一站未必</a></p>
</div>
<div class="item"> <a href="#"><img alt="失恋后的说说心情：不要说祝我幸福，你没资" src="images/49495.jpg" ></a>
<p><a href="#">失恋后的说说心情：不要说祝我幸福，你没资</a></p>
</div>
<div class="item"> <a href="#"><img alt="个性微博语录：作业加载失败，请学校重新放" src="images/133i1.jpg" ></a>
<p><a href="#">个性微博语录：作业加载失败，请学校重新放</a></p>
</div>
</div>
<div class="slide">
<div class="item"><a href="#"><img alt="超人气说说：只是习惯有你，不是没你不可" src="images/96446.jpg" ></a>
<p><a href="#">超人气说说：只是习惯有你，不是没你不可</a></p>
</div>
<div class="item"> <a href="#"><img alt="经典微博说说：再坚强的人心里都有一些弱点" src="images/1c2b.jpg" ></a>
<p><a href="#">经典微博说说：再坚强的人心里都有一些弱点</a></p>
</div>
<div class="item"> <a href="#"><img alt="个性短句：讨厌一个人，有时候一句话就够了" src="images/1322y.jpg" ></a>
<p><a href="#">个性短句：讨厌一个人，有时候一句话就够了</a></p>
</div>
</div>
<div class="slide">
<div class="item"> <a href="#"><img alt="最有个性的说说：不敢説的话，才是最想説的" src="images/1c5a.jpg" ></a>
<p><a href="#">最有个性的说说：不敢説的话，才是最想説的</a></p>
</div>
<div class="item"> <a href="#"><img alt="有图片的心情短语：闺蜜，待你婚纱落地，我" src="images/5g62.jpg" ></a>
<p><a href="#">有图片的心情短语：闺蜜，待你婚纱落地，我</a></p>
</div>
<div class="item"> <a href="#"><img alt="Q关于爱情的文字：曾爱你的那种勇气，我不想拿出来爱别人" src="images/ar4.jpg" ></a>
<p><a href="#">关于爱情的文字：曾爱你的那种勇气，我不想拿出来爱别人</a></p>
</div>
</div>
</div>
</div>
<div class="lmlblog">
<div class="Left1 FL">
<div class="T1">
<h2>
<span><a href="#">头条</a></span></h2></div>
<div class="Grid2">
<div class="T2">
<p class="p4"><a target="_blank" href="http://www.bokequ.com/shuo/sgss/26.html"><b>毕业说说带图片：我害怕的不是六月考试，而是六月的离别</b></a></p>
<p class="p5"> <span class="c4"><a target="_blank" href="http://www.bokequ.com/shuo/sgss/26.html">图片说说</a></span> <span class="c5">2016.09.03</span> <span class="c6">24次浏览</span> </p>
</div>
<div class="Box1"> <a href="#"><img src="images/121r21.jpg" alt="我害怕的不是六月考试，而是六月的离别"/></a> 1．什么是母校？就是那个你一天骂他八遍却不许别人骂的地方。 2．拍毕业照三秒的时间，却定格了三年的时光。 3．毕业了，我以为我离开的是地狱，其实我是离开的天堂。 4．每一年夏天的雨水，都是毕业的同学的泪水。 5．高三最后一节课老... </div>
<div class="d1"> <span class="c7">作者：bokequ.com</span> <span class="c8">标签：唯美说说大全 </span>
<div class="c9"><a title="毕业说说带图片：我害怕的不是六月考试，而是六月的离别" href="#">阅读全文</a></div>
</div>
</div>
<div class="Grid2">
<div class="T2">
<p class="p4"><a href="#"><b>QQ空间经典说说：太勉强自己的话，总有一天会受伤</b></a></p>
<p class="p5"> <span class="c4"><a href="#">经典说说</a></span> <span class="c5">2016.08.26</span> <span class="c6">6次浏览</span> </p>
</div>
<div class="Box1"> <a href="#"><img src="images/4fx.jpg" alt="QQ空间经典说说：太勉强自己的话，总有一天会受伤"/></a> 1．很多事情当你再回忆时会发现其实没什么。所以，不管当时你多么生气都告诉自己不必这样，你会发现其实真的不必。 2．不要为那些不愿在你身上花费时间的人，浪费你的时间。 3．真正的好朋友，并不是在一起就有聊不完的话，而是在一起没... </div>
<div class="d1"> <span class="c7">作者：bokequ.com</span> <span class="c8">标签：
QQ空间说说,经典说说,QQ说说 </span>
<div class="c9"><a title="QQ空间经典说说：太勉强自己的话，总有一天会受伤" href="#">阅读全文</a></div>
</div>
</div>
<div class="Grid2">
<div class="T2">
<p class="p4"><a href="#"><b>QQ哲理说说：人生需要不断前行，才能领略不同</b></a></p>
<p class="p5"> <span class="c4"><a href="#">经典说说</a></span> <span class="c5">2016.08.26</span> <span class="c6">3次浏览</span> </p>
</div>
<div class="Box1"> <a href="#"><img src="images/63610.jpg" alt="QQ哲理说说：人生需要不断前行，才能领略不同"/></a> 1.不要羡慕别人的幸福而哀叹你的痛苦，不要惊艳别人的美丽而伤感你的平凡，不要向往别人的富有而怨恨你的贫穷，不要渴望别人的快乐而粉碎你的快乐，别人的风景永远不会成为你的美丽，你就是你世界的唯一主宰。 2.其实，一直陪着你的，是... </div>
<div class="d1"> <span class="c7">作者：bokequ.com</span> <span class="c8">标签：
QQ哲理说说,哲理说说,励志说说 </span>
<div class="c9"><a title="QQ哲理说说：人生需要不断前行，才能领略不同" href="#">阅读全文</a></div>
</div>
</div>
<div class="Grid2">
<div class="T2">
<p class="p4"><a href="#"><b>超人气说说：只是习惯有你，不是没你不可</b></a></p>
<p class="p5"> <span class="c4"><a href="#">个性说说</a></span> <span class="c5">2016.08.26</span> <span class="c6">2次浏览</span> </p>
</div>
<div class="Box1"> <a href="#"><img src="images/96446.jpg" alt="超人气说说：只是习惯有你，不是没你不可"/></a> 1．即使最美好的婚姻，一生中也会有200次离婚的念头，50次掐死对方的冲动。即使最幸福的工作，也会有200次辞职的想法，50次摞担子的纠结坚持，是最好的品质。 2．我的不主动联系，让我丢了许多的朋友。 3．思念一个人的滋味，就象是喝了... </div>
<div class="d1"> <span class="c7">作者：bokequ.com</span> <span class="c8">标签：
超人气说说,热门说说,经典说说 </span>
<div class="c9"><a title="超人气说说：只是习惯有你，不是没你不可" href="#">阅读全文</a></div>
</div>
</div>
<div class="Grid2">
<div class="T2">
<p class="p4"><a href="#"><b>空间留言搞笑句子：有那么两个字伤尽千万网虫</b></a></p>
<p class="p5"> <span class="c4"><a href="#">搞笑说说</a></span> <span class="c5">2016.08.26</span> <span class="c6">8次浏览</span> </p>
</div>
<div class="Box1"> <a href="#"><img src="images/3a25.jpg" alt="空间留言搞笑句子：有那么两个字伤尽千万网虫"/></a> 1．你以为你是多余的，其实吧你还真是多余的！ 2．男生带女友散步，路过餐馆。女友赞叹道：真香啊！囊中涩的男生很绅士地说：如果你喜欢，我们再从饭馆门前走一次。 3．看不见的东西固然可怕，但人心不是更可怕吗？ 4．你知道小三为什么... </div>
<div class="d1"> <span class="c7">作者：bokequ.com</span> <span class="c8">标签：
搞笑句子,搞笑段子,搞笑语录 </span>
<div class="c9"><a title="空间留言搞笑句子：有那么两个字伤尽千万网虫" href="#">阅读全文</a></div>
</div>
</div>
<div class="Grid2">
<div class="T2">
<p class="p4"><a href="#"><b>QQ女生说说：做我男朋友行不行？行就行，不行我再想想办法</b></a></p>
<p class="p5"> <span class="c4"><a href="#">经典说说</a></span> <span class="c5">2016.08.26</span> <span class="c6">1次浏览</span> </p>
</div>
<div class="Box1"> <a href="#"><img src="images/124062.jpg" alt="QQ女生说说：做我男朋友行不行？行就行，不行"/></a> 1．女孩记住，你要嫁的不是王子，而是把你当公主的人。 2．最难开口的是，初次的问好和最终的道别。 3．最深的孤独是你明知道自己的渴望，却得对它装聋作哑。 4．活到现在，拿得起放得下的只有筷子！ 5．会有这样一个人，就算他把你伤的... </div>
<div class="d1"> <span class="c7">作者：bokequ.com</span> <span class="c8">标签：
QQ女生说说,空间说说,QQ说说 </span>
<div class="c9"><a title="QQ女生说说：做我男朋友行不行？行就行，不行我再想想办法" href="#">阅读全文</a></div>
</div>
</div>
<div class="Grid2">
<div class="T2">
<p class="p4"><a href="#"><b>超人气心情短语：单身挺好，和谁暧昧都不需要解释</b></a></p>
<p class="p5"> <span class="c4"><a href="#">个性说说</a></span> <span class="c5">2016.08.26</span> <span class="c6">2次浏览</span> </p>
</div>
<div class="Box1"> <a href="#"><img src="images/45027.jpg" alt="超人气心情短语：单身挺好，和谁暧昧都不需要"/></a> 1．我正在努力成为，我喜欢的那个自己。 2．既然已回不到过去、还不如想想自己的未来。 3．如你男友玩LOL不理你，拆了他家键盘的R键就够了。 4．我只是习惯有你，并不是缺你不可。 5．当面责骂才是友，背后乱叫那是狗 6．世上只有骗子是... </div>
<div class="d1"> <span class="c7">作者：bokequ.com</span> <span class="c8">标签：
心情短语,心情说说 </span>
<div class="c9"><a title="超人气心情短语：单身挺好，和谁暧昧都不需要解释" href="#">阅读全文</a></div>
</div>
</div>
<div class="Grid2">
<div class="T2">
<p class="p4"><a href="#"><b>个人心情说说：幸福是个比较级，得有东西垫底才容易感觉到</b></a></p>
<p class="p5"> <span class="c4"><a href="#">心情短语</a></span> <span class="c5">2016.08.26</span> <span class="c6">2次浏览</span> </p>
</div>
<div class="Box1"> <a href="#"><img src="images/913w.jpg" alt="个人心情说说：幸福是个比较级，得有东西垫底"/></a> 1．曾经的海枯石烂，抵不过一句好聚好散。 2．成熟是一个很痛的词，它不一定会得到，却一定会失去。 3．不要向任何人解释你自己，爱你的人不介意，恨你的人不会信。 4．下课铃声比情歌还悦耳，上课铃声比忐忑还崩溃。 5．不冷不热，在自... </div>
<div class="d1"> <span class="c7">作者：bokequ.com</span> <span class="c8">标签：唯美说说大全 </span>
<div class="c9"><a title="幸福是个比较级，得有东西垫底才容易感觉到" href="#">阅读全文</a></div>
</div>
</div>
<div class="Grid2">
<div class="T2">
<p class="p4"><a href="#"><b>QQ空间经典语录：愿我十七岁所爱之人，是我七十岁所伴之人</b></a></p>
<p class="p5"> <span class="c4"><a href="#">心情短语</a></span> <span class="c5">2016.08.26</span> <span class="c6">2次浏览</span> </p>
</div>
<div class="Box1"> <a href="#"><img src="images/ar4.jpg" alt="QQ空间经典语录：愿我十七岁所爱之人，是我七十岁所伴之人"/></a> 1．说晚安的时候不一定局限于我爱你，但一定证明我不讨厌你。 2．有些人看起来毫不在乎你，其实你不知道他忍住了多少次想要联系你的冲动。 3．暑假，别走，我请你吃炫迈。 4．现在秀恩爱的你们，确定扛得住明年空间里跳出来的那年今日吗... </div>
<div class="d1"> <span class="c7">作者：bokequ.com</span> <span class="c8">标签：唯美说说大全 </span>
<div class="c9"><a title="Q愿我十七岁所爱之人，是我七十岁所伴之人" href="#">阅读全文</a></div>
</div>
</div>
<div class="Grid2">
<div class="T2">
<p class="p4"><a href="#"><b>暑假作业我已经放阳台上了，台风你看着办吧</b></a></p>
<p class="p5"> <span class="c4"><a href="#">心情短语</a></span> <span class="c5">2016.08.26</span> <span class="c6">4次浏览</span> </p>
</div>
<div class="Box1"> <a href="#"><img src="images/32134.jpg" alt="暑假作业我已经放阳台上了，台风你看着办吧"/></a> 1．与暑假先森约会的时候，总会出现一个叫作业的小三。 2．你总说暑假遥遥无期，可转眼已过去二分之一。 3．尊敬的VIP用户：你的暑假余额已不足40天，抱歉已无法续费。 4．暑假真的很短，在两次大姨妈中就没有了。 5．我的暑假作业像一... </div>
<div class="d1"> <span class="c7">作者：bokequ.com</span> <span class="c8">标签：唯美说说大全 </span>
<div class="c9"><a title="暑假作业我已经放阳台上了，台风你看着办吧" href="#">阅读全文</a></div>
</div>
</div>
<div class="Grid2">
<div class="T2">
<p class="p4"><a href="#"><b>关于tfboys的QQ说说，与tfboys有关的空间说说</b></a></p>
<p class="p5"> <span class="c4"><a href="#">心情短语</a></span> <span class="c5">2016.08.26</span> <span class="c6">3次浏览</span> </p>
</div>
<div class="Box1"> <a href="#"><img src="images/121a3.jpg" alt="关于tfboys的QQ说说，与tfboys有关的空间说说"/></a> 1．妈妈说不能在一棵树上吊死，好吧，我就在TFBOYS这三棵树上吊死！ 2．如果帅萌酷可以当饭吃，TFboys就能养活全世界。 3．我最爱的两个字是王源，我最爱的三个字是王俊凯，我最爱的四个字是易烊千玺，我最爱的一个单词是TFBOYS。 4．我... </div>
<div class="d1"> <span class="c7">作者：bokequ.com</span> <span class="c8">标签：唯美说说大全 </span>
<div class="c9"><a title="关于tfboys的QQ说说，与tfboys有关的空间说说" href="#">阅读全文</a></div>
</div>
</div>
<div >
<div >
<p class="p3"><a href="#">更多精彩内容，下一页>></a></p>
</div>
</div>
</div>
<div class="Right1 FR">
<div class="Box2">
<a title="关注腾讯微信" id="weixin" href="javascript:void(0);"><img src="images/img_weixin.jpg" alt="关注腾讯微信"></a>
<div class="new-weixin2DC" id="weixin2DC" style="display: none;"><img src="images/weixin.png" alt="关注腾讯微信"></div>
</div>
<div class="Ad_300"><!-- 广告位：gg01 -->
<img src="images/img_ad0.jpg" width="300" alt="2是种生活态度"/></div>
<div class="weixin2"><!-- 广告位：gg02 -->
<a href="http://www.bokequ.com/wo/" target="_blank"><img src="images/0.jpg" width="300" alt="个人生活点滴记录博客"/></a></div>
<div class="T3">
<h3>热门排行</h3>
</div>
<div class="Box4"> <a title="毕业说说带图片：我害怕的不是六月考试，而" href="#">毕业说说带图片：我害怕的不是六月考试，而</a> <a title="空间留言搞笑句子：有那么两个字伤尽千万网" href="#">空间留言搞笑句子：有那么两个字伤尽千万网</a> <a title="QQ空间经典说说：太勉强自己的话，总有一天" href="#">QQ空间经典说说：太勉强自己的话，总有一天</a> <a title="唯美古风句子配图片：有些人，一旦遇见，便" href="#">唯美古风句子配图片：有些人，一旦遇见，便</a> <a title="关于暑假的空间说说：暑假作业我已经放阳台" href="#">关于暑假的空间说说：暑假作业我已经放阳台</a> <a title="朋友说说大全：真正的朋友，了解你比你自己" href="#">朋友说说大全：真正的朋友，了解你比你自己</a> <a title="QQ哲理说说：人生需要不断前行，才能领略不" href="#">QQ哲理说说：人生需要不断前行，才能领略不</a> <a title="关于tfboys的QQ说说，与tfboys有关的空间说" href="#">关于tfboys的QQ说说，与tfboys有关的空间说</a> <a title="伤心说说大全：那些没出口的想念，都变成了" href="#">伤心说说大全：那些没出口的想念，都变成了</a>
<div class="clear"></div>
</div>
<div class="T3"><h3>随机推荐</h3></div>
<ul class="Box18">
<li><a href="#"><img src="images/k347.jpg" alt="我什么都不怕，只怕喜欢的人爱" />最热门的QQ心情短语：我什么都不怕，只怕喜欢的人爱</a></li>
<li><a href="#"><img src="images/111c6.jpg" alt="帅气的说说：我可以对"/>帅气的说说：我可以对</a></li>
<li><a href="#"><img src="images/1145t.jpg" alt="下辈子我要做洋葱，谁欺负"/>下辈子我要做洋葱，谁欺负</a></li>
<li><a href="#"><img src="images/003.jpg" alt="好的空间说说：要记住看的开一点，伤的就会少一点"/>好的空间说说：要记住看的开一点，伤的就会少一点</a></li>
<div class="clear"></div>
</ul>
<ul class="Box6">
<li><a title="最搞笑说说：成熟的好处是，以前得不到的现" href="#">最搞笑说说：成熟的好处是，以前得不到的现</a></li>
<li><a title="女生个性说说：我这忘东忘西的坏毛病，怎么" href="#">女生个性说说：我这忘东忘西的坏毛病，怎么</a></li>
<li><a title="感伤的个性说说：用一个转身离开，却用了一" href="#">感伤的个性说说：用一个转身离开，却用了一</a></li>
<li><a title="有意思的QQ说说：对我好一点，否则不给你生" href="#">有意思的QQ说说：对我好一点，否则不给你生</a></li>
<li><a title="爱情心情短语：初遇你，大概是这辈子心脏跳" href="#">爱情心情短语：初遇你，大概是这辈子心脏跳</a></li>
</ul>
<div class="Ad_300"><!-- 广告位：gg01 -->
<a href="http://www.bokequ.com/time/zahuopu.html" target="_blank"><img src="http://www.bokequ.com/blog/11/images/0_3.jpg" width="300" alt="时光记录"/></a></div>
<div class="T3">
<h3>最新文章</h3>
</div>
<ul class="Box7">
<li><a title="毕业说说带图片：我害怕的不是六月考试，而" href="#">毕业说说带图片：我害怕的不是六月考试，而</a></li>
<li><a title="QQ空间经典说说：太勉强自己的话，总有一天" href="#">QQ空间经典说说：太勉强自己的话，总有一天</a></li>
<li><a title="QQ哲理说说：人生需要不断前行，才能领略不" href="#">QQ哲理说说：人生需要不断前行，才能领略不</a></li>
<li><a title="超人气说说：只是习惯有你，不是没你不可" href="#">超人气说说：只是习惯有你，不是没你不可</a></li>
<li><a title="空间留言搞笑句子：有那么两个字伤尽千万网" href="#">空间留言搞笑句子：有那么两个字伤尽千万网</a></li>
<li><a title="QQ女生说说：做我男朋友行不行？行就行，不" href="#">QQ女生说说：做我男朋友行不行？行就行，不</a></li>
<li><a title="超人气心情短语：单身挺好，和谁暧昧都不需" href="#">超人气心情短语：单身挺好，和谁暧昧都不需</a></li>
<li><a title="个人心情说说：幸福是个比较级，得有东西垫" href="#">个人心情说说：幸福是个比较级，得有东西垫</a></li>
</ul>
<div class="T3">
<h3>推荐</h3>
</div>
<div class="Ad_300 d2"><!-- 广告位：gg01 -->
<a href="http://www.bokequ.com/time/" target="_blank"><img src="http://www.bokequ.com/time/images/time.jpg" width="300" alt="时光.记录"/></a></div>
<div class="Box9"> <a href="http://weibo.com/lai88520" class="a1" target="_blank"><img src="images/sina.jpg" alt="新浪微博" /></a> <a href="#" class="a2"><img src="images/weibo.png" alt="腾讯微博" /></a> <a href="#" class="a3"><img src="images/img_rss.gif" alt="RSS订阅" /></a>
<div class="clear"></div>
</div>
</div>
<div class="Box10 FL">
<a href="http://www.yudouyudou.com/" target="_blank" rel="nofollow"><img src="images/logo1.png" alt="余斗博客"></a>
<a href="http://www.yangqq.com/" target="_blank" rel="nofollow"><img src="images/logo.jpg" alt="杨青博客"></a>
<a href="#" rel="nofollow"><img src="images/logo2.png" alt="我兜里有糖"></a>
<a href="#" rel="nofollow"><img src="images/logo3.png" alt="咖啡之念"></a>
<a href="#" rel="nofollow"><img src="images/logo4.png" alt="梦想霞博客"></a>
<a href="#" rel="nofollow"><img src="images/logo5.png" alt="何晶晶博客"></a>
</div>
<div class="clear"></div>
</div>
<div class="Link">
<h4>友情链接</h4>
<ul>
<li><a href="http://www.bokequ.com/blog/12/" target="_blank">看雪时间轴个人博客模板</a></li>
<li><a href="http://www.bokequ.com/blog/11/" target="_blank">终于等到你个人博客模板</a></li>
<li><a href="http://www.bokequ.com/blog/13/" target="_blank">沐浴在阳光下个人博客模板</a></li>
<li><a href="http://www.bokequ.com/blog/14/" target="_blank">雪中漫步个人博客模板</a></li>
<li><a href="http://www.bokequ.com/blog/7/" target="_blank">青春往事个人博客模板</a></li>
<li><a href="http://www.bokequ.com/blog/summer/biye.html" target="_blank">广东省电子商务技师学院</a></li>
<li><a href="http://www.bokequ.com/blog/bozhao/" target="_blank">广州博兆集团—五龙山庄拓展训练 </a></li>
<li><a href="http://www.bokequ.com/winter/" target="_blank">心情日记个人博客模板</a></li>
<div class="clear"></div>
</ul>
</div>
<div class="footer">
<p>Design by 2016/12/32 星期八 广州天气：晴/多云/阴/小雨/未知/ 雨的思念清新唯美说说个人博客模板(bokequ.com) (思念有雨,相思成风)</p>
<p>内容来源网络搜集 模板下载地址：更新中.....</p>
</div>
</body>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/slides.jquery.js"></script>
<script type="text/javascript" src="js/totop.js"></script>
<script src="js/weiscript.js" type="text/javascript"></script>
<script type="text/javascript">
$(function (){
$(window).manhuatoTop({
showHeight : 100,
speed : 500
});
});
</script>
<script type="text/javascript">
$(function(){
$('#slides').slides({
preload: true,
generateNextPrev: true
});
});
</script>
</html>
2、css样式
/* CSS Document /www.lmlblog.com/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
padding: 0; margin: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,th,var{
font-weight: normal;
font-style: normal;
}
ol,ul,li{
list-style: none;
}
caption,th{
text-align: left;
}
h1,h2,h3,h4,h5,h6{
font-weight: normal;
font-size: 100%;
}
q:before,q:after{
content:'';
}
abbr,acronym{
border: 0;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:none !important;
}
.FL{
float:left;
display:inline;
overflow:hidden;
}
.FR{
margin-left:30px;
margin-bottom:15px;
position:relative;
overflow:hidden;
}
.clear{
clear:both;
}
.lmlblog_com{
font-size:14px;
font-family:'微软雅黑';
background: #a1ae82;
}
.Top{
width:100%;
height:70px;
position:relative;
z-index:0;
background:url(../images/bg2.gif) 0 0 repeat-x;
}
.Top_Box{
width:980px;
height:70px;
margin:0 auto;
position:relative;
background:url(../images/bg3.jpg) no-repeat;
}
.Top_L{
width:75px;
height:70px;
position:absolute;
top:0;
left:-74px;
z-index:-5;
background:url(../images/bg2.gif) 0 -140px no-repeat;
}
.Top_R{
width:50%;
height:70px;
position:absolute;
top:0;
right:0;
z-index:-5;
background:url(../images/bg2.gif) 0 -70px repeat-x;
}
.Logo{
height:70px;
}
.Top .Info{
width:260px;
height:15px;
line-height:15px;
font-size:14px;
color:#73ace6;
position:relative;
text-align:right;
padding:19px 30px 0 0;
}
.Top .Info a{
color:#fff;
padding:0 10px;
text-align:center;
}
.Top .Info span a{
position:absolute;
height:15px;
width:15px;
top:19px;
right:5px;
padding:0;
overflow:hidden;
text-indent:999em;
background:url(../images/bg2.gif) 0 -227px no-repeat;
}
.Nav{
width:100%;
height:50px;
margin:0 auto;
position:relative;
text-align: center;
background:url(../images/menu_bg.png) top center repeat-x;
}
.Nav ul{
width: 770px;
margin: auto;
z-index: 99;
position: inherit;
}
.Nav li{
float:left;
font-size:14px;
font-weight:bold;
padding:0 5px;
}
.Nav li a{
float:left;
height:23px;
padding:15px 5px 0 5px;
margin:0 3px;
/*width:54px;
height:53px;*/
color:#333;
text-align:center;
}
.Nav li a:hover{
color:#339933;
background:none;
}
.Nav .thisclass{
color:#333;
}
.Nav li a:hover,.Nav .thisclass{
text-decoration:none;
border-bottom:4px #339933 solid;
/*background:url(../images/bg2.gif) -23px -210px no-repeat;*/
}
.so{
width:234px;
height:34px;
padding:8px 5px 0 0;
background:url(../images/bg5.jpg) 0 8px no-repeat;
}
.search-keyword{
width:190px;
height:34px;
line-height:34px;
font-size:14px;
color:#454545;
padding-left:6px;
border:none;
background:none;
}
.search-submit{
width:38px;
height:34px;
line-height:34px;
text-indent:999em;
border:none;
background:none;
}
/*--/头部 end--*/
/* header */
.quotes {min-height: 144px; width: 1000px; position: relative; margin: 0px auto 22px auto; padding-top: 63px;}
.quotes p { color: #fff; width: 330px; line-height: 26px; }
.text5 { left: 0px; top: 160px; font-family: "微软雅黑"; font-size: 30px; color: #FFF; }
.lmlblog{
background:#ececec;
width:980px;
margin:auto;
border-bottom:1px #dedede solid;
padding-top:20px;
}
/*--/主体 end--*/
.Left1{
width:610px;
padding:0 20px;
border-right:1px #dedede solid;
}
.Right1{
width:310px;
}
/*--/分栏 end--*/
.T1{
width:100%;
position:relative;
}
.T1 h2{
line-height:21px;
}
.T1 h2 span{
float:left;
width:71px;
height:21px;
padding-right:10px;
}
.T1 h2 span a{
float:left;
height:21px;
width:63px;
font-size:14px;
font-weight:normal;
padding:0 8px 0 0;
color:#fff;
text-align:center;
background:url(../images/bg2.gif) 0 -346px no-repeat;
}
.T1 h2 span a:hover{
color:#fff;
text-decoration:none;
background:url(../images/bg2.gif) 0 -367px no-repeat;
}
.T1 h2 a{
font-size:20px;
color:#020202;
font-weight:bold;
}
.T1 h2 a:hover{
color:#139a00;
}
.T1 p{
font-size:14px;
color:#403f3f;
padding:10px 0 15px 0;
line-height:22px;
}
.T1 p span{
padding:0 15px 0 17px;
background:url(../images/bg2.gif) no-repeat;
}
.T2{
width:100%;
}
.T3{
margin-left:5px;
height:38px;
width:290px;
font-size:18px;
line-height:38px;
background:url(../images/bg8.gif) no-repeat;
}
.T3 h3{
font-weight:bold;
text-indent:1em;
}
.T4{
height:30px;
width:100%;
position:relative;
border-bottom:1px #e2e2e2 solid;
}
.T4 h3{
height:30px;
line-height:30px;
padding:0 5px;
font-size:14px;
color:#656565;
font-weight:bold;
position:absolute;
border-bottom:1px #339933 solid;
}
/*--/Title end--*/
.Grid1,.Grid2{
width:100%;
}
.Grid2{
margin-bottom:15px;
position:relative;
padding-bottom:2px;
border-bottom:1px #e4e4e4 solid;
}
.Grid3,.Grid3 h2,.Grid3 span{
background:url(../images/bg9.jpg);
}
.Grid3{
width:610px;
margin-bottom:15px;
background-position:-1190px 0;
background-repeat:repeat-y;
}
.Grid3 h2,.Grid3 span{
font-size:18px;
font-weight:bold;
color:#333;
padding:20px 0 10px 20px;
background-position:-580px -5px;
background-repeat:no-repeat;
}
.Grid3 span{
display:block;
padding:20px 0 0 0;
}
.Grid3 p{
color:#333;
font-size:14px;
line-height:22px;
padding:0 20px 20px 20px;
background:url(../images/bg11.jpg) left bottom no-repeat;
}
/*--/块 end--*/
.Box1{
width:100%;
height:114px;
line-height:22px;
font-size:14px;
color:#525151;
}
.Box1 img{
width:156px;
height:108px;
float:left;
padding:5px;
margin-right:10px;
background:#fff;
}
.Box2{
width:290px;
height:42px;
margin-bottom:15px;
position:relative;
background:url(../images/bg2.gif) 0 -565px repeat-x;
}
.Box2 span{
float:left;
background:url(../images/bg2.gif) no-repeat;
}
.Box4{
width:290px;
margin-bottom:15px;
margin-left:6px;
}
.Box4 a{
float:left;
width:268px;
line-height:36px;
padding:0 10px;
margin:7px 0 0 0;
color:#404040;
font-size:14px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
border:1px #dedede solid;
}
.Box4 a:hover{
color:#fff;
text-decoration:none;
border:1px #6db325 solid;
background:#6db325;
}
.Box5{
width:290px;
height:200px;
padding:10px 0;
}
.Box5 li{
float:left;
width:130px;
padding:0 7px;
text-align:center;
}
.Box5 li img{
display:block;
padding-bottom:5px;
}
.Box5 li a{
float:left;
width:120px;
height:190px;
color:#404040;
border:5px #fff solid;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.Box5 li a:hover{
color:#fff;
text-decoration:none;
border:5px #6db325 solid;
background-color:#6db325;
}
.Box6{
width:270px;
padding:8px 0 15px 0;
margin-left:10px;
border-top:1px #bbb dotted;
background:url(../images/bg2.gif) -60px -611px no-repeat;
}
.Box6 li{
width:250px;
line-height:26px;
padding-left:20px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.Box6 li a{
color:#404040;
}
.Box6 li a:hover{
color:#6db325;
}
.Box7{
width:290px;
margin:8px 0 10px 0;
background:url(../images/bg2.gif) -50px -765px no-repeat;
}
.Box7 li{
width:260px;
font-size:14px;
line-height:30px;
padding-left:30px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.Box7 li a{
color:#2b2a2a;
}
.Box7 li a:hover{
color:#6eb325;
}
.Box8{
width:290px;
padding:10px 0;
}
.Box9{
width:290px;
margin-bottom:15px;
background:url(../images/bg9.jpg) -290px 0 repeat-y;
}
.Box10{
height:62px;
width:894px;
margin-top:15px;
padding:15px 0 15px 86px;
border-top:1px #dbdbdb solid;
background:url(../images/bg4.gif) 11px -115px no-repeat;
}
.Box10 a{
float:left;
width:137px;
height:62px;
overflow:hidden;
padding-right:10px;
}
.Box10 img{
height:60px;
width:135px;
border:1px #ccc solid;
}
.Box11{
width:100%;
color:#333;
padding:0 0 10px 0;
margin-bottom:15px;
border-bottom:1px #b8b8b8 dashed;
}
.Box11 strong{
color:#FF0000;
}
.Box11 a{
color:#333;
}
.Box12{
padding:0;
font-size:14px;
color:#403f3f;
line-height:20px;
}
.Box12 P{
text-indent:2em;
padding:20px 0 0 0;
}
.Box12 img{text-align:center;}
.Box13{
padding:0 0 15px 240px;
}
.Box14{
color:#656565;
font-size:14px;
padding:20px 0 15px 0;
border-bottom:1px #c7d0d5 dashed;
border-top:1px #c7d0d5 dashed;
}
.Box14 span{
float:right;
}
.Box14 a{
padding:0 5px;
display:inline-block;
color:#656565;
}
.Box14 a:hover{
color:#fff;
text-decoration:none;
background-color:#61b200;
}
.Box15{
height:40px;
padding:10px 0;
border-bottom:1px #c7d0d5 dashed;
}
.Box16{
padding:15px 0;
font-size:14px;
line-height:28px;
}
.Box16 h3{
font-weight:bold;
color:#656565;
}
.Box16 ul{
color:#bababa;
}
.Box16 li{
padding-left:13px;
background:url(../images/bg2.gif) -58px -1071px no-repeat;
}
.Box16 li a{
color:#313131;
padding-right:20px;
}
.Box16 li a:hover{
color:#6eb325;
}
.Box17{
width:290px;
padding:10px 0 0 0;
margin-left:15px;
margin-bottom:15px;
background:url(../images/bg4.gif) -84px -190px no-repeat;
}
.Box17 li{
width:260px;
font-size:14px;
line-height:35px;
padding-left:30px;
border-bottom:1px #cbcbcb dotted;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.Box17 li a{
color:#595959;
}
.Box17 li a:hover{
color:#62b001;
}
.Box18{
margin-left:5px;
width:300px;
padding:5px 0 10px 0;
}
.Box18 li{
float:left;
width:141px;
height:125px;
padding:10px 9px 0 0;
}
.Box18 li img{
height:96px;
width:135px;
display:block;
padding:3px 0 5px 0;
}
.Box18 li a{
float:left;
width:135px;
height:125px;
color:#4b4b4b;
padding:0 3px;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background:url(../images/bg12.gif) 0 0 no-repeat #fff;
}
.Box18 li a:hover{
color:#fff;
background:#6db325;
}
.Box19{
padding:0 0 15px 0;
}
.Box19 dl dt {
font-size:14px;
font-weight:bold;
color:#fff;
margin:20px 0;
padding-left:20px;
line-height:27px;
background:url(../images/bg13.gif) 0 0 no-repeat;
}
.Box19 dl dd a{
color:#666;
padding:0 5px;
line-height:30px;
display:inline-block;
}
.Box20{
padding:0 0 15px 0;
}
/*--/盒子 end--*/
.a1,.a2,.a3{
float:left;
width:270px;
padding:15px 0 15px 20px;
border-bottom:1px #e2e2e2 solid;
}
.a1{
background:url(../images/bg9.jpg) 0 -5px no-repeat;
}
.a3{
border-bottom:none;
background:url(../images/bg9.jpg) 0 73px no-repeat;
}
/*---/A end--*/
.d1 a:hover{
color:#fff;
text-decoration:none;
background-color:#6eb325;
}
/*--/DIV end--*/
.p1{
font-size:16px;
color:#403f3f;
line-height:26px;
padding:8px 0;
}
.p2{
height:30px;
font-size:14px;
color:#959393;
}
.p2 span{
float:left;
height:30px;
line-height:30px;
}
.p2 a{
color:#fff;
float:left;
height:20px;
line-height:20px;
padding:0 10px;
margin:5px 10px;
background:#d98282;
}
.p2 a:hover{
color:#fff;
text-decoration:none;
background:#c86060;
}
.p3{
width:100%;
text-align:center;
padding:10px 0 25px 0;
}
.p3 a{
display:block;
width:100%;
height:30px;
font-size:14px;
line-height:30px;
text-align:center;
color:#fff;
background-color:#a1c3e6;
}
.p3 a:hover{
color:#fff;
background:#82abda;
}
.p4 a{
font-size:18px;
line-height:20px;
color:#121212;
}
.p4 a:hover{
color:#139a00;
text-decoration:underline;
}
.d1,.p5{
height:22px;
padding:8px 0;
line-height:22px;
color:#717070;
}
.d1 span,.p5 span{
float:left;
height:22px;
padding:0 15px;
background:url(../images/bg2.gif) no-repeat;
}
.d1 a,.p5 a{
color:#717070;
}
.p5 a:hover{
color:#6eb325;
}
.d2{
margin-top:15px;
}
.p7{
font-size:12px !important;
}
/*--/P end--*/
.c1{
background-position:-62px -324px !important;
}
.c2{
background-position:-62px -397px !important;
}
.c3{
height:31px;
width:55px;
color:#fff;
line-height:24px;
text-align:center;
position:absolute;
top:10px;
right:0;
background:url(../images/bg2.gif) 0 -389px;
}
.c4{
background-position:-62px -415px !important;
}
.c5{
background-position:-62px -437px !important;
}
.c6{
background-position:-62px -457px !important;
}
.c7{
background-position:-62px -475px !important;
}
.c8{
background-position:-62px -494px !important;
}
.c9{
height:31px;
width:87px;
line-height:30px;
font-size:12px;
color:#fff;
position:absolute;
right:0;
bottom:8px;
}
.c9 a{
float:left;
color:#fff;
height:31px;
width:78px;
padding-left:9px;
background:url(../images/bg2.gif) 62px -427px no-repeat #a1ae82;
}
.c9 a:hover{
background:url(../images/bg2.gif) 62px -427px no-repeat #5bb003;
}
.c10{
width:136px;
height:22px;
overflow:hidden;
padding:10px 0 10px 30px;
border-right:1px #c9c7c7 solid;
background-position:-70px -523px !important;
}
.c11{
width:123px;
background-position:118px -523px !important;
}
.c12{
background-position:-60px -1013px !important;
}
.c13{
background-position:-60px -1046px !important;
}
/*---/ico end--*/
#slides{
background:#ececec;
width:980px;
margin:15px auto 0 auto;
padding-top:20px;
}
.slides_container {
width:980px;
display:none;
height:200px;
}
.slides_container div.slide {
width:980px;
height:200px;
display:block;
}
.item{
float:left;
width:300px;
height:200px;
position:relative;
padding:0 0 0 20px;
}
.item img{
width:300px;
height:200px;}
.item p{
width:300px;
height:25px;
line-height:25px;
font-size:14px;
text-align:center;
color:#fff;
bottom:0;
left:20px;
position:absolute;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity:0.6;
opacity:0.6;
background:#000;
}
.item a{
color:#fff;
}
.item a:hover{
color:#fff;
}
.prev,.next{
display:none;
}
.pagination {
list-style:none;
margin:0 20px;
padding:15px 0 15px 440px;
height:12px;
line-height:12px;
border-bottom:1px #dedede solid;
}
.pagination li{
float:left;
height:12px;
width:12px;
margin:0 3px;
overflow:hidden;
text-indent:999em;
background:url(../images/bg2.gif) 0 -320px no-repeat;
}
.pagination li a{
float:left;
}
.pagination .current{
background:url(../images/bg2.gif) 0 -332px no-repeat;
}
/*--/滚动--*/
#weixin {
float:left;
width:123px;
height:22px;
text-align:center;
padding:10px 0px;
background:url(../images/bg2.gif) 118px -523px no-repeat;
}
.new-weixin2DC {
top:43px;
right:0;
position:absolute;
background:#fff;
}
.new-weixin2DC img{
border:5px solid #000;
}
.weixin2{
width:286px;
padding:1px;
border:1px #e0e0e0 solid;
margin-bottom:15px;
}
/*--/weixin end--*/
.rssbook {
width:271px !important;
height:33px !important;
padding:45px 0 13px 19px !important;
border:none !important;
background:url(../images/bg7.gif) no-repeat !important;
}
.mailInput {
margin-top:0 !important;
}
.rssbook .info {
display:none !important;
}
.rssbutton {
float:left;
height:33px !important;
width:72px !important;
margin-left:10px;
overflow:hidden;
border:none !important;
}
.rssbutton input {
width:72px !important;
height:33px !important;
line-height:33px !important;
border:none !important;
background:none !important;
text-indent:999em;
}
input.rsstxt {
float:left;
width:165px !important;
height:33px !important;
font-size:14px;
padding:0 3px !important;
line-height:33px;
color:#333;
border:none !important;
background:none;
}
/*--/qq emaill end--*/
#KinSlideshow{
height:200px;
width:300px;
margin:15px 0;
}
.KSS_btnBox ul li{
height:9px !important;
width:15px !important;
line-height:9px !important;
text-indent:999em;
overflow:hidden;
}
.KSS_titleBox .title{
margin:0 0 0 6px !important;
line-height:27px;
}
/*--/幻灯 end --*/
.Ad_300{
width:300px;
margin-bottom:15px;
padding:5px;
}
.Ad_300 img{width:300px;}
/*--/广告 end--*/
.Link{
background:#ececec;
width:960px;
margin:0px auto;
padding:10px;
}
.Link h4{
font-size:16px;
font-weight:bold;
color:#333;
}
.Link ul{
width:100%;
padding:10px 0 0 0;
}
.Link li{
display:inline;
font-size:14px;
line-height:26px;
padding:0 20px 0 0;
}
.Link li a{
color:#666;
}
.Link li a:hover{
color:#333;
}
/*--/link end--*/
.footer{
width:100%;
height:68px;
text-align:center;
font-size:14px;
color:#222;
line-height:26px;
margin-top:33px;
}
.footer a{
color:#222;
display:inline-block;
margin:0 4px;
}
/*--/footer end--*/
.dede_pages{
width:100%;
padding:5px 0 20px 0;
text-align:center;
}
.pagelist{
margin:0 auto;
float:none;
text-align:center;
}
.dede_pages a{
height:30px;
line-height:30px;
font-size:14px;
color:#333;
display:inline-block;
padding:0 10px 0 0;
}
.dede_pages a i{
float:left;
width:10px;
height:30px;
background:url(http://www.bokequ.com/blog/6/images/bg4.gif) 0 500px no-repeat;
}
.dede_pages a:hover{
color:#fff;
text-decoration:none;
background:url(http://www.bokequ.com/blog/6/images/bg4.gif) right -526px no-repeat;
}
.dede_pages a:hover i{
background:url(http://www.bokequ.com/blog/6/images/bg4.gif) 0 -526px no-repeat;
}
.dede_pages strong{
color:#fff;
height:30px;
line-height:30px;
font-size:14px;
padding:0 10px 0 0;
display:inline-block;
background:url(http://www.bokequ.com/blog/6/images/bg4.gif) right -491px no-repeat;
}
.dede_pages strong i{
float:left;
width:10px;
height:30px;
background:url(http://www.bokequ.com/blog/6/images/bg4.gif) 0 -491px no-repeat;
}
.pageinfo strong{
color:#333;
background:none;
border:none;
}
.dede_pagess strong{
padding:0 !important;
}
.dede_pagess strong a{
color:#fff !important;
}
.dede_pages_so{
padding:10px 0 15px 0;
}
.dede_pages_so a{
color:#333;
}
/*--/分页--*/
#totop {
position:fixed;
bottom:40px;
right:10px;
z-index:999;
width:71px;
cursor:pointer;
display:none;
}
*html #totop {
position:absolute;
cursor:pointer;
right:10px;
display:none;
top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-112+"px")
}
#totop a {
display:block;
width:71px;
height:24px;
padding-top:48px;
background:url(http://www.bokequ.com/blog/6/images/go_top.png) no-repeat;
line-height:24px;
overflow:hidden;
text-indent:999em;
}
#totop a.cur {
background-position:0 0;
text-decoration:none;
color:#3a9
}
.bt-blue {
background: rgb(72, 153, 224); padding: 6px 18px 8px; color: rgb(255, 255, 255); line-height: 33px; font-size: 14px; font-weight: bold; margin-right: 12px;
}
.bt-blue:hover {
background: rgb(54, 141, 217); text-decoration: none;
}
.bt-green {
background: rgb(111, 185, 52); padding: 6px 18px 8px; color: rgb(255, 255, 255); line-height: 33px; font-size: 14px; font-weight: bold; margin-right: 12px;
}
.bt-green:hover {
background: rgb(95, 169, 36); text-decoration: none;
}
#KinSlideshow img{width:300px;height:200px;}
#KinSlideshow{margin-left:5px;}
博客模板源码演示地址www.bokequ.com/blog/6/
