跳到主要內容

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

neilambilight2.5正式版發佈了,本次更新主要以修正結構樣式上及功能上的一些問題,以及更換跑馬燈套件避免與TAD模組的JQUERY衝突,另外增加了註冊頁面防機器人設置,以及網站自動放大功能,詳細更新項目如下條列:
neilambilight2.5 更新內容
==============================

1、於電腦介面跟手機瀏覽介面的網站選單中增加一個連到Xoops維護的按鈕(管理員才會看到),便於管理者清除網站暫存檔跟維護資料表操作。
2、修正手機板主選單按鈕如果是帶連結按鈕位置會往下顯示的css問題。
3、修改手機介面跟電腦介面主選單字體,由原本預設微軟正黑體改為Google網路字體cwTeXHei,增加視覺美感。
4、自訂多層選單增加tadnews模組標籤分類的焦點功能$tag_sn
5、更換佈景跑馬燈JS套件(電腦版 and 手機板),解決與tadnews新聞區塊跑馬燈js衝突問題。
6、使用媒體查詢技術RWD(zoom,-moz-transform)針對1440->1920解析度自動放大網站到滿版,左右不留白邊,元件跟字體圖片也自動放大。
7、於佈景中引入profile模組的會員註冊頁面樣板(profile_form.tpl),並加上防止機器人註冊js+php+ajax驗證程式(隨機瑪認證模式),就算吧瀏覽器的js功能關閉只要是機器人一樣無法註冊成功,可以有效防止垃圾帳號的建立問題(需安裝profile會員管理模組才行使用此項功能)。
8、調整手機板profile模組的CSS樣式。
9、捨棄RWD放大網站的方法,改用另外撰寫JS+AJAX+PHP程式針對1440以上的所有解析度包括筆電或自訂解析度計算後做網站自動無上限放大效果(解析度有多大網站就放多大)。
10、佈景前台增加因未按照安裝流程吧neilambilight加入tadtools的程序,導致出現空白畫面的,增加前往後台加入tadtools的文字與連結說明。
11、修正電腦介面跟手機介面FB簡訊title提示內容錯誤問題(顯示到LINE提示內容)
12、修正手機介面主選單按鈕如果有帶連結,則無法開啟子選單的問題,修正第一層跟第二層選單問題,並增加開啟底層選單圖示(如果底層選單有子選單才會顯示)。
13、圖片播放器及按鈕圖片增加刪除資料時,資料表內容連同實體圖檔都一起刪除的功能。
14、佈景設定功能表中新增加啟用或關閉網站自動放大功能選項。
15、手機介面模組內容頁標題下方增加【返回前一頁】跟【返回首頁】按鈕選項,便於瀏覽操作。
16、修正營養午餐區塊寬度超出佈景中間區塊邊界的CSS問題。
17、佈景管理後台增加Xoops內建廣告開啟關閉設定,預設是關閉的,因為XOOPS廣告若失連可能會拖慢網站開啟速度,若有需要使用這項功能可去佈景管理後台開啟。
18、佈景管理的區塊選單管理->文字按鈕類型新增加bootstrap3的icon小圖示8款。
19、修改neilambilight佈景操作說明手冊,增加23,24項操作說明。

網站佈景自動放大功能,使用js計算user瀏覽器析度算出百分比後自動放大,當user瀏覽解析度超過1440時就會自動啟用,如不須使用也可於後台關閉此功能,項細說明請參考操作說明手冊中的第24項說明。



增加了防機器人註冊設置,使用JQUERY+PHP+AJAX程式驗證,既使機器人沒有啟用瀏覽器JS功能一樣無法送出註冊表,能解決網站被機器人灌爆註冊表單的問題。









升級方法neilambilight2.5如下說明:

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

http://neodw.com/neil/modules/tad_upl ... /index.php?of_cat_sn=14#A

2、解壓縮後,吧檔案資料夾裡面的neilambilight->上傳到ftp xoops/themes/neilambilight <-覆蓋舊檔

吧neothemesadmin->上傳到ftp xoops/modules/neothemesadmin <-覆蓋舊檔

3、進到管理後台->點選模組->點選更新neothemesadmin模組既完成本次升級更新操作。

4、以管理員登入->點選佈景前台右方的【網站選單】->選擇網站維護,進入後吧暫存檔清除。


5、如果可以吧瀏覽器暫存檔也清除,這樣就完成更新操作了。





新安裝方法neilambilight2.5如下說明:

※需要先安裝Tad Tools 工具包模組

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

http://neodw.com/neil/modules/tad_upl ... /index.php?of_cat_sn=14#A

2、解壓縮後,吧檔案資料夾裡面的neilambilight->上傳到ftp xoops/themes/ <-資料夾裡面

吧neothemesadmin->上傳到ftp xoops/modules/ <-資料夾裡面

3、進到管理後台->點選模組->點選安裝neothemesadmin模組既完成本次升級更新操作。

4、以管理員登入->點選佈景前台右方的【網站選單】->選擇網站維護,進入後吧暫存檔清除。




5、如果可以吧瀏覽器暫存檔也清除,這樣就完成更新操作了。


詳細安裝方法請參閱附件中的操作說明手冊


備註說明:

1、為防止neilambilight佈景中的Jquery主程式檔與tad模組的Jquery引入衝突,所以neilambilight佈景完全沒有引入任何的Jquery主程式檔(Jquery.js,Jquery-ui.js),只有js執行檔而已,Jquery主程式檔全部使用tadtools的,所以安裝好佈景之後,為了使佈景的Jquery能正常運作,請您無論如何需要安裝任何一個tad模組並開啟一個tad模組的區塊,這樣佈景的$xoops_module_header就會引入tadtools的Jquery主程式檔。

2、如果您是使用neoGreenleisure佈景或是neilambilight2.0需要升級可直接安裝neilambilight2.5版,不用安裝neilambilight2.4在安裝neilambilight2.5,如是新安裝直接下載neilambilight2.5版安裝即可。

其他更新文章參考

neilambilight2.0功能簡介說明請參考以下連結內容:



neilambilight2.4功能簡介說明請參考以下連結內容:






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...