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 79 80 81 82 83 | /*轉蛋機噗寶(預先載入版):填寫範例*/ #dynamic_logo { /*這裡勿動*/ position:fixed; z-index:6000; width:250px; height:350px; display:flex; flex-direction:column; align-items: center; /*上下位置*/ bottom:60px; /*可改top*/ /*左右位置*/ right:10px; /*可改left*/ } #dynamic_logo:after, #dynamic_logo img { width:100%; display:block; overflow:hidden; } #dynamic_logo:hover:after { height:0; } #dynamic_logo:hover img { height:100%; } #dynamic_logo:after { /*這裡勿動*/ height:100%; /*下面設定圖片*/ content: url("https://shrimpstack.000webhostapp.com/plurk_css/gashapon_machine.php? machine_front=https://images.plurk.com/4Q45vNzgFKSAdUbRKuIEJ5.png& machine_back=https://images.plurk.com/zsgZ7sjTPPPgMRL6AZMHS.png& shell_down_front=https://images.plurk.com/3HAip3tLmZLV0X14ndGr3G.png& shell_down_back=https://images.plurk.com/4wzn0rvcWIzgF3vYgrFGil.png& shell_up_front=https://images.plurk.com/Friev8NZhLrU0VGl7CApG.png& shell_up_back=https://images.plurk.com/1SspfzgArYAoezubouJGNN.png& gashapon_1=https://images.plurk.com/1BOJNpEkoadjvGs3NzTdvd.png& gashapon_2=https://images.plurk.com/20oUBSHCoX9zJT1IX5hFnt.png& gashapon_3=https://images.plurk.com/5xou1jwlzO6L7OEGpnJAan.png& gashapon_4=https://images.plurk.com/7GzqzY3zmPeDpSPAC3Sqc9.png& gashapon_5=https://images.plurk.com/5qmijTF1bhw961Uu5H2UXS.png& gashapon_6=https://images.plurk.com/60s4ikGXR7x9P7ga0o4HnO.png& gashapon_size=72& gashapon_count=6& machine_height=350& machine_width=250& glass_ball_y=15& outlet_distance=9 "); /*gashapon_size轉蛋大小,預設72*/ /*gashapon_count轉蛋數量,預設6,最大20*/ /*machine_height轉蛋機圖片高度*/ /*machine_width轉蛋機圖片寬度*/ /*glass_ball_y玻璃球位置*/ /*outlet_distance玻璃球與出蛋口距離*/ } #dynamic_logo img { /*這裡勿動*/ height:0; /*下面設定圖片*/ content: url("https://shrimpstack.000webhostapp.com/plurk_css/gashapon_machine.php? machine_front=https://images.plurk.com/4Q45vNzgFKSAdUbRKuIEJ5.png& machine_back=https://images.plurk.com/zsgZ7sjTPPPgMRL6AZMHS.png& shell_down_front=https://images.plurk.com/3HAip3tLmZLV0X14ndGr3G.png& shell_down_back=https://images.plurk.com/4wzn0rvcWIzgF3vYgrFGil.png& shell_up_front=https://images.plurk.com/Friev8NZhLrU0VGl7CApG.png& shell_up_back=https://images.plurk.com/1SspfzgArYAoezubouJGNN.png& gashapon_1=https://images.plurk.com/1BOJNpEkoadjvGs3NzTdvd.png& gashapon_2=https://images.plurk.com/20oUBSHCoX9zJT1IX5hFnt.png& gashapon_3=https://images.plurk.com/5xou1jwlzO6L7OEGpnJAan.png& gashapon_4=https://images.plurk.com/7GzqzY3zmPeDpSPAC3Sqc9.png& gashapon_5=https://images.plurk.com/5qmijTF1bhw961Uu5H2UXS.png& gashapon_6=https://images.plurk.com/60s4ikGXR7x9P7ga0o4HnO.png& gashapon_size=72& gashapon_count=6& machine_height=350& machine_width=250& glass_ball_y=15& outlet_distance=9& obtain=0& infinite=1 "); /*gashapon_size轉蛋大小,預設72*/ /*gashapon_count轉蛋數量,預設6,最大20*/ /*machine_height轉蛋機圖片高度*/ /*machine_width轉蛋機圖片寬度*/ /*glass_ball_y玻璃球位置*/ /*outlet_distance玻璃球與出蛋口距離*/ /*obtain可以被轉出的轉蛋數量,預設0(自動與顯示數量相同),從最前面算的幾顆*/ /*infinite重複撥放,給預先載入用的*/ } /*轉蛋機下方說明(可刪)*/ #dynamic_logo:before { /*這裡勿動*/ position:absolute; top:100%; white-space: pre-wrap; text-align:center; /*內容*/ content:"滑鼠停留兩秒轉一顆蛋重新整理可以重抽"; /*底色*/ background:#FFF; /*圓角*/ border-radius:5px; /*內距*/ padding:5px 10px; /*寬度*/ width:160px; /*邊框*/ border:1px solid #ddd; } |
Direct link: https://paste.plurk.com/show/yB617GwbOzriB8DZr4fo