🆕 https://mnya.tw/cc/word/1339.html
【作者：萌芽站長；💻萌芽綜合天地；⌨️軟體應用 , 🌐網站技術 , 🎨CSS , ⚙️Sass/SCSS , 📝Visual Studio Code】
VSCode 只要安裝「Live Sass Compiler」這個擴充功能就能支援即時編譯 Sass 成 CSS，就不需要使用到官方直譯器與終端機，非常方便...
#Live_Sass_Compiler #Visual_Studio_Code #擴充功能 #VSCode #支援即時編譯 #SASS #SCSS #CSS #軟體應用 #網站技術 #樣式表 #Sass_SCSS #直譯器
【作者：萌芽站長；💻萌芽綜合天地；⌨️軟體應用 , 🌐網站技術 , 🎨CSS , ⚙️Sass/SCSS , 📝Visual Studio Code】
VSCode 只要安裝「Live Sass Compiler」這個擴充功能就能支援即時編譯 Sass 成 CSS，就不需要使用到官方直譯器與終端機，非常方便...
#Live_Sass_Compiler #Visual_Studio_Code #擴充功能 #VSCode #支援即時編譯 #SASS #SCSS #CSS #軟體應用 #網站技術 #樣式表 #Sass_SCSS #直譯器
萌芽綜合天地
Live Sass Compiler（Visual Studio Code 擴充功能）：讓 VSCode 支援即時編譯 SASS/SCSS 成 CSS – 萌芽綜合天地
Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 VSCode 只要安裝「Live Sass Compiler」這個擴充功能就能支援即時編譯 Sass 成 CSS，就不需要使用到官方直譯器與終端機，非常方便，安裝完成後只要在下方開啟「Watch Sass」，每次儲存 SASS/SCSS 檔時都會自動生成一般的 .css 樣式表與偵錯用的 .css.
🆕 https://mnya.tw/cc/word/1340.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 🎨CSS】
之前才寫了一篇 SCSS 介紹文，馬上又回到原生 CSS 的教學啦！試用了 SCSS 後發現到其變數功能真的非常實用，就想查查看這幾年 CSS3 有沒有添加了變數...
#CSS #CSS變數 #原生變數 #變數 #CSS3 #Variables #介紹 #使用教學 #宣告變數 #var #呼叫變數 #網站技術 #樣式表
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 🎨CSS】
之前才寫了一篇 SCSS 介紹文，馬上又回到原生 CSS 的教學啦！試用了 SCSS 後發現到其變數功能真的非常實用，就想查查看這幾年 CSS3 有沒有添加了變數...
#CSS #CSS變數 #原生變數 #變數 #CSS3 #Variables #介紹 #使用教學 #宣告變數 #var #呼叫變數 #網站技術 #樣式表
萌芽綜合天地
CSS 原生變數（Variables）介紹與使用教學：- 宣告變數、var() 呼叫變數 - 萌芽綜合天地 - 萌芽網頁
之前才寫了一篇 SCSS 介紹文，馬上又回到原生 CSS 的教學啦！試用了 SCSS 後發現到其變數功能真的非常實用，就想查查看這幾年 CSS3 有沒有添加了變數功能（Variables） […]
🆕 https://mnya.tw/cc/word/1504.html
【作者：萌芽站長；💻萌芽綜合天地； 🌐網站技術 , 📄HTML , 🎨CSS , ⚙️JavaScript】
開場我就先說，純 CSS 無法做到，因為 CSS 無法由子元素的 hover（游標碰觸）來變更父元素的樣式，所以就要用到萬能的 JavaScript！運用 DOM 的控制來做到 CSS...
#JavaScript #游標碰觸子元素使父元素樣式變更 #子元素 #父元素 #樣式變更 #HTML #CSS #hover #游標碰觸 #mouseover #mouseout #事件 #addEventListener #監聽
【作者：萌芽站長；💻萌芽綜合天地； 🌐網站技術 , 📄HTML , 🎨CSS , ⚙️JavaScript】
開場我就先說，純 CSS 無法做到，因為 CSS 無法由子元素的 hover（游標碰觸）來變更父元素的樣式，所以就要用到萬能的 JavaScript！運用 DOM 的控制來做到 CSS...
#JavaScript #游標碰觸子元素使父元素樣式變更 #子元素 #父元素 #樣式變更 #HTML #CSS #hover #游標碰觸 #mouseover #mouseout #事件 #addEventListener #監聽
萌芽綜合天地
JavaScript：游標碰觸子元素使父元素樣式變更 – 萌芽綜合天地
開場我就先說，純 CSS 無法做到，因為 CSS 無法由子元素的 hover（游標碰觸）來變更父元素的樣式，所以就要用到萬能的 JavaScript！運用 DOM 的控制來做到 CSS 目前做不到的事情！這次主題為「游標碰觸子元素使父元素樣式變更」。 需要用到的 JavaScript 事件有兩個：mouseover 與 mouseout，前者代表游標碰觸到元素，後者代表游標沒有碰觸到元素。
🆕 https://mnya.tw/cc/word/2034.html
#網路應用 #qrbtf_com #生成 #各種網址連結 #QRCode #QR碼 #二維碼 #可客製化 #客製化 #圖標 #樣式 #顏色
#網路應用 #qrbtf_com #生成 #各種網址連結 #QRCode #QR碼 #二維碼 #可客製化 #客製化 #圖標 #樣式 #顏色
萌芽綜合天地
qrbtf.com：生成各種網址連結 QR Code，可客製化圖標、樣式、顏色 – 萌芽綜合天地
「qrbtf.com」是一個線上 QR Code 生成器，輸入網址後，可自選樣式，樣式非常多種，從一般的黑白二維碼到圓滑二維碼都有，並針對各樣式修改容錯率、圖標、訊息點、定位點等，非常好用！可輸出 JPG、PNG、SVG 格式圖檔。 ▲ 進入網頁，輸入網址，接著選擇樣式。 ▲ 接著修改參數。 ▲ 下方可以馬上下載為圖檔。
👍1
🆕 https://mnya.tw/cc/word/2553.html
#Word #MicrosoftWord #Microsoft #微軟 #使用 #VBA巨集 #VBA #巨集 #批次套用 #批次 #套用 #表格樣式 #表格 #樣式 #教學 #一次套用全部表格 #軟體應用
#Word #MicrosoftWord #Microsoft #微軟 #使用 #VBA巨集 #VBA #巨集 #批次套用 #批次 #套用 #表格樣式 #表格 #樣式 #教學 #一次套用全部表格 #軟體應用
萌芽綜合天地
Word：使用 VBA 巨集批次套用表格樣式教學（一次套用全部表格） – 萌芽綜合天地
在 Word 文件中，如果同時存在許多表格，想要讓它們都套用相同的樣式，手動一一修改非常費時。其實透過 VBA 巨集，我們可以一次完成「批次套用表格樣式」，不僅快速，還能確保整份文件的排版統一。 本文將示範如何用 VBA 巨集來自動化這個動作，過程包含開啟編輯器、插入模組、貼上程式碼，以及最後執行巨集。搭配圖文教學，你可以輕鬆學會一次修改整份文件中所有表格的樣式。 ▲ 範例文件中包含多個表格，
👍1
ℹ️ https://mnya.tw/about/log/?id=544
【公告】萌芽七大 WP 站樣式主題優化
發布編號：544 - 發佈日期：2026-03-20
萌芽系列網站近期針對旗下「萌芽七大 WP 站」完成了新一輪的主題樣式優化，旨在提升使用者介面的直覺性與導覽效率。在前端互動上，我們對主選單的邏輯進行了細膩調整：現在具備實際超連結與無超連結（僅作為展開選單使用，設定為 #）的項目，在滑鼠懸停（Hover）時將呈現截然不同的視覺回饋，且無連結項目的游標會強制維持箭頭形狀，有效避免讀者誤觸無效按鈕，使介面邏輯更為清晰直覺。同時，我們針對分類、標籤、作者及搜尋結果頁面引入了全新的統一標題架構，清楚標註當前頁面的類型，並在旁側加註詳細描述、作者簡介或搜尋關鍵字。
除了視覺與互動層面的改良，我們也同步對底層架構進行了深度重構。本次優化重點在於提升整體載入效能，我們大刀闊斧地清理了佈景主題中冗餘的程式碼，並移除不再使用的第三方函式庫，實現了主題的輕量化。萌芽系列網站一直致力於提供最優質的數位內容環境，透過持續打磨這些細微的體驗環節，確保每位造訪的朋友都能獲得最佳的閱讀樂趣與資訊獲取效率。未來我們也將繼續優化細節，讓萌芽七大 WP 站能不斷進化，呈現出最完美的網站姿態。
#公告 #萌芽七大WP站 #樣式主題優化 #樣式 #主題 #優化
【公告】萌芽七大 WP 站樣式主題優化
發布編號：544 - 發佈日期：2026-03-20
萌芽系列網站近期針對旗下「萌芽七大 WP 站」完成了新一輪的主題樣式優化，旨在提升使用者介面的直覺性與導覽效率。在前端互動上，我們對主選單的邏輯進行了細膩調整：現在具備實際超連結與無超連結（僅作為展開選單使用，設定為 #）的項目，在滑鼠懸停（Hover）時將呈現截然不同的視覺回饋，且無連結項目的游標會強制維持箭頭形狀，有效避免讀者誤觸無效按鈕，使介面邏輯更為清晰直覺。同時，我們針對分類、標籤、作者及搜尋結果頁面引入了全新的統一標題架構，清楚標註當前頁面的類型，並在旁側加註詳細描述、作者簡介或搜尋關鍵字。
除了視覺與互動層面的改良，我們也同步對底層架構進行了深度重構。本次優化重點在於提升整體載入效能，我們大刀闊斧地清理了佈景主題中冗餘的程式碼，並移除不再使用的第三方函式庫，實現了主題的輕量化。萌芽系列網站一直致力於提供最優質的數位內容環境，透過持續打磨這些細微的體驗環節，確保每位造訪的朋友都能獲得最佳的閱讀樂趣與資訊獲取效率。未來我們也將繼續優化細節，讓萌芽七大 WP 站能不斷進化，呈現出最完美的網站姿態。
#公告 #萌芽七大WP站 #樣式主題優化 #樣式 #主題 #優化
👍1
ℹ️ https://mnya.tw/about/log/?id=546
【公告】萌芽七大 WP 站樣式標準化
發布編號：546 - 發佈日期：2026-04-10
為了帶給讀者更一致的瀏覽體驗，站長今日針對萌芽旗下的七大 WordPress 站點進行了大規模的樣式標準化重構。這涵蓋了「綜合天地」、「爬山網」、「悠遊網」、「地科網」、「音樂網」、「二次元」以及「Game網」。過去這些站點雖然擁有相似的介面，但背後的樣式程式碼卻是各自獨立，導致每次想要微調配色或優化版面時，都必須重複進行多次修改，在維護效率與準確性上都面臨挑戰。
這次更新的核心目標是達成「主樣式變數化」。我們成功將所有站點的配色、背景與視覺細節抽離，轉移到專屬的變數檔中進行統一控制。這意味著現在這七個風格迥異的站點，都能共用完全相同的核心樣式檔案，而各站點獨有的特色（如專屬色彩與標誌性背景）則透過變數靈活定義。對於維護工作而言，這不僅精簡了程式碼，更達成了一次修改、全站同步的高效模式，大幅降低了未來改版的難度。
這項轉變為未來的樣式更新提供了極大的便利性。無論是針對佈局 BUG 進行修正，或是根據使用者反饋進行的介面微調，現在都能快速完成所有站點的更新。這不僅讓萌芽系列網站的技術底層更加穩固，也確保了無論讀者造訪哪一個站點，都能享受到同樣高品質、流暢且具備現代感的視覺效果，為未來的持續發展打下更好的基礎，萌芽系列網站專用佈景V3.0完成！
#公告 #萌芽七大WP站 #樣式標準化 #樣式 #標準化
【公告】萌芽七大 WP 站樣式標準化
發布編號：546 - 發佈日期：2026-04-10
為了帶給讀者更一致的瀏覽體驗，站長今日針對萌芽旗下的七大 WordPress 站點進行了大規模的樣式標準化重構。這涵蓋了「綜合天地」、「爬山網」、「悠遊網」、「地科網」、「音樂網」、「二次元」以及「Game網」。過去這些站點雖然擁有相似的介面，但背後的樣式程式碼卻是各自獨立，導致每次想要微調配色或優化版面時，都必須重複進行多次修改，在維護效率與準確性上都面臨挑戰。
這次更新的核心目標是達成「主樣式變數化」。我們成功將所有站點的配色、背景與視覺細節抽離，轉移到專屬的變數檔中進行統一控制。這意味著現在這七個風格迥異的站點，都能共用完全相同的核心樣式檔案，而各站點獨有的特色（如專屬色彩與標誌性背景）則透過變數靈活定義。對於維護工作而言，這不僅精簡了程式碼，更達成了一次修改、全站同步的高效模式，大幅降低了未來改版的難度。
這項轉變為未來的樣式更新提供了極大的便利性。無論是針對佈局 BUG 進行修正，或是根據使用者反饋進行的介面微調，現在都能快速完成所有站點的更新。這不僅讓萌芽系列網站的技術底層更加穩固，也確保了無論讀者造訪哪一個站點，都能享受到同樣高品質、流暢且具備現代感的視覺效果，為未來的持續發展打下更好的基礎，萌芽系列網站專用佈景V3.0完成！
#公告 #萌芽七大WP站 #樣式標準化 #樣式 #標準化
👍1