Rev Slider

Revolution Slider Tutorials – Ken Burns

米蠍屋筆記 Background Image: Flower Bucket by Eleanor Lutz Revolution Slider Tutorials – Ken Burns April 5, 2018 1  Muhammad Qasim – 2017.03.19 https://youtu.be/dHH9FXqsqjk Scale: (in %) From 150 to 100, Don’t use % less than 100 2 . WP Tuts – 2016.02.17 https://youtu.be/5_fxLkTL65c 這位老師解釋的很清楚,多看幾次! 3.   Elegant Marketplace – 2016.1.13 https://youtu.be/vsH1vLxF_ic Import Demo – Classic Carousel Slider, …

Revolution Slider Tutorials – Ken Burns Read More »

Rev Slider Margins

Photo: lunarfest.org Rev Slider Margins 花了兩天的時間,才知道自己繞了一大圈,下面紅色部份是解決黃色 Margin的方法. #1 1920×1080 (38%) #2 1366×768 (53%) #3 600×800 (51%) #4 1366×1024 (40%) iPad Pro 12.9″ #5 1112×834 (49%) iPad Pro 10.5″ #6 1024×768 (53%) iPad 9.7″ #7 1024×768 (53%) iPad mini 7.9″ #8 414×736 (55%) iPhone 7Plus #9 375×667 (61%) iPhone 7 #10 320×568 (72%) iPhone SE Rev …

Rev Slider Margins Read More »

Rev Slider Practice – App Showcase

Rev Slider Demo #11 – App Showcase App Showcase 1 – 原始檔 App Showcase 2 – 練習筆記 所有使用的Images Image 01 510×900 (jpg) Image_02 510×900 (jpg) Image_03 510×900 (jpg) Image_04 510×900 (jpg) Image 05 510×900 (jpg) Image_06 510×900 (jpg) Image_00 510×900 (jpg) Image_iPhone 1500×1500 (png) Slider Settings:1. Content Source: Default Slider2. Slider Titel & Shortcode3. Select …

Rev Slider Practice – App Showcase Read More »

Slider Revolution Toturials

Slider Revolution Tutorials 老闆在11月30日從這裡 https://revolution.themepunch.com/examples/ 挑了她喜歡的10款,很怕在12月15日發射網站首頁時,無法達到她要的標準,又開始不眠不休的學,真希望自己對自己有信心一點,不要老覺得自己做不出來,不要老覺得自己老了,我已經盡全力了.把心情和學習過程記錄在此,也許15日發射網站後,會對自己的成績滿意一些! #1. https://revolution.themepunch.com/before-after-slider/#2. https://revolution.themepunch.com/particle-effect-for-wordpress/#3. https://revolution.themepunch.com/wordpress-slideshow-gallery/#4. https://revolution.themepunch.com/agency-website-hero-header/#5. https://revolution.themepunch.com/wordpress-content-blocks/#6. https://revolution.themepunch.com/wordpress-facebook-feed/#7. https://revolution.themepunch.com/coming-soon-add-on/#8. https://revolution.themepunch.com/parallax-scroll/#9. https://revolution.themepunch.com/best-wordpress-slider-plugin-2017/#10. https://revolution.themepunch.com/content-zoom-slider/ 12月 3日 我先挑了#9 試做 – 原來我以為背景會動是用Gif圖檔的效果,結果是這個Plugin的Particle Effect. 12月3日 再挑#2來練習,#2也是Particle Effect的效果 12月4日 練習做#1 Before After  Q:第二個Slide: Night & Day,背景mp4影片,需要了解 Attribute / Classes-tp-blendvideo 是什麼?背景 Overlay還沒弄懂? 發現這兩個教學影片很有幫助: https://youtu.be/gxPuXBpM98khttps://youtu.be/6MZMMUzj5VY

Before After

Rev Slider Demo #1 Before After 1 – 原始檔 Before After 2 – DIY練習篇 Slide 1使用的Images: Image_Mac_1 2000×2000 (png) Image_plant 1500×1500 (png) Image_keyboard 1600×1600 (png) Image_glasses 1000×1000 (png) Image_mouse 1000×1000 (png) Image_mac_2 2000×2000 (png) Image_coffee 1500×1500 (png) Slide 2 使用的Images: Image_night 1600×986 (jpg) Image_day 1600×986 (jpg) Image_雲朵 1920×1080 (jpg) 還有一個雲朵的mpt4 Slide 3 使用的Images: Image_before 1600×1000 …

Before After Read More »

RVSLDR

Rev Slider Demo #2 RVSLDR 1 – 原始檔 RVSLDR 2 – 學習檔** 還沒學會這個Blend Mode Effect – 就是滑鼠滑過才會顯現底圖,也發現手機無法呈現這個效果,所以先暫停. 找不到下面這些…** Blend Mode Effect – thru a layer image with CSS blend mode–> Select “BLEND MODE IMAGE” layer–> Go to advanced style–> Filters –> blend mode 所有使用的Images Image_風景 1920×1280 (jpg) Image_人頭 1920×1280 (jpg) Image_雲朵 1920×1080 (jpg) 還有一個mp4檔 2MB …

RVSLDR Read More »

Gravity Design

Rev Slider Demo #9 Gravity Design 1 – 原始檔 Slide Layout: Full ScreenDesktop Layer Grid Size: 1240×868 所有使用的Images Image_Background 1920×1280 (jpg) Image_Astronaut 1025×500 (png) 透明 Image_Galaxy 407×200 (png)透明 Image_Flake_1 25×24 (png) Image_Flake_2 29×21 (png) Image_Flake_3 27×26 (png) Image_Flake_4 26×24 (png) Image_Flake_5 28×27 (png) Particles Settings 雪花片設定雪花片可設定形狀,大小,顏色,速度,方向 Gravity Design 2 – 學習檔 Slide Layout: AutoDesktop Layer …

Gravity Design Read More »