织梦模板:hs模板文件

织梦模板:hs模板文件
52jyhcc
52jyhcc
300
阅读
0
评论
2021年11月08日15:06:50 0 300

织梦模板:hs模板文件 文末下载  pc端 手机端 首页 封面页 列表页 内容页 

<!DOCTYPE html>

<html mip>

<head>

    <meta charset="utf-8"/>

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <meta name="description" content="{dede:field.description function='html2text(@me)'/}">

    <meta name="keywords" content="{dede:field.keywords/}">

    <title>{dede:field.title/}_{dede:field.seotitle /}</title>

    <link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css">

    <link rel="canonical" href="{dede:type typeid='0′ row=1}[field:typelink /]{/dede:type}">

    <style mip-custom>

        @charset "utf-8";

/* CSS Document */

body, div, p, ul, li,  input, button, textarea,h1,h2,h3,h4 {margin:0; padding:0;  font-family:"Microsoft YaHei"; text-align:left; color:#222; line-height:24px; font-size: 16px; font-weight: normal;}

.clear{clear:both;}

body{ max-width:768px; min-width:320px;  margin: auto; }

ul,li{list-style: none;}

em{font-style: normal;}

a{ color:#404040; text-decoration: none;}

a:hover{ color:#5CBB0E; text-decoration: none;}

p{color: #999; line-height: 22px; font-size: 14px;}

.border{border-bottom:8px solid #f2f2f2;}

/*---------首页---------*/

/*浮动导航*/

.logo{width: 130px; height: 30px; display: block; float: left; background: url("http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png"); background-size: 290px 190px; margin: 7px 0 7px 10px;}

nav{height: 40px;  position: relative; overflow: hidden; z-index: 0;}

nav span{width: 20px; height: 20px; display: block; background: url("http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png") -130px 0; background-size: 290px 190px; float: right; margin: 12px 15px 0 0;}

nav ul{ display: inline-block;float: left;padding: 0 44px 0 15px;}

nav ul li{display: inline-block; line-height: 44px; padding-right: 15px; font-size: 15px;}

#logo{width:75px; height: 90px; display:block ; position: fixed; bottom: 0; right:0;}

#logo span{ width: 20px; height: 16px; display: block; background: url("http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png") -70px 0; background-size: 290px 190px; margin: 14px 15px; float: right;}

.sidebar{width: 90%; padding: 10px 0;}

.sidebar h2{ line-height:30px;  color:#878787; padding-left: 10px; font-size:13px;}

.sidebar h2 span{display:block; float:left; margin:8px 6px 0 0;width: 16px;  height: 16px; }

.sidebar h2 .span1{background:url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -160px 0; background-size: 290px 190px;}

.sidebar h2 .span2{background:url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -180px 0; background-size: 290px 190px;}

.sidebar h2 .span3{background:url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -200px 0; background-size: 290px 190px;}

.sidebar h2 .span4{background:url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -160px -20px; background-size: 290px 190px;}

.sidebar h2 .span5{background:url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -180px -20px; background-size: 290px 190px;}

.sidebar h2 .span6{background:url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -200px -20px; background-size: 290px 190px;}

.sidebar h2 .span7{background:url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -220px 0; background-size: 290px 190px;}

.sidebar .nav_tags{padding:0 0 5px 10px; font-size:13px; }

.sidebar .nav_tags a{ width:17.8%; height:28px; overflow: hidden; line-height:28px;text-align:center; float:left; margin-right:1%; margin-bottom:4px; display:block; color:#404040; background:#F8F8F8; border:1px solid #dcdcdc; border-radius:3px;}

.sidebar .nav_tags a:hover{ color:#3cac4c; background:#fff; border:1px solid #dcdcdc; border-radius:3px;}

@media(min-width: 768px)  {

    .sidebar{width: 40%;}

    .sidebar .nav_tags a{ width:18%;}

}

/*轮播图*/

span.mip-carousel-current-indicator {background-color:#46b53b;}

.mip-carousel-indicatorBoxwrap{color: #fff;}

.mip-carousle-subtitle {

   background: rgba(0,0,0,.4)

}

/*分类导航*/

mip-showmore{ display: block; position: relative;}

.top_subnav{background: #7BCA0B; position: relative;padding-right: 36px;}

.mip-showmore-btn {width: 16px; height: 8px; display: block;background:#7BCA0B url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) no-repeat -130px -20px; background-size: 290px 190px; padding: 0;border: 14px solid #7BCA0B; position: absolute; right: 0px; top: 40px; opacity: .95; }

.mip-showmore-btn:hover{background:#7BCA0B url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) no-repeat -130px -20px; background-size: 290px 190px; color: #7BCA0B; }

.top_subnav ul li a {  display: block;  float: left;  color: #fff;  background: #7BCA0B;  line-height: 40px;  font-size: 14px;  padding: 0 0 0 20px;  }

@media(min-width: 768px) {

    .top_subnav ul li a{width:auto; padding: 0 0 0 30px; }

}

/*热门文章*/

.tophot ul li,.list1 ul li{line-height:44px;height: 44px; display: block; overflow: hidden; border-bottom: 1px solid #F3F3F3; background:url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) no-repeat -260px -32px; background-size: 290px 190px;padding-left: 30px; margin: 0 15px;}

.title{ border-bottom: 1px solid #eee; padding: 20px  0 0 0; height: 41px; position: relative; margin: 0 15px;}

.title h2{font-size: 18px; font-weight: bold; border-bottom: 2px solid #7BCA0B;height: 40px; line-height: 40px; color: #000; display:block; float: left;}

.title em{display: block; position: absolute; width: 75%; height: 24px; line-height: 24px; overflow: hidden; right:0; bottom:5px; font-size: 14px; text-align: right;}

.title em a{ color: #999; margin-left: 15px;}

.title em a:hover{ color: #7BCA0B;}

/*营养师问答*/

.answer{padding: 15px 15px 0 15px;}

.answer section{border-bottom: 1px solid #F3F3F3; padding-bottom: 15px; }

.answer section h3{  display: block; height: 30px; line-height: 30px; overflow: hidden; background:url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) no-repeat -260px -77px; background-size: 290px 190px;padding-left: 32px; }

.answer section p{height: 46px; font-size: 14px; color: #999; line-height: 22px; overflow: hidden; padding-top: 5px; }

.answer ul li{border-bottom: 1px solid #F3F3F3; height: 44px; line-height: 44px; display: block; overflow: hidden; background:url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) no-repeat -260px -68px; background-size: 290px 190px;padding-left: 32px; }

/*饮食食谱*/

.list1 ul li{ background:url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) no-repeat -260px -104px; background-size: 290px 190px; padding-left: 15px;}

/*营养师推荐*/

.list2{ display: block; position: relative; padding:15px 0 0 70px; margin: 0 15px;}

.list2 .left {  display: block;  position: absolute;  top: 15px;  left: 0;  width: 60px;  height: 60px;  overflow: hidden;  border-radius: 50px;  }

.left2_img{width: 60px; height: 60px; border-radius: 30px; overflow: hidden; display: block;}

.list2 .left img{width: 100%; height: auto; min-height: 60px;}

.list2 p{border-bottom: 1px solid #eee; padding:20px 0 15px 0;  background:url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) no-repeat -220px -158px; background-size: 290px 190px; }

/*饮食*/

.list3{ border-bottom:1px solid #f3f3f3; display: block; margin: 0 15px;}

.list3 h2{font-size: 18px; line-height: 24px; height:72px; overflow:hidden; font-weight: normal;}

.list3 span{ width:104px; height:72px; overflow:hidden; display:inline-block; float:right; margin-left:10px;}

.list3 span img{width:104px; height:auto; min-height: 72px; }

.list3 p{font-size:14px; color: #bbb; height: 24px; width: 60%; display: none;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.list3 a{ height: 72px;display: block; padding:10px 0;}

.list3_img ul { display: block; margin: 15px 8px 3px 8px; overflow: hidden; }

.list3_img ul li{width: 31.4%; display: block; float: left; overflow: hidden; margin: 0 .9% 10px .9%; text-align: center; line-height: 30px; font-size: 14px; position: relative;}

.list3_img ul li span{height: 82px; width: 100%; overflow: hidden; display: block;}

.list3_img ul li span img{width: 100%; height: auto; min-height: 82px;}

@media(min-width: 768px)  {

    .list3_img ul{padding-left: 5px;}

    .list3_img ul li{width:32%; margin: 0 4px 15px 4px;}

    .list3_img ul li span{height: 160px;}

    .list3_img ul li span img{ min-height: 160px;}

}

.wachat img{width: 100%; height: auto;}

/*图标导航*/

.subnav ul{padding: 15px 10px;}

.subnav ul li{width:20%; display: block;float: left; font-size:13px; text-align: center; position: relative; padding-top: 56px;margin-bottom: 15px; height: 24px; overflow: hidden;}

.subnav ul li em{width: 50px;height: 50px; display: block; left: 50%; margin-left: -25px; position: absolute; top: 0;}

.subnav ul li a{ color: #666;}

.subnav ul li a:hover{ color: #000;}

.subnav ul li .em1 {background: url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) 0 -40px; background-size: 290px 190px;}

.subnav ul li .em2 {background: url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -50px -40px; background-size: 290px 190px;}

.subnav ul li .em3 {background: url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -100px -40px; background-size: 290px 190px;}

.subnav ul li .em4 {background: url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -150px -40px; background-size: 290px 190px;}

.subnav ul li .em5 {background: url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -200px -40px; background-size: 290px 190px;}

.subnav ul li .em6 {background: url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) 0 -90px; background-size: 290px 190px;}

.subnav ul li .em7 {background: url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -50px -90px; background-size: 290px 190px;}

.subnav ul li .em8 {background: url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -100px -90px; background-size: 290px 190px;}

.subnav ul li .em9 {background: url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -150px -90px; background-size: 290px 190px;}

.subnav ul li .em10 {background: url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -200px -90px; background-size: 290px 190px;}

.subnav ul li .em11 {background: url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) 0 -140px; background-size: 290px 190px;}

.subnav ul li .em12 {background: url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -50px -140px; background-size: 290px 190px;}

.subnav ul li .em13 {background: url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -100px -140px; background-size: 290px 190px;}

.subnav ul li .em14 {background: url(http://mip.58how.com/templets/default/snkin_mip_m/img/mip_custom.png) -150px -140px; background-size: 290px 190px;}

/*返回顶部*/

mip-gototop {border-radius: 3px;  border:none; background-color: #e2e2e2;}

/*版权信息*/

.footer{background:#444444;  width:100%; padding: 6px 0;}

.footer p{ font-size: 12px; line-height: 22px; color: #999; text-align: center;}

/*更多*/

.more a{text-align: center; display: block; line-height: 50px; font-size: 14px; color: #5CBB0E;}

.more a:hover{ color: #5CBB0E;text-decoration: underline;}

    </style>

</head>

<body>

<mip-cambrian site-id="1577126315391655" ></mip-cambrian>

<!--组件开始-->

<header>

<div id="logo" on="tap:sidebar.open">全网导航</div>

</header>

<mip-sidebar id="sidebar" layout="nodisplay" class="mip-hidden sidebar">

 <h1> <a href="/">蕊屹网赢</a><button on="tap:sidebar.close"> X </button></h1>

{dede:channelartlist type="top" typeid='271'}

    <h1><span class="span{dede:field name='id'/}"></span><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></h1>

    <div class="nav_tags"> 

{dede:channel type='son' row='50'}

<a href="[field:typelink/]" target="_blank">[field:typename/]</a> 

{/dede:channel} 

        <div class="clear"></div>

    </div>

{/dede:channelartlist} 

</mip-sidebar>

<!--组件结束--> 

<!--横向导航栏-->

<mip-showmore maxheight="40" animatetime=".3" id="showmore02">

    <div class="top_subnav">

        <ul>

{dede:channelartlist row="28"}

            <li><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></li>

{/dede:channelartlist}

        </ul>

        <div class="clear"></div>

    </div>

</mip-showmore>

<div on="tap:showmore02.toggle" data-closetext="收起" class="mip-showmore-btn"></div>

<!--列表内容-->

<article class="border"><div class="title"><h2><b>{dede:field name='position'/}</b></h2></div></article>

<article class="border">

    <div class="tophot">

        <ul>

{dede:arclist row='2' flag ='h' orderby='pubdate'}

                            <li><a href="[field:arcurl/]">[field:fulltitle/]</a></li>

{/dede:arclist}            

        </ul>

    </div>

    <div class="title"><h2>推荐</h2></div>

    <div class="answer">

{dede:arclist row='1' flag ='c' orderby='pubdate'}

        <section>

            <h3><a href="[field:arcurl/]">[field:fulltitle/]</a></h3>

            <p>【导读】[field:description function='cn_substr(Html2text("@me")."...",280)'/]</p>

        </section>

{/dede:arclist}

        <ul>

{dede:arclist row='2' flag ='b' orderby='pubdate'}

            <li><a href="[field:arcurl/]">[field:fulltitle/]</a></li>

{/dede:arclist}

        </ul>

    </div>

    <div class="title"><h2>特荐</h2></div>

    <div class="list1">

        <ul>

{dede:arclist row='2' flag ='a' orderby='pubdate'}

            <li><a href="[field:arcurl/]">[field:fulltitle/]</a></li>

{/dede:arclist}           

        </ul>

    </div>

    <!--  营养师推荐  -->

    <div class="title"><h2>焦点</h2></div>

{dede:arclist row='2' flag ='s' orderby='pubdate'}

    <div class="list2">

        <a href="[field:arcurl/]" class="left">

[field:array runphp='yes']@me = (strpos(@me['litpic'],'defaultpic') ? "<mip-img layout='responsive' width='60' height='60' popup src='http://mip.58how.com/images/500/".mt_rand(1,2099).".jpg'/></mip-img>" : "<mip-img layout='responsive' width='60' height='60' popup src='{@me['litpic']}' '/></mip-img>"); [/field:array]

        </a>

        <h3><a href="[field:arcurl/]">[field:fulltitle/]</a></h3>

        <p>【导读】[field:description function='cn_substr(Html2text("@me")."...",80)'/]</p>

    </div>

{/dede:arclist} 

</article>

<!--焦点图-->

<mip-carousel autoplay defer="3000" layout="responsive" width="600" height="300" indicator>

{dede:arclist row='6' titlelen='200' flag ='p' orderby='pubdate'}

    <a target="_blank" href="[field:arcurl/]">

        <mip-img popup src="[field:litpic/]" layout="responsive" width="600" height="400" alt="[field:fulltitle/]"></mip-img>

        <div class="mip-carousle-subtitle">[field:fulltitle/]</div>

    </a>

{/dede:arclist}

</mip-carousel>

<!--end焦点图-->

{dede:channelartlist row='50'}

<article class="border">

    <div class="title">

        <h2><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></h2>

        <em>{dede:channel row=3 type='sun' noself=’yes’}<a href='[field:typeurl /]'  target="_blank">[field:typename /]</a>{/dede:channel}<a href="{dede:field name='typeurl'/}">更多</a></em>

    </div>

{dede:arclist row='1' flag ='p' limit='6,1'}

    <section  class="list3"><a href="[field:arcurl/]" target="_blank"><span><mip-img layout="responsive" width="104" height="72"  src="[field:litpic/]" alt="[field:fulltitle/]" </mip-img></span><h2>[field:fulltitle/]</h2></a> </section>{/dede:arclist}

    <div class="list1">

        <ul>{dede:arclist row='4' limit='1,4'}<li><a href="[field:arcurl/]">[field:fulltitle/]</a></li>{/dede:arclist}</ul>

    </div>

    <div class="list3_img">

        <ul>{dede:arclist row='3' limit='5,3'}

            <li><a href="[field:arcurl/]"><span>

[field:array runphp='yes']@me = (strpos(@me['litpic'],'defaultpic') ? "<mip-img layout='responsive' width='190' height='132' popup src='http://mip.58how.com/images/500/".mt_rand(1,2099).".jpg'/></mip-img>" : "<mip-img layout='responsive' width='190' height='132' popup src='{@me['litpic']}' '/></mip-img>"); [/field:array]

                </span><em>[field:fulltitle/]</em></a></li>{/dede:arclist}

            <div class="clear"></div>

        </ul>

    </div>

    <div class="more"><a href="{dede:field name='typeurl'/}">进入{dede:field name='typename'/}频道 &gt;&gt;</a></div>

</article>

{/dede:channelartlist}

<!--图标导航-->

<article class="border">

<div class="title"><h2>最新内容</h2></div>

<div class="list1">

<ul>

{dede:arclist row='5' orderby='sortrank'}

<li><a href="[field:arcurl/]" target="_blank">[field:fulltitle/]</a></li>

{/dede:arclist}

</ul>

</div>

<div class="title"><h2>热点内容</h2></div>

<div class="list1">

<ul>

{dede:arclist row='5' orderby='hot'}

<li><a href="[field:arcurl/]" target="_blank">[field:fulltitle/]</a></li>

{/dede:arclist}

</ul>

</div>

<div class="title"><h2>幻灯内容</h2></div>

<div class="list1">

<ul>

{dede:arclist row='5' flag='f'}

<li><a href="[field:arcurl/]" target="_blank">[field:fulltitle/]</a></li>

{/dede:arclist}

</ul>

</div>

<div class="title"><h2>图文内容</h2></div>

<div class="list1">

<ul>

{dede:arclist row='5' flag='p'}

<li><a href="[field:arcurl/]" target="_blank">[field:fulltitle/]</a></li>

{/dede:arclist}

</ul>

</div>

<div class="title"><h2>跳转内容</h2></div>

<div class="list1">

<ul>

{dede:arclist row='5' flag='j'}

<li><a href="[field:arcurl/]" target="_blank">[field:fulltitle/]</a></li>

{/dede:arclist}

</ul>

</div>

</article>

<div class="subnav">

    <div class="title"><h2><a href="http://www.58how.com/tags.html" target="_blank">专栏推荐</a></h2></div>

    <ul>

{dede:tag type='current'}

        <a href="http://www.58how.com[field:link1/]">《[field:tag /]》</a>

{/dede:tag}

    </ul>

    <div class="clear"></div>

</div>

<mip-iframe

    allowfullscreen 

    layout="fixed-height"

    src="http://xieruiyi.mikecrm.com/2uUpVGn" 

    width="100"

    height="430" 

    allowtransparency="true"

    scrolling="no">

</mip-iframe>

<footer class="footer">

    <p>{dede:global.cfg_banquan/}</p>

    <a href="http://www.beian.miit.gov.cn/" target="_blank"><p>{dede:global.cfg_beian/}</p></a>

</footer>

<!--速回顶部-->

<mip-fixed type="gototop">

    <mip-gototop threshold="300"></mip-gototop>

</mip-fixed>

<mip-stats-baidu token="18fe6640cacc702bed82a681188ea690"></mip-stats-baidu>

<mip-stats-cnzz token="1275843066"></mip-stats-cnzz>

<!--js文件-->

<script src="https://mipcache.bdstatic.com/static/v1/mip.js"></script>

<script src="https://mipcache.bdstatic.com/static/v1/mip-nav-slidedown/mip-nav-slidedown.js"></script>

<script src="https://mipcache.bdstatic.com/static/v1/mip-showmore/mip-showmore.js"></script>

<script src="https://mipcache.bdstatic.com/static/v1/mip-sidebar/mip-sidebar.js"></script>

<script src="https://mipcache.bdstatic.com/static/v1/mip-gototop/mip-gototop.js"></script>

<script src="https://mipcache.bdstatic.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script>

<script src="https://c.mipcdn.com/static/v1/mip-semi-fixed/mip-semi-fixed.js"></script> 

<script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script> 

<script src="https://c.mipcdn.com/static/v1/mip-fixed/mip-fixed.js"></script>

<script src="https://c.mipcdn.com/static/v1/mip-stats-cnzz/mip-stats-cnzz.js"></script>

</body>

</html>


文档限时打折,原价¥1.00,现价¥0.5,黄金会员享受折上折,打折结束倒计时
温馨提示! 你需要支付 ¥0.5 元后才能查看付费内容 微信支付 支付宝支付 余额支付
打赏 点赞(0)
weinxin
微信客服
问题+文章链接地址,发送到此微信:tourism52咨询处理。
历史上的今天
12月
09
dedecms ,生成,漂亮,整齐,缩略,图 省,资源 站长学院

Dedecms 生成漂亮整齐的缩略图 省资源

刚开始使用DEDE不久,最初采集发现自动生成的缩略图片其实是根据自定义的最大长宽,原比例的缩小原图片,不利于图片索引页排版,不得已CSS里采用了自动判断调整高宽---但比较耗资源。...

评论列表 共有 0 条评论

暂无评论