XOOPS 佈景 2017
- Start Bootstrap
- 下載至 「C:\my_xoops\www\themes」
- http://campus-xoops.tn.edu.tw/modules/tad_uploader/index.php?of_cat_sn=18
- 解壓縮並更改資料資料夾名稱「u_creative」
- 將「index.html」更改成「theme.html」
- 調整佈景
- 線上圖片編輯：https://pixlr.com/editor/
- 免費圖片 Unsplash
- 調整圖片 1900 x 1267
- 輪播圖套件 backstretch
<header class="header">
<script src="js/backstretch/jquery.backstretch.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.header').backstretch([
"img/header.jpg"
, "img/header1.jpg"
, "img/header2.jpg"
], {duration: 3000, fade: 750});
});
</script>