徐嘉裕(Neil Hsu)的工作心得網誌!

最近開發Xoops佈景時候需要修改瀏覽器原生的卷軸套件樣式，也就是overflow-Y: scroll，需要透過css自定義捲軸的背景顏色，但搞了半天IE可以Google可以Firefox就是不行，上網估狗過所有方法CSS都定義不起來，最後還是透過萬能的jQuery來解決吧，直接以程式來處理比用css搞半天快多了，效果還更美觀。 jQuery custom content scroller 插件網站 http://manos.malihu.gr/jquery-custom-content-scroller/ jQuery custom content scroller 插件效果演示範例 http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/scrollbar_themes_demo.html 也可以自行去我的G硬碟中下載已經整理好的套件回去用!! https://drive.google.com/file/d/1sMrp6Tn2zlgyP1bCYowwHYLpTkcil2C0/view?usp=sharing 下載回來後吧scroller.rar解壓縮scroller資料夾看是放到佈景裡面的js資料夾還是模組裡面都可以!! css引入 <link href=" 你的網站網址 /js/scroller/css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css"> js引入 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript" src=" 你的網站網址/ js/scroller/js/jquery.mCustomScrollbar.concat.min.js"></script> //定義scroller

neilambilight2.9正式版發佈了，本次更新完成了 neothemesadmin佈景管理後台介面全部翻新工作，並增加了許多實用的輔助功能，包括聯絡我們觀看內容表單由後台移往前台，增加連結登入後自動帶入頁面功能及指定會員回覆功能，布景增加將頁面連結快速加入佈景選單功能，頁腳三區塊樣式再開發，及新增加了聯絡我們區塊功能與強化網站表單的防機器人功能， 目前neothemesadmin佈景管理後台100%都已翻新完成，各項功能也已開發完善，預計下次改版將針對佈景前台介面樣式作全部翻新設計，所以 neilambilight3.0將會以全新的介面 全新 樣式呈現給大家 。 Xoops免費佈景-Neil佈景測試站 http://demoweb.neodw.com/themesdemo/ neilambilight2.9 更新內容 ============================== 1、修正neothemesadmin佈景管理模組所有用到分頁功能的排序功能在下一頁輸入數值時會吧其他頁的排序數值歸零問題。 2、修正neilambilight佈景CSS樣式導致作業上傳區塊上傳按鈕無法顯示問題。 3、修正neilambilight佈景meta->og:image讀取圖檔路徑判斷功能失效問題(佈景預設圖檔跟上傳代表圖檔) 。 4、neilambilight佈景聯絡我們表單增加防止外部網站傳參判斷功能，只有在相同網址內聯絡我們送出資料才能寫入資料庫，防止機器人大量外部傳參。 5、修改neilambilight佈景聯絡我們表單防機器人驗證機制。 6、修改neilambilight佈景底三區塊顯示方式，改為樣式1：三區塊全開寬度均分,樣式2：左中區塊開啟，左30%中間70%寬度，樣式3：中右區塊開啟，中間70%右30%寬度，樣式4：只開啟一個區塊，寬度滿版，樣式5：左右區塊開啟寬度各50%。 7、修改聯絡我們說明事項欄位使用base64編碼後儲存及讀取，保留原始格式並防止因特殊字元被防護模組阻擋寫入資料表的問題。 8、neothemesadmin佈景管理模組新增加一個聯絡我們區塊，可由Xoops區塊管理中開啟，建議開啟放置在底區塊中。 9、neilambilight佈景模組頁面增加可傳送頁面連結標題到佈景主選單及佈景區塊選單及佈景圖片

關於$xoopsMailer郵件參數的基本說明之前有寫過一篇教學了，有需要的朋友可以參考看看!! https://neohsuxoops.blogspot.com/2018/01/xoops-xoops-xoopsmailer.html 上次的範例是寄送純文字格式的郵件，本次教學主要是寄送html格式郵件，也就是電子賀卡或廣告DM那樣的功能，但又不使用繁瑣的樣板模式直接用PHP就能寄送內容，簡單便利，CODE如下。 1、需要先建立一個function放置要寄送的html內容 function  boxfunction(){ global $xoopsModule,$xoopsConfig; //引入CSS檔 $cssbox=" <style type='text/css'> /* <![CDATA[ */ @charset 'UTF-8'; @import url('".XOOPS_URL."/modules/tadtools/bootstrap3/css/bootstrap.css'); @import url('".XOOPS_URL."/modules/tadtools/smartmenus/addons/bootstrap/jquery.smartmenus.bootstrap.css'); @import url('".XOOPS_URL."/modules/tadtools/css/font-awesome/css/font-awesome.css'); @import url('".XOOPS_URL."/modules/模組ID/css/style.css'); #centerboxbody{ position: relative; font-family:'Helvetica Neue',Helvetica,Arial,'微軟正黑體',sans-serif; width: 100% !important; text-align: center; } #ce