close
♣梅問題‧教學網【Minwt】♣ |
- 好康限免!「Parallels Desktop 12」註冊免費獲得一年的使用序號
- 「Google表單」自行切換新舊版表單版型與操控
- Bootstrap教學-Carousel廣告輪播滾動切換變成淡入淡出效果
好康限免!「Parallels Desktop 12」註冊免費獲得一年的使用序號 Posted: 13 Sep 2016 10:00 PM PDT
不少朋友常會問到MAC下那套些模擬器比較好用,雖然說在MAC下也有許多免費的模擬器可使用,但梅干還是比較推Parallels Desktop,最主要的原因就在於,Parallels的執行效能相當的好,再加上與MAC有更完美的結合,因此在系統的切換下相當的順暢,即便同時開啟雙系統,也不會感到有遲緩的現象。
但Parallels並非免費軟體,再加上隨著MAC OSX版本的升級,也得重新購買升級版才能使用,雖然說Parallels一套只需二千多,但還是一筆開銷,而最近Parallels推出免費的一年授權的活動,只需看影片、回答問題,就可獲得一年免費的使用序號,且此序號的有效期限到2017年12月31日,相當的大方,因此使用MAC的朋友,千萬別錯過了,用了Parallels就回不去了。
Parallels Desktop活動頁面 Step1 進到活動頁面後,總共有三個關卡,通過這三道關卡就可獲得免費的一年授權序號啦! Step2 首先,就是看影片,而影片不用看完,只需將影片一一的點開即可。 Step3 接著就是回答問題,而答案分別是1.All of there.、2.True、3.Programs, files, media, and....、4.All of the above。 Step4 最後再輸入基本資料,而Email請確實填寫,因為授權序號會寄到信箱中。 Step5 這樣就完成囉!但需十個工作天才會收到序號,因此使用MAC的朋友,也趕快先註冊囉! |
Posted: 13 Sep 2016 03:00 PM PDT
Google表單深受大家的喜愛,最主要的原因就在於,一個簡單的表單系統,卻可創造出各種不同的應用,像是團購、報名、投票....,都相當的方便,且在建立表單也相當的容易,甚至透過拖拉改的方式就可改變表單項目的順序,讓操控更符合目前的使用習慣,同時在新的版型,除了版面有大幅度的變動外,就連表單的建立也更加的簡化,因此讓梅干相當的不習慣,還是喜歡舊版的版面與操作,好在Google並沒有強制的限定使用者使用新版,但要切回舊版的選項卻相當的隱密,讓梅干找了好久,因此也習慣使用舊版的朋友,現在也一塊來看看囉!
Step1 進到Google表單後,點右下的?號鈕,開啟選單後,再點選返回舊版表單選項。 Step2 接著就會切回舊版的操控介面啦!是否感到相當的有親切感,因此習慣舊版的朋友,也趕快來切換一下囉!若要回到新版的話,只需點上方的提示列,就可再回到新版啦! |
Bootstrap教學-Carousel廣告輪播滾動切換變成淡入淡出效果 Posted: 12 Sep 2016 03:00 PM PDT
先前已經不斷的一直強化Bootstrap內建的廣告輪播系統,除了支援全螢幕外,甚至還會自動產生控制小鈕,以及單則廣告時隱藏所有的控制鈕,讓Bootstrap內建的廣告輪播更加的方便好用,但那天在RWD的分享會中,突然有位同學問到,能否將廣告切換時的左右滾動,變成淡入淡出的效果。
這也讓梅干當場楞了一下,梅干還真的從未想過這問題,去調整Bootstrap廣告切換的過場效果,於是梅干上網爬了一下文,發現已有熱心的網友分享了相關的作法,而梅干也將原來的控制碼稍作調整,立即就能讓Bootstrap內建的廣告輪播切換由滾動變成淡入淡出的效果啦!有需要的朋友現在也一塊來看看囉!
Step1 首先將下方的CSS碼,加到網頁中。 .carousel-fade .carousel-inner .item { transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control { z-index: 2; } Step2 接著再把class="carousel slide"的中再加入carousel-fade。 Step3 都完成之後,無論是自動還是手動切換廣告時,都會以淡入淡出的效果呈現,是不是超EZ的呀! [範例預覽] [範例下載] |
You are subscribed to email updates from 梅問題.教學網. To stop receiving these emails, you may unsubscribe now. |
Email delivery powered by Google |
Google Inc., 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States |
全站熱搜
留言列表