[sandbox]windows 沙盒

發表於 2021-11-08 由 sairwolf

[win11]參考網址：https://www.youtube.com/watch?v=ysk2fuSrVNo

設定>應用程式>選用功能>相關設定>更多windows功能

 

[win10]
https://www.koc.com.tw/archives/267581

於 Windows 10 搜尋功能輸入 Windows 功能後，會找到 “開啟或關閉 Windows 功能”

發表於 Windows系統 | 發表迴響

[windows11]調校

發表於 2021-11-02 由 sairwolf

參考網址：
如何將 Windows 11 控制台 釘選至工作列與開始視窗上

發表於 Windows系統 | 發表迴響

[css]字型特效

發表於 2021-10-31 由 sairwolf

參考網址：免費CSS文字動畫網站，酷炫的文字特效，直接複製HTML+CSS+JS使用。

freefrontend免費CSS文字動畫網站

發表於 程式設計 | 發表迴響

[torrent]代抓torrent

發表於 2021-10-27 由 sairwolf

參考網站：[筆記]一些BT代抓網站&離線下載
https://www.furk.net/  用facebook直接登入即可，如果用google登入會需要邀請碼
免費使用者限制為單檔2GB,一次能代抓2~3個種子,同IP流量限制為每日1GB或每週5GB,
下載速度不一定,快可到數Mbps…..慢則可到數Kbps.

https://www.multcloud.com/ 也可以代抓，直接存到mega，如果抓太久仍無回應，會自動終止代抓。

發表於 軟體使用 | 發表迴響

[css]How To Create a Cool Blog Post Date Icon with CSS

發表於 2021-10-17 由 sairwolf

參考網址：https://line25.com/tutorials/how-to-create-a-cool-blog-post-date-icon-with-css

 

https://css-tricks.com/date-badges-and-comment-bubbles-for-your-blog/

 

https://www.c-sharpcorner.com/UploadFile/370e35/creating-reusable-and-scalable-calendar-icon-in-html5-and-cs/

 

https://wpmudev.com/blog/how-to-use-date-icons-to-spice-up-your-wordpress-theme-make-it-unique/

發表於 程式設計 | 發表迴響

[mobirise]註腳

發表於 2021-10-16 由 sairwolf

V5.4.1
原本只要動到註腳的超連結「https://mobirise.site/m」網頁就會亂掉。
找到網頁原始碼最後 

<!-- <script src="/{{ $theme.web_name }}/class/assets/theme/js/script.js"></script>  -->

<!-- 
<section style="background-color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; color:#aaa; font-size:12px; padding: 0; align-items: center; display: flex;" id="footer-mobirise"><a href="https://mobirise.site/m" style="flex: 1 1; height: 3rem; padding-left: 1rem;"></a>
</section>
 -->

 

發表於 程式設計, 軟體使用 | 發表迴響

[bootstrap]範本

發表於 2021-10-16 由 sairwolf

參考網址：https://bootstrapmade.com/free-website-templates/

發表於 程式設計 | 發表迴響

[bootstrap]icons安裝至本機目錄

發表於 2021-10-14 由 sairwolf

參考網址：

下載圖形檔案

https://github.com/twbs/icons/releases/download/v1.6.0/bootstrap-icons-1.6.0.zip
將檔案解壓縮複製到class/assets/bootstrap/css/bootstrap-icons目錄下

下載CSS檔案
https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css
將檔案放到class/assets/bootstrap/css目錄下
修改檔案上方的url
  

@font-face {
  font-family: "bootstrap-icons";
  src: url("./bootstrap-icons/fonts/bootstrap-icons.woff2?45695e8b569b2b0178db2713ca47065c") format("woff2"),
  url("./bootstrap-icons/fonts/bootstrap-icons.woff?45695e8b569b2b0178db2713ca47065c") format("woff");
}

網頁中要
<link rel="stylesheet" href="/{{ $theme.web_name }}/class/assets/bootstrap/css/bootstrap-icons.css">

 

有多種使用方法，請參考 https://icons.getbootstrap.com/#usage

 最常用的是當Icon fonts用
        

<i class="bi-alarm"></i>
<i class="bi-alarm" style="font-size: 2rem; color: cornflowerblue;"></i>

 

 

 

發表於 程式設計 | 發表迴響

[bootstrap]bootstrap5 & sublime

發表於 2021-10-14 由 sairwolf

參考網址：http://www.lib4dev.in/info/ahmetcadirci25/sublime-text-bs5-autocomplete/337342896

發表於 程式設計, 軟體使用 | 發表迴響

[mobirise]FREE Code Editor for Mobirise

發表於 2021-10-13 由 sairwolf

參考網址：https://www.youtube.com/watch?v=w3C7cQwc4x0

deltapi  https://deltapi.mobirisesite.com/

可惜！影片中的軟體已經找不到了

發表於 軟體使用 | 發表迴響