浅蓝色小清新说说文章类织梦dedecms个人博客模板采用DIV+CSS自适应语言制作的文章信息网站模板。整个网站版面宽度为1000px 宽度,页面主色调为蓝色,整体大气简洁。
浅蓝色小清新说说文章博客模板适用于经典说说、伤感说说、个性说说、搞笑说说、爱情说说等各种QQ说说心情短语内容的发布。
主页html代码
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>浅蓝色小清新说说文章类织梦CMS个人博客模板 _ bokequ.com</title>
<meta name="keywords" content="说说心情短语,QQ心情说说大全,说说带图片" />
<meta name="description" content="唯美说说乐园与您分享最新最经典的说说!专业提供最唯美的说说大全,包括:经典说说、伤感说说、个性说说、搞笑说说、爱情说说等各种QQ说说心情短语。
" />
<link rel="stylesheet" type="text/css" href="/shuo/lmlblog/lmlblog_com.css">
<link rel="stylesheet" type="text/css" href="/shuo/lmlblog/lmlblog_com_index.css">
<script src="/shuo/lmlblog/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">jq = jQuery.noConflict();</script>
<script src="/shuo/lmlblog/jquery.SuperSlide.js" type="text/javascript"></script>
</head>
<body id="nv_portal" class="pg_index" >
<!-- head begin -->
<div id="headnav" >
<div id="toptb" class="cl">
<div class="header">
<div class="hdr">
<div class="wp cl">
<!-- 站点LOGO -->
<div class="hd_logo"><h1> <a href="/shuo/"> <img src="/shuo/lmlblog/logo.png" border="0"></a> </h1></div>
<!-- 导航 -->
<div class="nav">
<ul>
<li class='a'><a href='/shuo/' title="首页">首页<span>Home</span></a></li>
<li><a href='http://www.bokequ.com/shuo/jdss/' >经典说说<span>More</span></a></li>
<li><a href='http://www.bokequ.com/shuo/xqss/' >心情说说<span>More</span></a></li>
<li><a href='http://www.bokequ.com/shuo/sgss/' >伤感说说<span>More</span></a></li>
<li><a href='http://www.bokequ.com/shuo/aiqing/' >爱情说说<span>More</span></a></li>
<li><a href='http://www.bokequ.com/shuo/tpss/'>图片说说<span>More</span></a></li>
<li><a href='http://www.bokequ.com/shuo/gxss/' >搞笑说说<span>More</span></a></li>
<li><a href='http://www.bokequ.com/shuo/gexing/' >个性说说<span>More</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- head end -->
<div class="header_fake"></div>
<!-- 公告或随机内容 -->
<div class="jeavi_con cl">
<div id="scrolldiv">
<div class="bd">
<div class="tempWrap" >
<ul>
<li> <a href="http://www.bokequ.com/shuo/gxss/27.html" title="搞笑逗逼说说:关于撩妹,丑的人需要套路,帅的人只需要套。" target="_blank">搞笑逗逼说说:关于撩妹,丑的人需要套路,帅的人只需要套。</a> (2016年07月20日)</li>
<li> <a href="http://www.bokequ.com/shuo/jdss/5.html" title="经典空间说说:青春是一段容易动情却总是受伤的年龄。" target="_blank">经典空间说说:青春是一段容易动情却总是受伤的年龄。</a> (2016年07月20日)</li>
<li> <a href="http://www.bokequ.com/shuo/sgss/39.html" title="伤感说说大全:如果你爱不到地老天荒、请别说天长地久" target="_blank">伤感说说大全:如果你爱不到地老天荒、请别说天长地久</a> (2016年08月12日)</li>
<li> <a href="http://www.bokequ.com/shuo/aiqing/53.html" title="爱情说说:若有幸到白头,绝不负你此生温柔。" target="_blank">爱情说说:若有幸到白头,绝不负你此生温柔。</a> (2016年08月21日)</li>
<li> <a href="http://www.bokequ.com/shuo/xqss/16.html" title="梦想不会逃跑,会逃跑的永远都是自己。" target="_blank">梦想不会逃跑,会逃跑的永远都是自己。</a> (2016年07月20日)</li>
<li> <a href="http://www.bokequ.com/shuo/tpss/24.html" title="人气说说带图片:你哭着对我说,童话里都是骗人的……" target="_blank">人气说说带图片:你哭着对我说,童话里都是骗人的……</a> (2016年07月20日)</li>
</ul>
</div>
</div>
<div class="jeavi_con cl">
<div class="left-con cl">
<div class="photo-part mt20 cl">
<!--第一板块开始-->
<div class="portal-hd">
<div class="portal_block_summary">
<h2>经典说说</h2>
<a href="/shuo/jdss/" class="more">更多</a></div>
</div>
<div class="columns cl">
<!--当前栏目推荐图文开始-->
<div class="photo-big mr30">
<div class="photo-pic"> <a href="http://www.bokequ.com/shuo/jdss/12.html" title="经典说说心情短语:改变别人,不如改变自己。" target="_blank"> <img src="http://www.bokequ.com/shuo/uploads/allimg/160712/1-160G21FP6.jpg" width="330" height="220" alt="经典说说心情短语:改变别人,不如改变自己。"></a> </div>
<h3><a href="http://www.bokequ.com/shuo/jdss/12.html" title="经典说说心情短语:改变别人,不如改变自己。" target="_blank">经典说说心情短语:改变别人,不如改变</a></h3>
<div class="meta"> <span class="meta-column"><i></i> <a href="http://www.bokequ.com/shuo/jdss/" title="经典说说" target="_blank">经典说说</a></span> <span class="delim"></span> <span class="meta-data">2016年07月20日</span> <span class="delim"></span> <span class="meta-column"><i></i>查看:293次 </span> </div>
<p class="mt20">房子和老婆一样,没有时候,前半辈子为得到而忙活;有了以后,后半辈子要为拥有而忙活……</p>
</div>
<!--当前栏目推荐图文结束-->
<!--当前栏目最新文档开始-->
<div class="photo-small">
<ul>
<li>
<div class="photo-pic"> <a href="http://www.bokequ.com/shuo/jdss/41.html" title="经典伤感说说:后来不懂爱的人慢慢懂了,懂爱的人却不敢再爱了" target="_blank"> <img src="http://www.bokequ.com/shuo/uploads/allimg/160813/1-160Q3192044.jpg" width="100" height="75" alt="经典伤感说说:后来不懂爱的人慢慢懂了,懂爱的人却不敢再爱了"></a> </div>
<h3><a href="http://www.bokequ.com/shuo/jdss/41.html" class="link" title="经典伤感说说:后来不懂爱的人慢慢懂了,懂爱的人却不敢再爱了" target="_blank">经典伤感说说:后来不懂爱</a></h3>
<p>明明是你先靠近我的,可最后舍不得的却是我。也许,深情从来都是……</p>
</li>
<li>
<div class="photo-pic"> <a href="http://www.bokequ.com/shuo/jdss/11.html" title="很多人不需要说再见,因为只是路过一下而已。" target="_blank"> <img src="http://www.bokequ.com/shuo/uploads/allimg/160712/1-160G21AU9-51.jpg" width="100" height="75" alt="很多人不需要说再见,因为只是路过一下而已。"></a> </div>
<h3><a href="http://www.bokequ.com/shuo/jdss/11.html" class="link" title="很多人不需要说再见,因为只是路过一下而已。" target="_blank">很多人不需要说再见,因为</a></h3>
<p>做错了认错,是老实;不确定错而认错,是智慧;明明正确还认错,那……</p>
</li>
<li>
<div class="photo-pic"> <a href="http://www.bokequ.com/shuo/jdss/12.html" title="经典说说心情短语:改变别人,不如改变自己。" target="_blank"> <img src="http://www.bokequ.com/shuo/uploads/allimg/160712/1-160G21FP6.jpg" width="100" height="75" alt="经典说说心情短语:改变别人,不如改变自己。"></a> </div>
<h3><a href="http://www.bokequ.com/shuo/jdss/12.html" class="link" title="经典说说心情短语:改变别人,不如改变自己。" target="_blank">经典说说心情短语:改变别</a></h3>
<p>房子和老婆一样,没有时候,前半辈子为得到而忙活;有了以后,后……</p>
</li>
<li>
<div class="photo-pic"> <a href="http://www.bokequ.com/shuo/jdss/10.html" title="最经典的QQ说说:与其不欢而散,不如趁早置身事外。" target="_blank"> <img src="http://www.bokequ.com/shuo/uploads/allimg/160711/1-160G11KK8-51.jpg" width="100" height="75" alt="最经典的QQ说说:与其不欢而散,不如趁早置身事外。"></a> </div>
<h3><a href="http://www.bokequ.com/shuo/jdss/10.html" class="link" title="最经典的QQ说说:与其不欢而散,不如趁早置身事外。" target="_blank">最经典的QQ说说:与其不欢</a></h3>
<p>忙碌的时候感觉特别好,觉得没辜负早上化的妆,中午吃的两碗饭,……</p>
</li>
</ul>
</div>
<!--当前栏目最新文档结束-->
</div>
<!--第4板块end-->
<!--ad开始-->
<div class="mb20">
<div class="portal_block_summary"> <a href="/shuo/" target="_blank"> <img src="/shuo/lmlblog/ad.png" width="680" height="100" ></a></div>
</div>
<!--ad结束-->
<!--第5板块开始-->
<div class="portal-hd">
<div class="portal_block_summary">
<h2>伤感说说</h2>
<a href="/shuo/sgss/" class="more">更多</a></div>
</div>
<div class="columns cl">
<!--当前栏目推荐图文开始-->
<div class="photo-big mr30">
<div class="photo-pic"> <a href="http://www.bokequ.com/shuo/sgss/23.html" title="淡淡忧伤说说:只有在最伤心的时候,才会看清世界的样子" target="_blank"> <img src="http://www.bokequ.com/shuo/uploads/allimg/160715/1-160G51G931-50.jpg" width="330" height="220" alt="淡淡忧伤说说:只有在最伤心的时候,才会看清世界的样子"></a> </div>
<h3><a href="http://www.bokequ.com/shuo/sgss/23.html" title="淡淡忧伤说说:只有在最伤心的时候,才会看清世界的样子" target="_blank">淡淡忧伤说说:只有在最伤心的时候,才</a></h3>
<div class="meta"> <span class="meta-column"><i></i> <a href="http://www.bokequ.com/shuo/sgss/" title="伤感说说" target="_blank">伤感说说</a></span> <span class="delim"></span> <span class="meta-data">2016年07月20日</span> <span class="delim"></span> <span class="meta-column"><i></i>查看:321次 </span> </div>
<p class="mt20">想要忘记一段感情,方法永远只有一个:时间和新欢。要是时间和新欢也不能让你忘记一段……</p>
</div>
<!--当前栏目推荐图文结束-->
<!--当前栏目最新文档开始-->
<div class="photo-small">
<ul>
<li>
<div class="photo-pic"> <a href="http://www.bokequ.com/shuo/sgss/48.html" title="2016伤感说说:为了避免一切的结束,而拒绝了所有的开始" target="_blank"> <img src="http://www.bokequ.com/shuo/uploads/allimg/160815/1-160Q5205325.jpg" width="100" height="75" alt="2016伤感说说:为了避免一切的结束,而拒绝了所有的开始"></a> </div>
<h3><a href="http://www.bokequ.com/shuo/sgss/48.html" class="link" title="2016伤感说说:为了避免一切的结束,而拒绝了所有的开始" target="_blank">2016伤感说说:为了避免一</a></h3>
<p>小时候刮奖刮出一个谢字还不扔,非要把谢谢惠顾四个字都刮得干干……</p>
</li>
<li>
<div class="photo-pic"> <a href="http://www.bokequ.com/shuo/sgss/45.html" title="伤感说说:抱歉我没有你要的高跟丝袜短裙蛊惑人心" target="_blank"> <img src="http://www.bokequ.com/shuo/uploads/allimg/160814/1-160Q40J310.jpg" width="100" height="75" alt="伤感说说:抱歉我没有你要的高跟丝袜短裙蛊惑人心"></a> </div>
<h3><a href="http://www.bokequ.com/shuo/sgss/45.html" class="link" title="伤感说说:抱歉我没有你要的高跟丝袜短裙蛊惑人心" target="_blank">伤感说说:抱歉我没有你要</a></h3>
<p>我是天空里的一片云,偶尔投影在你的波心——你不必讶异,更无须……</p>
</li>
<li>
<div class="photo-pic"> <a href="http://www.bokequ.com/shuo/sgss/39.html" title="伤感说说大全:如果你爱不到地老天荒、请别说天长地久" target="_blank"> <img src="http://www.bokequ.com/shuo/uploads/allimg/160811/1-160Q1211441.jpg" width="100" height="75" alt="伤感说说大全:如果你爱不到地老天荒、请别说天长地久"></a> </div>
<h3><a href="http://www.bokequ.com/shuo/sgss/39.html" class="link" title="伤感说说大全:如果你爱不到地老天荒、请别说天长地久" target="_blank">伤感说说大全:如果你爱不</a></h3>
<p>偷偷关注你的人不会逐一评论你的东西,说一直会陪你的人也有可能……</p>
</li>
<li>
<div class="photo-pic"> <a href="http://www.bokequ.com/shuo/sgss/35.html" title="伤感图文说说:后来想想当初那份深情倒像是在胡闹" target="_blank"> <img src="http://www.bokequ.com/shuo/uploads/allimg/160811/1-160Q1203430.jpg" width="100" height="75" alt="伤感图文说说:后来想想当初那份深情倒像是在胡闹"></a> </div>
<h3><a href="http://www.bokequ.com/shuo/sgss/35.html" class="link" title="伤感图文说说:后来想想当初那份深情倒像是在胡闹" target="_blank">伤感图文说说:后来想想当</a></h3>
<p>恋爱中最心酸的事大概是:对方已经决定跟你分手了,只是还没想好……</p>
</li>
</ul>
</div>
<!--当前栏目最新文档结束-->
</div>
<!--第5板块结束--> </div>
</ul>
</div>
</div>
</div>
<!--ad开始-->
<div class="jeavi_con cl">
<div class="all-pic"><br/>
<a href="/shuo/" target="_blank"> <img src="/shuo/lmlblog/ad01.jpg" width="1000" height="100" ></a></div>
</div>
<!--ad结束-->
<!-- 友情链接 -->
<div class="jeavi_con cl">
<div class="portal-hd">
<div class="portal_block_summary">
<h2>友情链接</h2>
<a href="#" class="more">申请</a></div>
</div>
<div class="index_link">
<ul class="cl">
<li><a href='http://www.bokequ.com/blog/13/' target='_blank'>沐浴在阳光下个人博客模板</a></li>
<li><a href='http://www.bokequ.com/blog/12' target='_blank'>蓝色时间轴个人网页模板</a> </li>
<li><a href='http://www.sogou.com' target='_blank'>搜狗搜索</a> </li>
<li><a href='http://www.bokequ.com/wo/' target='_blank'>个人生活点滴记录</a> </li>
<li><a href='http://www.bokequ.com/' target='_blank'>个人博客</a> </li>
<li><a href='http://www.bokequ.com/time/' target='_blank'>时光.记录博客</a> </li>
</ul>
</div>
</div>
<!--footer开始-->
<div id="footer" class="cl">
<div id="ft" class="wp cl">
<div class="widget" style="text-align: right;">
<!-- 底部logo -->
<p class="ftlogo"><img src="/shuo/lmlblog/ftlogo.png" alt="个人主页网址二维码" border="0"></p>
<!-- 底部logo -->
</div>
<div class="widget-2 last widget">
<h4 class="widget-title">关于我们</h4>
<p>
<a href="http://m.bokequ.com/moban/1230.html">下载本站模板源码</a><span class="pipe">|</span>
<a href="http://www.bokequ.com/tag/dedecms" target='_blank'>织梦CMS</a><span class="pipe">|</span>
<a href="http://www.bokequ.com/wo/share/" target='_blank'>网站模板</a><span class="pipe">|</span>
<a href="http://www.bokequ.com/shuo/xqss/" target='_blank'>心情语录</a><span class="pipe">|</span>
<a href="http://www.bokequ.com/winter/" target='_blank'>心情日记</a><span class="pipe">|</span>
<a href="http://www.bokequ.com/wo/" target='_blank'>个人生活点滴记录博客</a><span class="pipe">|</span>
</p>
<p>Power by <a href="http://www.bokequ.com/wo/share/" target='_blank'>个人博客模板</a> 本站基于织梦CMS搭建,内容来源网络搜集,仅用于个人博客模板测试。唯美说说乐园,为你分享伤感说说、个性说说、经典说说、搞笑说说、爱情说说等QQ空间说说及QQ说说心情短语等,带给您最好的说说。
</p>
</div></div></div>
<script src="/shuo/lmlblog/nav.js" type="text/javascript"></script><!--导航置顶特效-->
<script type="text/javascript" src="/shuo/lmlblog/top.js"></script>
<!--footer结束-->
</body>
</html>
主页css样式
/*www.bokequ.com 博客趣*/
*{
word-wrap:break-word;
}
body {
background:#FFF;
}
body, input, button, select, textarea {
font:12px/1.5 'Microsoft Yahei', 'Simsun';
color:#696969;
}
textarea {
resize:none;
}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc {
margin:0;
padding:0;
}
table {
empty-cells:show;
border-collapse:collapse;
}
caption, th {
text-align:left;
font-weight:400;
}
ul li, .xl li {
list-style:none;
}
h1, h2, h3, h4, h5, h6 {
font-size:1em;
}
em, cite, i {
font-style:normal;
}
a {
color:#333;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a img {
border:none;
}
label {
cursor:pointer;
}
.z {
float:left;
}
.y {
float:right;
}
.cl:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.cl {
zoom:1;
}
.hidefocus {
outline:none;
}
hr {
display:block;
clear:both;
*margin-top:-8px !important;
*margin-bottom:-8px !important;
}
.mn hr, .sd hr {
margin:0 10px;
}
.area hr {
margin-left:0 !important;
margin-right:0 !important;
}
hr.l {
height:1px;
border:none;
background:#CDCDCD;
color:#CDCDCD;
}
hr.l2 {
height:2px;
}
hr.l3 {
height:3px;
}
hr.da {
height:0;
border:none;
border-top:1px dashed #CDCDCD;
background:transparent;
color:transparent;
}
hr.bk {
margin-bottom:10px !important;
*margin-bottom:2px !important;
height:0;
border:none;
border-top:1px solid #FFF;
background:transparent;
color:transparent;
}
.n .sd hr.bk {
border-top-color:#F9F9F9;
}
hr.m0 {
margin-left:0;
margin-right:0;
}
.wx, .ph {
font-family:'Microsoft YaHei', 'Hiragino Sans GB', 'STHeiti', Tahoma, 'SimHei', sans-serif;
font-weight:100;
}
.ph {
font-size:20px;
}
.mt {
padding:10px 0;
font-size:16px;
}
.pipe {
margin:0 5px;
color:#CCC;
}
.xs0 {
font-family:Arial;
font-size:0.83em;
-webkit-text-size-adjust:none;
}
.xs1 {
font-size:12px !important;
}
.xs2 {
font-size:14px !important;
}
.xs3 {
font-size:16px !important;
}
浅蓝色小清新说说文章类织梦CMS个人博客模板预览地址www.bokequ.com/shuo/jdss/