Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「[1061] XOOPS佈景設計」目錄
MarkDown
9-4 themes/eElectronics/xotpl/slider.tpl
1. HTML5的開發環境與基礎
1-1 index.html
2. 用CSS3美化版面
2-1 index.html
2-2 style.css
3. 自適應CSS排版
3-1 index.html
3-2 style.css
3-3 index.html 動態標題背景
3-4 style.css 動態標題背景
4. BootStrap響應式框架
4-1 bootstrap/index.html
5. 同上週～
6. XOOPS可調式佈景開發（上）
6-1 tad2017/theme.tpl
6-2 tad2017/css/style.css
7. XOOPS可調式佈景開發（下）
7-1 tad2017/config.php
7-2 tad2017/theme.tpl
7-3 tad2017/css/style.css
7-4 tad2017/config2.php
8. 現有網頁改製為XOOPS佈景
8-1 themes/eElectronics/theme.html
8-2 themes/eElectronics/config.php
8-3 themes/eElectronics/css/style.css
8-4 themes/photography/theme.html
8-5 themes/photography/config.php
8-6 themes/photography/xotpl/logo.tpl
8-7 themes/photography/css/style.css
9. XOOPS佈景運作原理
9-1 themes/eElectronics/theme.html
9-2 themes/eElectronics/css/style.css
9-3 themes/eElectronics/config2.php
9-4 themes/eElectronics/xotpl/slider.tpl
9-5 themes/eElectronics/xotpl/system.tpl
9-6 themes/photography/xotpl/footer.tpl
9-7 themes/eElectronics/modules/system/system_siteclosed.tpl
9-6 themes/photography/xotpl/footer.tpl
\[1061\] XOOPS佈景設計 ================== ``` <div class="container"> <{$xoops_contents}> </div> <div class="promo-area"> <div class="zigzag-bottom"></div> <div class="container"> <div class="row"> <{foreach from=$mainlink item=link}> <div class="col-md-3 col-sm-6"> <div class="single-promo"> <i class="fa <{$link.icon}>"></i> <p><a href="<{$xoops_url}><{$link.url}>" style="color: #fff;"><{$link.name}></a></p> </div> </div> <{/foreach}> </div> </div> </div> <!-- End promo area --> <{foreach from=$xoBlocks.page_topcenter item=block}> <div class="<{cycle values='maincontent-area,promo-area'}>"> <div class="zigzag-bottom"></div> <div class="container"> <div class="row"> <div class="centerBlock"> <div class="blockTitle"><{includeq file="$xoops_rootpath/modules/tadtools/themes_common/blockTitle.tpl"}></div> <div class="blockContent"><{$block.content}></div> </div> </div> </div> </div> <{/foreach}> <div class="maincontent-area"> <div class="zigzag-bottom"></div> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="latest-product"> <h2 class="section-title">Latest Products</h2> <div class="product-carousel"> <div class="single-product"> <div class="product-f-image"> <img src="<{xoImgUrl}>img/product-1.jpg" alt=""> <div class="product-hover"> <a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i> Add to cart</a> <a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i> See details</a> </div> </div> <h2><a href="single-product.html">Sony Smart TV - 2015</a></h2> <div class="product-carousel-price"> <ins>$700.00</ins> <del>$800.00</del> </div> </div> <div class="single-product"> <div class="product-f-image"> <img src="<{xoImgUrl}>img/product-2.jpg" alt=""> <div class="product-hover"> <a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i> Add to cart</a> <a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i> See details</a> </div> </div> <h2><a href="single-product.html">Apple new mac book 2015 March :P</a></h2> <div class="product-carousel-price"> <ins>$899.00</ins> <del>$999.00</del> </div> </div> <div class="single-product"> <div class="product-f-image"> <img src="<{xoImgUrl}>img/product-3.jpg" alt=""> <div class="product-hover"> <a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i> Add to cart</a> <a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i> See details</a> </div> </div> <h2><a href="single-product.html">Apple new i phone 6</a></h2> <div class="product-carousel-price"> <ins>$400.00</ins> <del>$425.00</del> </div> </div> <div class="single-product"> <div class="product-f-image"> <img src="<{xoImgUrl}>img/product-4.jpg" alt=""> <div class="product-hover"> <a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i> Add to cart</a> <a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i> See details</a> </div> </div> <h2><a href="single-product.html">Sony playstation microsoft</a></h2> <div class="product-carousel-price"> <ins>$200.00</ins> <del>$225.00</del> </div> </div> <div class="single-product"> <div class="product-f-image"> <img src="<{xoImgUrl}>img/product-5.jpg" alt=""> <div class="product-hover"> <a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i> Add to cart</a> <a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i> See details</a> </div> </div> <h2><a href="single-product.html">Sony Smart Air Condtion</a></h2> <div class="product-carousel-price"> <ins>$1200.00</ins> <del>$1355.00</del> </div> </div> <div class="single-product"> <div class="product-f-image"> <img src="<{xoImgUrl}>img/product-6.jpg" alt=""> <div class="product-hover"> <a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i> Add to cart</a> <a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i> See details</a> </div> </div> <h2><a href="single-product.html">Samsung gallaxy note 4</a></h2> <div class="product-carousel-price"> <ins>$400.00</ins> </div> </div> </div> </div> </div> </div> </div> </div> <!-- End main content area --> ```
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
145
人線上 (
104
人在瀏覽
線上書籍
)
會員: 0
訪客: 145
更多…
9-4 themes/eElectronics/xotpl/slider.tpl
