Front Page › D5 Creation Forum › Resources for DEVELOPER, DEVELOPER PLUS and ONE THEME Members › HTML Box for Slide Code › Reply To: HTML Box for Slide Code
D5 CreationYou can use the following default code
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 |
<div class="slide" id="01"> <img fetchpriority="high" decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/01_waves.png" width="1449" height="115" data-position="240,17" data-in="left" data-delay="" data-out="left"/> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/cloud.png" data-position="50,30" data-in="top" data-step="1" data-out="top" data-ease-in="easeOutBounce"/> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/powered-by.png" data-position="120,120" data-in="right" data-step="2" data-out="right"/> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/logo-back.png" data-position="175,80" data-in="bottom" data-step="3" data-out="bottom"/> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/logo-small.png" data-position="190,100" data-in="fade" data-step="4" data-out="fade"/> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/victory.png" data-position="10,550" data-delay="500" data-in="left" data-step="0" data-out="right"/> </div> <div class="slide" id="02"> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/01_box_top.png" width="361" height="354" data-position="-152,142" data-in="left" data-delay="200" data-out="right"/> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/01_box_bottom.png" width="422" height="454" data-position="138,-152" data-in="bottomRight" data-delay="200"/> <img fetchpriority="high" decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/01_waves.png" width="1449" height="115" data-position="240,17" data-in="left" data-delay="" data-out="left"/> <p style="width:250px; padding:5px 10px; margin:0 0 5px 0; text-align:center; background:#f80f25; font-size:20px; font-weight:bold; color:#ffffff;" data-position="30,30" data-in="top" data-step="1" data-out="top" data-ease-in="easeOutBounce">SunRain Extend</p> <p style="width:250px; padding:5px 10px; margin:0 0 5px 0; text-align:center; background:#f80f25; font-size:17px; color:#ffffff;" data-position="90,30" data-in="left" data-step="2" data-delay="500"><a href="https://d5creation.com/theme/sunrain">Unlimited Featured Boxes</a></p> <p style="width:250px; padding:5px 10px; margin:0 0 5px 0; text-align:center; background:#ed044b; font-size:17px; color:#ffffff;" data-position="90,30" data-in="left" data-step="2" data-special="cycle" data-delay="3000">Unlimited Colors</p> <p style="width:250px; padding:5px 10px; margin:0 0 5px 0; text-align:center; background:#FB5968; font-size:17px; color:#ffffff;" data-position="90,30" data-in="left" data-step="2" data-special="cycle" data-delay="5500">Unlimited Quotations</p> <p style="width:250px; padding:5px 10px; margin:0 0 5px 0; text-align:center; background:#B9035D; font-size:17px; color:#ffffff;" data-position="90,30" data-in="left" data-step="2" data-special="cycle" data-delay="8000">Unlimited Client Logos</p> <p style="width:250px; padding:5px 10px; margin:0 0 5px 0; text-align:center; background:#E73B05; font-size:17px; color:#ffffff;" data-position="90,30" data-in="left" data-step="2" data-special="cycle" data-delay="10500" data-out="none">Unlimited Slides</p> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/logo-back.png" data-position="215,30" data-in="bottom" data-step="3" data-out="bottom"/> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/logo-small.png" data-position="230,50" data-in="fade" data-step="4" data-out="fade"/> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/um-girl.png" data-position="50,600" data-delay="500" data-in="left" data-step="0" data-out="right"/> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/raindrop.png" data-position="400,600" data-in="top" data-step="1" data-out="bottom"/> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/raindrop.png" data-position="400,600" data-in="top" data-step="2" data-out="bottom"/> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/raindrop.png" data-position="400,600" data-in="top" data-step="3" data-out="bottom"/> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/raindrop.png" data-position="400,600" data-in="top" data-step="4" data-out="bottom"/> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/raindrop.png" data-position="400,600" data-in="top" data-step="5" data-out="bottom"/> </div> <div class="slide" id="03" data-in="slideLeft"> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/02_big_boxes.png" data-fixed data-position="25,445" data-in="fade" data-delay="0" data-out="right"/> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/02_small_boxes.png" data-position="80,220" data-in="fade" data-delay="500" data-out="bottomRight"/> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/01_box_bottom.png" data-position="138,-152" data-in="bottomRight" data-delay="200" data-out="bottomRight"/> <img loading="lazy" decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/01_waves.png" width="1449" height="115" data-position="240,50" data-in="bottomRight" data-ease-in="easeOutCirc"/> <p style="width:350px; padding:5px 10px; margin:10px 0; text-align:center; background:#dddddd; font-size:30px; line-height:100%; font-weight:bold; color:#f80f25;" data-position="20,30" data-in="top" data-step="1" data-out="top">What to Expect?</p> <p style="width:350px; padding:7px; margin:5px 0; text-align:center; font-size:21px; line-height:100%; font-weight:bold; color:#f80f25; background:#ffffff;" data-position="90,30" data-in="bottom" data-step="2" data-delay="500">Unlimited Slide Items</p> <p style="width:350px; padding:7px; margin:5px 0; text-align:center; font-size:21px; line-height:100%; font-weight:bold; color:#ffffff; background:#111111;" data-position="135,30" data-in="bottom" data-step="2" data-delay="1500">Many Transitions</p> <p style="width:350px; padding:7px; margin:5px 0; text-align:center; font-size:21px; line-height:100%; font-weight:bold; color:#FB5463; background:#ffffff;" data-position="180,30" data-in="bottom" data-step="2" data-delay="2500">Unlimited Slides</p> <p style="width:350px; padding:7px; margin:5px 0; text-align:center; font-size:21px; line-height:100%; font-weight:bold; color:#ffffff; background:#111111;" data-position="225,30" data-in="bottom" data-step="2" data-delay="3500">Background Animation</p> <p style="width:350px; padding:7px; margin:5px 0; text-align:center; font-size:21px; line-height:100%; font-weight:bold; color:#F7096E; background:#ffffff;" data-position="270,30" data-in="bottom" data-step="2" data-delay="4500">Easy to Use</p> <p style="width:350px; padding:7px; margin:5px 0; text-align:center; font-size:21px; line-height:100%; font-weight:bold; color:#9c05bc; background:#111111;" data-position="315,30" data-in="bottom" data-step="2" data-delay="4500"><a href="#" rel="nofollow">Unlimited Color</a></p> <img decoding="async" src="http://localhost/wpte/wp-content/themes/sunrain-extend/images/success.png" data-position="10,500" data-in="fade" data-delay="500" data-out="bottomRight"/> </div> |