跳到主要內容

Xoops免費佈景:neilambilight3.5正式版釋出-佈景設計開發:徐嘉裕Neil hsu

全新登場 neilambilight 3.5 !此次更新全面配合 Xoops 2.5.11 官方升級,將原有的 Bootstrap 3 提升至 Bootstrap 4.6.2,為使用者帶來更佳的視覺體驗與操作流暢度。

  • 新增功能

    • 數字廣告區塊與顯示裝置自訂區塊,靈活配置更方便。
    • 佈景管理->圖片播放器管理->新增加區塊撥放器功能。
    • 無障礙功能強化
      • 導盲磚 (:::)網站導覽 (Site Navigator)鍵盤快速鍵 (Access Key) 功能。
      • 支援 TabEnter 鍵遍歷操作網站所有功能(含焦點樣式)。
      • 圖片撥放器可自訂播放與暫停設定。
      • 通過 FreeGo 程式檢測,符合 WCAG 2.1 無障礙標準。
  • 錯誤修正

    • 解決 neilambilight 3.4 版已知 BUG,提升穩定性。
  • 相容性與效能提升

    • 支援 PHP 8.3MySQL 8,確保系統長期穩定運作。
    • 優化後端程式結構,為未來功能擴充奠定基礎。

無論是視覺呈現、功能操作或是無障礙設計,neilambilight 3.5 都為您帶來全面升級的使用體驗。如果您正在使用 Xoops 2.5.11 穩定版,誠摯邀請您下載安裝,親自感受最新功能帶來的便利與效能!

👉 佈景展示網站https://chongshanli.com/

立即升級,探索更多可能! 🚀


neilambilight3.5更新內容

1、修正佈景管理區塊選單,若變更父層按鈕到其他分類,子層的categoryid沒被寫入新分類值的問題。

2、升級災害示警元件套件2.0版,增加AlertModule套件工具包,重構災害示警區塊管理及樣板程式,精簡合併優化去除多餘的結構,並保留示警元件套件1.0版可由區塊管理切換使用。

3、聯絡我們表單管理增加表單設定功能,新增加聯絡地址欄位 啟用/不啟用 必填欄位 啟用/不啟用。

4、聯絡我們表單增加聯絡地址欄位,包含鄉鎮縣市+地址欄位為一陣列組合,可於後台設定啟用或不啟用,增加必填欄位前後台驗證功能(如有啟用欄位必填)。

5、佈景管理->廣告管理->新增加數字廣告管理功能,可以建立文字與滾動數字的廣告組合,可以新增編輯刪除排序等操作。

6、新開發數字廣告區塊,可於區塊後台設定 顯示數量 / 顯示方式 / 橫列數量 / 滾動值增量 / 滾動總秒數,前台區塊包含視差動畫與數字滾動效果。

7、佈景管理->圖片播放器管理->新增加區塊撥放器功能,可以建立於區塊撥放器中撥放的圖片,布景及區塊撥放器兩項功能用同一個UI介面及相同資料表,只增加typeval欄位區隔,節省資料儲存空間及程式UI效能。

8、新增加區塊撥放器功能(Xoops區塊),可讀取布景撥放器管理後台建立的區塊撥放器圖片,能設定數量,排序、高度,及自動撥放秒數,撥放器圖片可左右切換。

9、配合Xoops2.5.11使用的bootstrap版本,替換bootstrap3->bootstrap4.6.2

9、增加font-awesome6.5.2套件更換bootstrap的glyphicon icon,同時保留舊版font-awesome4.7套件,新舊並行。

10、更新Xoops系統樣板,刪除沒使用的adjustment.js/bootstrap-touch-slider.css,調整profile樣式。

11、增加佈景版型配置->中四右區塊其餘顯示底部,可由佈景管理->布景設定中變更版型配置。

12、修正底選單無法正常顯示的問題(smarty名稱有變更)。

13、完成neilambilight布景與neothemesadmin模組及neillibrary模組樣板UI升級->bootstrap4.6.2工作。

14、佈景管理新開發->顯示裝置自訂區塊,功能與Xoops自訂區塊一樣,唯一差別是能選擇顯示電腦版還是手機版,使用ck編輯器。

15、替換電腦版網站自動放大縮小CSS變數,由原本的transform改為zoom,解決自適應時文字會模糊的問題。

16、電腦版增加->無障礙導盲磚(:::)、網站導覽 (Site Navigator)、鍵盤快速鍵 (Access Key) 功能,需搭配xsitemap一起使用。

17、增加用鍵盤tab與Enrer能夠遍歷操作網站全部功能(焦點樣式),可切換圖片撥放器及停止撥放等功能

18、profile/register.php註冊頁面增加可更新確認碼功能,以符合無障礙2.1規範。

19、升級jquery套件->jquery-3.7.1.min / jquery-ui-1.14.1 / jquery-migrate-3.5.2.js

20、增加PHP8.3與MYSQL8兼容設定,確認項功能均能正常運作。


本次更新釋出版本

neilambilight3.5版

neothemesadmin6.2版

neillibrary2.7版


系統環境需求

PHP版本:PHP8.0包含以上,最佳版本PHP8.3

Mysql版本:mysql5.7包含以上到10.4.32-MariaDB兼容mysql8.0

Xoops版本:Xoops2.5.11-正式版(唯一)


升級安裝neilambilight3.5如下說明

1、前往下載neilambilight3.5佈景檔

https://neodw.com/modules/tad_uploader/index.php?of_cat_sn=16

2、解壓縮後,吧htdocs資料夾裡面的檔案全部上傳到網站根目錄中覆蓋舊檔(htdocs或www目錄)

->kernel

->modules

->themes

->register.php

->robots.txt


備註說明:htdocs資夾包含Xoops補丁檔,增加表單防機器人驗證機制,以及區塊$show_func增加$this傳參,若無上傳布景將無法正常運作。


3、進到管理後台->點選模組->點選更新neothemesadmin佈景管理模組(非常重要)

4、進到管理後台->點選模組->點選更新neillibrary函數庫模組(非常重要)

5、升級後舊版佈景建立資料均會保留。

既完成本次升級更新操作。

備註:modules資料夾中的xsitemap網站導覽模組可搭配佈景的無障礙功能使用。


如安裝後有發現功能BUG,或操作問題,歡迎與我聯繫,謝謝

E-MAIL:b168168tw@gmail.com

LINE:neilhsu168

neilambilight佈景開發:徐嘉裕 Neil hsu

留言

這個網誌中的熱門文章

好用的windows備份檔案dos指令XCOPY-教學撰寫:徐嘉裕Neil hsu

要快速的備份某個硬碟全部資料到備份硬碟中,雖然是可以用windows內建的備份與還原,但如果重灌windows可會有key不同而無法還原的問題,還要改一堆設定煩死了,直接用dos指令XCOPY來做檔案的複製就很快了,資料也不會丟失,好朋友可以參考看看!! 首先開啟windows所有程式->附屬應用程式->開啟命令提示字元! 然後輸入以下指令 XCOPY C:\xxx   F:\xxx /s 藍字的 C:\xxx  為複製檔案來源位置例如要複製整個C槽就輸入 C:\ 綠色的   F:\xxx 為複製目的位置,例如要放到F槽的備份資料夾,就輸入  F:\ 備份 紅字的 S 為複製類型參數,可以自行修改為以下的參數設定: ================================================================= /A    只複製設定成保存屬性的檔案,不要改變屬性的設定。 /M    只複製設定成保存屬性的檔案,並清除保存屬性。 /D:m-d-y  複製指定日期當天或之後變更的檔案。如果沒給日期,只複製那些來源檔案日期比目的檔案日期為新的檔案。 /EXCLUDE:file1[+file2][+file3]...         指定檔案清單字串。每個字串應在不同行。如果有字串對應到要進行複製的檔案絕         對路徑的任何部分,這個檔案會被排除複製。例如,指定字串         \obj\ 或 .obj 的話,會排除所有在 obj 目錄下副檔名是.obj 的檔案複製。 /P    在建立每個目的檔案時顯示提示。 /S    複製每個目錄及其包含的子目錄,不複製空目錄。 /E    複製每個目錄及其包含的子目錄,也複製空目錄。/S 與 /E相同,能夠用來修改 /T。 /V   ...

jQuery取得下拉選單selected中數值與內容的方法

假設選單狀態為: <select id='selectname '> <option value='v1' data-id="d1">選單A</option> <option value='v2' data-id="d2">選單B</option> <option value='v3' data-id="d3">選單C</option> </select> 以jQuery取得選單數值與內容方法如下: 1、取得下拉選單 value 數值的方法 $selectname=$('#selectname').val(); alert($selectname); //顯示選單中 selected 狀態的value數值v1 or  v2  or  v3。 2、取得下拉選單中 data-id 數值的方法 $data-id= $(this).find(':selected').attr('data-id'); alert($data-id); //顯示選單中 selected 狀態的data-id數值d1 or  d2 or  d3。 3、取得下拉選單中 文字 的方法 $selecttext=$(this).find(':selected').text(); alert($selecttext); //顯示選單中 selected 狀態的文字內容,如選單A or  選單B or 選單C。 教學撰寫:徐嘉裕 Neil hsu

PhpSpreadsheet電子表格PHP匯出excel排版範例->Xoops-教學撰寫:徐嘉裕Neil hsu

在開發模組時如果要吧資料表內容匯出excel,最常用的套件因該就是PHPExcel,但是官網已經說明PHPExcel套件因升級不易只能支援到php5.6, 該物件已於2017年正式棄用,並於2019年永久歸檔 ,換句話說PHPExcel套件對於日後新版的excel格式均不支援,為保持程式在最新狀態只好棄用PHPExcel改使用PhpSpreadsheet電子表格套件,該套件也是能匯出excel,還能匯出LibreOffice Calc,感覺還不錯! 唯一比較麻煩的是使用PhpSpreadsheet要先佈署composer,如果沒佈署composer是沒辦法使用的,還好官方有釋出已經設定好的phpoffice套件可以直接引入使用,省了很多麻煩,使用PhpSpreadsheet方法如下: 1、先下載PhpSpreadsheet套件,我已經幫大家吧phpoffice一起打包上傳 https://drive.google.com/file/d/1jw73diWVjbcr1ycY-gtqM2cGfpLp1zS_/view?usp=sharing 下載回來後解壓縮吧phpoffice跟PhpSpreadsheet丟到Xoops模組的class資料夾中,未來如需更新PhpSpreadsheet可到官網下載最新版覆蓋即可 https://github.com/PHPOffice/PhpSpreadsheet 2、然後建立一個excel.php放在模組根目錄中 以下為編排excel表格常用的函數設定 include_once "header.php"; //先引入autoload.php檔 include_once XOOPS_ROOT_PATH.'/modules/ 模組ID /class/phpoffice/vendor/autoload.php'; use PhpOffice\PhpSpreadsheet\Spreadsheet; use PhpOffice\PhpSpreadsheet\IOFactory; $spreadsheet = new Spreadsheet(); //實體化Excel工作表 //設置電子表格元數據的操作: $spreadsheet->getProperties() ->setCreator...