注册 登录
编程论坛 → PHP技术论坛

主页模板把以下3个栏目的布局都改成第二个那样的，代码该怎么改?

mcj321 发布于 2018-05-22 17:14， 2244 次点击
程序代码：
[code]<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit"/>
<meta name="robots" content="index, follow" />
<title>{dede:global.cfg_webname/}</title>
<meta name="description" content="{dede:global.cfg_description/}"/>
<meta name="keywords" content="{dede:global.cfg_keywords/}"/>
<meta name="author" content="order by />
<link rel="stylesheet" type="text/css" href="/skin/css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/icomoon.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/flexslider.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/owl.carousel.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/shortcodes.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/style.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/responsive.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/color1.css" id="colors"/>
<link rel="stylesheet" type="text/css" href="/skin/css/animate.css"/>
<link rel="stylesheet" type="text/css" href="/skin/css/tk.css"/>
<script type="text/javascript" src="/skin/js/jquery.min.js"></script>
<script type="text/javascript" src="/skin/js/bootstrap.min.js"></script>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
<script src="/skin/js/html5.js"></script>
<script src="/skin/js/respond.min.js"></script>
<style>
    article,aside,dialog,footer,header,section,nav,figure,menu{display:block;padding:0;margin:0;}
</style>
<link rel="stylesheet" href="/skin/css/ie.css" type="text/css" media="screen"/>
<![endif]-->

<!--[if lte IE 9]>
<script src="/skin/js/jquery.placeholder.js"></script>
<script>
jQuery(document).ready(function($){
    $('input, textarea').placeholder();
});
</script>
<script type="text/javascript" src="/skin/js/pie.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
    $('.indexci img').each(function() {
        PIE.attach(this);  
    });  
});
</script>
<![endif]-->
<!--[if (gte IE 6)&(lte IE 8)]>
  <script type="text/javascript" src="/skin/js/selectivizr.js"></script>
  <script type="text/javascript" src="/skin/js/[endif]-->
</head>
<body class="header-sticky home">
<!--[if lt IE 8]>
    <div class="lt-ie8-bg">
        <p class="browsehappy">You are using an <strong>outdated</strong> browser.</p>
        <p>Please <a href="http:// your browser</a> to improve your experience.</p>
        <p class="browsehappy">对不起，您正在使用的是 <strong>过时</strong> 的浏览器.</p>
        <p>请升级您的浏览器（IE8+，或者是火狐、谷歌、Opera、Safari等现代浏览器），以改进您的用户体验！</p>
    </div>
    <style>
    .lt-ie8-bg{z-index:11111;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333;color:#999;padding:100px 20px;text-align:center;font-size:26px}
    .lt-ie8-bg a{color:#f5f5f5;border-bottom:2px solid #fff}
    .lt-ie8-bg a:hover{text-decoration:none}
    #page-body-wrap{display:none;}
    </style>
<![endif]-->
<div class="loader"> <span class="loader1 block-loader"></span> <span class="loader2 block-loader"></span> <span class="loader3 block-loader"></span> </div>
<div id="page-body-wrap">
<div class="wrap-slide"> {dede:include filename="head.htm"/} </div>
<div class="top-slider" id="index-slider">
  <div class="flexslider">
    <ul class="slides">
      {dede:arclist typeid='20' titlelen='50' orderby='pubdate'}
      <li class="slide-item" style="background-image:url([field:picname/]);">
        <div class="container">
          <div class="row">
            <div class="flex_caption">
              <h2 class="modern-style captionDelay4 FromTop slide-title">[field:title/]</h2>
              <p class="captionDelay2 FromTop slide-desc">[field:description/]</p>
            </div>
          </div>
        </div>
      </li>
      {/dede:arclist}
    </ul>
  </div>
</div>
<section class="roll-row parallax parallax4" id="index-widget-3col">
  <div class="container">
    <div class="row">
      <div class="col-md-4 padr35-x roll-animation index-accordion" data-animation="fadeInLeft" data-animation-delay="2" data-animation-offset="75%"> {dede:type typeid='21'}
        <h3><a href="[field:typelink/]">[field:typename/]</a></h3>
        {/dede:type}
        <div class="roll-accordion"> {dede:arclist typeid='21' row='6' titlelen='50' orderby='pubdate'}
          <div class="roll-toggle">
            <div class="toggle-title" title="[field:title/]">
              <h4>[field:title/]</h4>
            </div>
            <div class="toggle-content"> <a href="[field:arcurl/]" class="thumb-link"><img src="[field:picname/]" alt="[field:title/]"/></a>
              <div class="info">
                <p class="desc-info">[field:description function="cn_substr(@me,140)"/]...</p>
              </div>
            </div>
          </div>
          {/dede:arclist} </div>
      </div>
      {dede:channelartlist typeid='1,1'}
      <div class="col-md-4 padl25-x roll-animation index-service" data-animation="fadeInLeft" data-animation-delay="2" data-animation-offset="75%">
        <h3><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></h3>
        <div class="is-content">
          <p class="desc">{dede:field name='description'/}</p>
          <ul class="roll-list">
            {dede:channel type='son' noself='yes'}
            <li><a href="[field:typeurl/]">[field:typename/]</a></li>
            {/dede:channel}
          </ul>
        </div>
      </div>
      {/dede:channelartlist}
      {dede:channelartlist typeid='28,28'}
      <div class="col-md-4 padl35-x roll-animation index-modeling" data-animation="fadeInLeft" data-animation-delay="0" data-animation-offset="75%">
        <h3><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></h3>
        <div class="roll-tabs" data-effect ="fadeIn">
          <ul class="menu-tab">
            {dede:channel type='son' noself='yes'}
            <li><a href="[field:typeurl/]">[field:typename/]</a></li>
            {/dede:channel}
          </ul>
          <div class="content-tab"> {dede:channel type='son' noself='yes'}
            <div class="content-inner"> <a href="[field:typeurl/]" class="modeling-link"><img src="/skin/images/zx[field:global name=autoindex runphp="yes"]@me=@me+1;[/field:global].jpg" alt="[field:typename/]"/></a>
              <p class="desc">[field:description/]</p>
            </div>
            {/dede:channel} </div>
        </div>
      </div>
      {/dede:channelartlist} </div>
  </div>
</section>
{dede:channelartlist typeid='5,5'}
<section class="roll-row" id="index-team">
  <div class="container">
    <div class="roll-promotion clearfix">
      <div class="title-promotion roll-animation" data-animation="fadeInLeft" data-animation-delay="0" data-animation-offset="75%"> <span class="team-title text-color"><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></span> <span class="team-desc">{dede:field name='description'/}</span> </div>
    </div>
  </div>
  <div class="roll-gallery">
    <div class="owl-carousel"> {dede:arclist titlelen='50' orderby='pubdate'}
      <div class="item"> <img src="[field:picname/]" alt="[field:title/]"/>
        <div class="hover"></div>
        <div class="gallery-content">
          <ul class="gallery-link">
            <li class="icon-s FromLeft"><a href="[field:arcurl/]"><span class="icon-search5"></span></a></li>
          </ul>
          <h3 class="team-title"><a href="[field:arcurl/]" title="[field:title/]">[field:title/]</a></h3>
        </div>
      </div>
      {/dede:arclist} </div>
  </div>
</section>
{/dede:channelartlist}
  
  {dede:channelartlist typeid='16,16'}
<section class="roll-row parallax parallax5" id="index-blog">
  <div class="container">
    <div class="row">
      <div class="roll-titlebox text-center">
        <p class="sub text-color">{dede:field name='description'/}</p>
        <h2 class="main text-dark"><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></h2>
      </div>
      <div class="roll-news"> {dede:arclist  row='8' titlelen='50' orderby='pubdate'}
        <div class="article">
          <div class="featured-post"> <a href="[field:arcurl/]" class="iblog-link"><img src="[field:picname/]" alt="[field:title/]"/></a>
            <ul class="post-format">
              <li class="date"> <span class="day">[field:pubdate function="MyDate('d',@me)"/]</span> <span class="month">[field:pubdate function="MyDate('Y-m',@me)"/]</span> </li>
            </ul>
          </div>
          <div class="content-post">
            <h3 class="title-post"><a href="[field:arcurl/]" title="[field:title/]">[field:title/]</a></h3>
            <div class="excerpt inews-desc">
              <p>[field:description function="cn_substr(@me,100)"/]...</p>
            </div>
          </div>
        </div>
        {/dede:arclist} </div>
    </div>
  </div>
</section>
{/dede:channelartlist}
<section class="roll-row" style="background: url(/skin/images/contact.jpg)" id="index-contact">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="roll-contact text-center">
          <div class="mail">{dede:global.cfg_email/}</div>
          <div class="phone">电话：{dede:global.cfg_tel/}</div>
          <div class="address">地址：{dede:global.cfg_adr/}</div>
        </div>
      </div>
    </div>
  </div>
</section>
{dede:include filename="footer.htm"/}
</body>
</html>
[/code]

只有本站会员才能查看附件，请 登录
0 回复
1
©2025, BCCN.NET
电脑版