新的風格主題設計完成

最近花了不少時間在學習jQuery和一些程式許法，
較少摸到CSS，
不過，還是試著去習慣怎麼編輯每家的blog，
目前看來，
blogspot的自由性較大，
連內容的位置都可以隨意更動，
不像其它家只能動css部份，
這樣下次我可以試著加jquery看看了~

留言

張貼留言

這個網誌中的熱門文章

html嵌入youtube影片當背景，並靜音

網路上看到至少三種以上教學，我依序放上我試過的： 首先，先知道影片內容， https://www.youtube.com/watch?v=YrLk4vdY28Q watch?v=XXXXXXXXX，後面即為id 若後面還有?rel或什麼什麼的，一律不管刪掉 第一種，簡單嵌入式，用div控制大小，並用iframe的參數來控制影片 來源： https://blog.allenchou.cc/youtube-video-background/ ---------- <div style="position: fixed; z-index: -99; width: 100%; height: 100%">   <iframe frameborder="0" height="100%" width="100%" src="我的影片?autoplay=1&controls=0&showinfo=0&autohide=1" frameborder="0" allowfullscreen> </iframe> </div> <div id="muteYouTubeVideoPlayer"></div> ------------ 在src來源的部份，有autoplay，controls，showinfo，autohide這些 autoplay // 在讀取時自動播放影片 0為不播放 controls // 在播放器顯示暫停／播放按鈕 0為不出現 showinfo // 隱藏影片標題 1為不出現 autohide // 播放影片時隱藏影片控制列 0為不出現 fs // 顯示全螢幕按鈕 0為不出現 loop //循環播放 0為不循環 但，以上的問題就是沒有靜音功能… 然後，找到一個網站，在iframe上設定參數，增加一個volumn="0" 如下 <iframe width="640" heigh...
閱讀完整內容

css小發現：隱藏捲軸、強迫物件換行

有時在設定固定範圍物件時，總會有那麼奇怪的事發生： 就是捲軸竟然出現了！明明就剛剛好大小，怎麼會發生這樣的事呢… 這時就有css的設定出現了： overflow-y: scroll; overflow-x: hidden; 有x跟y兩個 除此之外，相關的設定有： 加入/隱藏捲軸語法 預設使用捲軸        overflow:auto; 刪除捲軸               overflow:hidden; 刪除水平捲軸        overflow-x:hidden; 刪除垂直捲軸        overflow-y:hidden; 捲軸變色 可放在所有有捲軸的地方，一般來說放在html{}裡就可。 html{ scrollbar-face-color: 色碼;    /*捲軸顏色*/ scrollbar-highlight-color: 色碼;    /*捲軸左與上內邊框*/ scrollbar-shadow-color: 色碼;    /*捲軸右與下內邊框*/ scrollbar-3dlight-color: 色碼;     /*捲軸左與上外邊框*/ scrollbar-darkshadow-color: 色碼;    /*捲軸右與下外邊框*/ scrollbar-arrow-color: 色碼;    /*捲軸箭頭*/ scrollbar-track-color: 色碼;   /*捲軸底色*/ } 捲軸左置 建議不要把主框架捲軸左置；文字會變成全部倒反，會不太好處理。 捲軸左置語法    direction: rtl; 語法加在你想改的捲軸語法欄位即可(有捲軸的地方皆可)。 例如我想把主選單的捲軸左置則:#links {direction: rtl;} 資料夾、欄位加入捲軸 有些欄位(最新回應、最新引用...之類)，總是佔了...
閱讀完整內容

{jQuery}.get的範例

html <span>&nbsp;</span> <p>In this paragraph is an <span>important</span> section</p> <div><input type="text" /></div> <a href="#">not special</a> script $("*", document.body).click(function (e) { 　　e.stopPropagation(); 　　var domEl = $(this).get(0); 　　$("span:first").text("Clicked on - " + domEl.tagName); }); 畫面上點到的東西都會顯示出他的標籤名稱， $("*", document.body).click(function (e) { 　　//當頁面上body裡的任一東西被按到之後，會執行以下 　　e.stopPropagation(); 　　//此行會中止底下.get()的向上爬 　　var domEl = $(this).get(0); 　　//當東西被按到時，會由目前的選項開始逐一的往上爬並呈現 　　//當按到input就會顯示input 、div 　　//所以我們只取得第一個 　　$("span:first").text("Clicked on - " + domEl.tagName); 　　//將結果的'標籤'寫入第一個span當中， });
閱讀完整內容