Tad 教材網 - 線上書籍

:::

9-5 themes/eElectronics/xotpl/system.tpl next

\[1061\] XOOPS佈景設計
==================

```
<pre class="brush:xml;gutter:false;">
<div class="slider-area">
    <div class="zigzag-bottom"></div>
    <div id="slide-list" class="carousel carousel-fade slide" data-ride="carousel">
        
        <div class="slide-bulletz">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <ol class="carousel-indicators slide-indicators">
                            <{foreach from=$slider_var item=pic name=slider}>
                                <li data-target="#slide-list" data-slide-to="<{$smarty.foreach.slider.index}>" <{if $smarty.foreach.slider.first}>class="active"<{/if}>></li>
                            <{/foreach}>
                        </ol>                            
                    </div>
                </div>
            </div>
        </div>

<div class="carousel-inner" role="listbox">
            <{foreach from=$slider_var item=pic name=slider}>
                <div class="item <{if $smarty.foreach.slider.first}>active<{/if}>">
                    <div class="single-slide">
                        <div class="slide-bg" style="background-image: url('<{$pic.file_url}>');"></div>
                        <div class="slide-text-wrapper">
                            <div class="slide-text">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-6 col-md-offset-6">
                                            <div class="slide-content">
                                                <{$pic.description}>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            <{/foreach}>
        </div>

</div>        
</div> 
```

:::