May 28, 2018
這是針對「Dropdown Menu inside a Navigation Bar」而做改良。這樣可以讓很多網頁真正有手機版與電腦版的Interface區別。為了客戶的案子裡頭使用這個寫法作為基礎,做下筆記。
▼電腦版介面
點擊在新視窗中瀏覽此圖片
▼手機版介面 (以ICON做區別)
點擊在新視窗中瀏覽此圖片
May 28, 2018
說明:在CSS 的Class名稱中,只要包含「test」便改變屬性設定
點擊在新視窗中瀏覽此圖片
中文範例:點這裡
CSS部分:

div[class*="test"]{
  background:rgba(255,0,0,1.00);
  color: #ffffff;
}


May 24, 2018
這個CSS主要是可以從畫面的某個X座標,移動到頂端時,便停留在畫面頂端,不再需要Javascript計算位置。
幫客戶製作網頁時,考慮好幾種界面來導入網頁,因為簡單,輕量化,不使用 Javascript ,覺得很棒;但沒有完全對應多數瀏覽器版本,於是就放棄這個方案,做個筆記,過幾年大家都升級電腦與系統了,這個寫法就通用了。

點擊在新視窗中瀏覽此圖片
中文參考網頁:smaple
May 24, 2018
為了伊比力斯協會的推廣,與客戶討論一陣子,
其中之一的計畫是使用LINE貼圖。
英文名稱:Epilepsy kid, 中文名稱:伊比力斯小子


20180529 審核通過
點擊在新視窗中瀏覽此圖片
分頁: 1/1 第一頁 1 最後頁
[ 顯示模式: 摘要 | 清單 ]