Google Map JavaScript API 語言切換

Google Map JavaScript API 產生地圖,預設是英文,雖然英文編排比較好看,哈,但真的要找路會瘋掉,地圖的用途還是讓使用者快速得到位置的資訊

切換成中文其實很簡單,初始化地圖前會引入 Google Map JavaScript API,在引入網址後方再多加入一個參數即可

引入 Google Map JavaScript API 長這樣

加入語言參數 language=zh-TW:

[……]

閱讀更多

CSS 文字圓標教學

圓標是網頁表現手法很常見的一種方式,尤其電商,很常見用來突顯商品特價 產品 或新產品的標籤,以下介紹圓標的製作方式

HTML

先建立一個兩層結構的HTML如下,圓標文字包裹在內層div中

CSS

未方便辨識,先把兩個容器背景設為綠色及紅色的純色,這樣就能清楚了解容器範圍,並且先製作外層容器

接著用 CSS3.0 水平垂直居中的技巧,讓文字固定於正中間

再給文字添加一些樣式

透過顏色的區分,很容易看到兩個容器的關係,最後再慢慢調整文字及圓表尺寸顏色等樣式,以下是本教學的範例

完成樣子

See the Pen
文字圓標
by VECTOR.cool 威得數位 (@ann71727)
on CodePen.

[……]

閱讀更多

IPv4 及 IPv6 最大字串長度

IPv4 address Max string Length

12個數字+3個分隔符=15個字符。

IPv6 address Max string Length

32個十六進制數字+ 7個分隔符= 39個字符。

包含保留映射IPv6地址的IPv4地址 = 45個字符

參考

https://stackoverflow.com/questions/1076714/max-length-for-client-ip-address/7477384#7477384

[……]

閱讀更多

PHP Cookie 儲存陣列資料

有個陣列,希望將陣列儲存至 Cookie 中,這裡提供兩種方法

在官網的範例中,可用下方的方式達成目的
https://www.php.net/manual/en/function.setcookie.php

output:

雖然是達到目的了,但事實上是建立了三個Cookie,怎麼看都不優雅,更難想像若是一個複雜的多惟陣列,會產生多少Cookie

再來介紹一個比較優雅的做法,我也比較喜歡,先將陣列序列化成字串存入Cookie

需要用到的時候,再將字串反序列化,是不是方便多了呢

output:

[……]

閱讀更多

CSS 選擇器,模糊查找匹配元素

CSS選擇器中沒有所謂的「萬用字元(*)」,可以透過一些方式接近模糊查詢方式,查找匹配屬性或值的元素

歸納出幾種用法

下表屬性名稱不一定為Class,可以替換成需要的屬性
單引號可有可無

[class]比對元素包含指定屬性[id][class][href] 比對元素包含其中一個屬性[class=’test’] 完全比對元素屬性與值 (區分大小寫)[class^=’test’]比對元素屬性開頭為指定的值[class$=’test’] 比對元素屬性結尾為指定的值 [class*=’test’] 模糊比對屬性包含指定的值

使用範例:

See the Pen
CSS 選擇器,模糊查找匹配元素
by VECTOR.cool (@ann71727)
on CodePen.

[……]

閱讀更多

freebitco 匯出(出金)免費比特幣至幣安錢包教學

首先您必須必須要先了解要匯去哪?
不管匯去哪都必須先有個錢包,錢包有分很多種,冷錢包、熱錢包、交易所錢包, 這邊不討論安全性的問題,放在交易所錢包,因為直接就可以拿去交易,比較方便

如果您還沒有錢包,您可參考這篇文章,先建立一個交易所錢包

步驟一、匯出免費比特幣

這裡有一點要注意,freebitco匯出比特幣有最低門檻,需到達0.003個比特幣才能匯出,還沒到0.003就請在努力囉!!

點擊網頁上方的「 WITHDRAW 」按鈕

步驟二、 選擇匯出的方式

匯出方式主要是以到達錢包速度為區分,依不同速度有不同手續費率,費率是浮動的,freebitco分為:

出金方式手續費速度/頻率AUTO (自動)浮動自動,每周固定時間撥付SLOW (慢) 浮動 手動,號稱6-24 小時INSTANT ( 瞬間 ) 浮動 手動,號稱 小於15分鐘

自動出金,我習慣用這種方式,當存到超過0.003時會自動將比特幣匯到您設定的錢包中,個人覺得很方便,在這個視窗的下方也有下一次出金的時間供參考。

手動慢速,如表格中號稱,約6~24小時會到達您在下方 BITCOIN ADDRESS 設定的比特幣錢包地址, TRANSACTION FEES 為當前手續費,手續費是浮動的,最後於AMOUNT欄輸入您要出金的總金額或按  (WITHDRAW ALL) 自動帶出 freebitco 帳戶中所有的比特幣,最後按下 「 WITHDRAW 」按鈕,確認出金

手動快速,如表格中號稱,約小於15分鐘會到達您在下方 BITCOIN ADDRESS 設定的比特幣錢包地址, TRANSACTION FEES 為當前手續費,手續費是浮動的,最後於AMOUNT欄輸入您要出金的總金額或按  (WITHDRAW ALL) 自動帶出 freebitco 帳戶中所有的比特幣,最後按下 「 WITHDRAW 」按鈕,確認出金

步驟三、 E-mail確認匯出您的比特幣

基於安全理由,freebitco.in會透過 E-mail來跟您做最後確認,當您按下 「 WITHDRAW 」按鈕後,會發一封確認mail給您,收到信後,打開中間的連結,確認您的匯出的動作。

步驟四、 等等等

匯出成功後會再收到確認信件,大概會長得跟下圖差不多,中間有一個連結,可以讓您查看此筆交易在區塊鍊中的情況,最後就是等了,等等等,等到匯進錢包囉

[……]

閱讀更多

hide protected by reCAPTCHA v3

安裝 reCAPTCHA v3 之後,頁面右下角就會多出隱私權圖標這東西,在某些場合可能需要把它隱藏起來,可以透過下面方式隱藏

下方兩段CSS都可以隱藏 reCAPTCHA v3 圖示

注意:請不要使用 display: none 這可能會使reCAPTCHA v3失去作用

https://wordpress.org/support/topic/how-do-i-hide-recaptcha-v3-badge/
https://wordpress.org/support/topic/recaptcha-v3-badge-is-displayed-on-all-pages-not-only-form-pages/

[……]

閱讀更多