浅蓝色小清新说说文章类个人网站模板代码

77 阅读4分钟

  浅蓝色小清新说说文章类织梦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/