p/ourlvg

ಠ_ಠ

@anonymous

偷偷說

Mon, May 16, 2022 12:48 PM

Tue, May 17, 2022 2:01 AM

2925

1204

10

噗浪css 噗浪佈景
夾娃娃機噗寶

https://images.plurk.com/H750S8dFUXdxnagjeOjYO.gif

https://images.plurk.com/11dzVtU9Pc9HKoxN4tfTgI.gif

可以夾娃娃的噗寶

ಠ_ಠ

Mon, May 16, 2022 12:49 PM

夾娃娃機噗寶

用頁腳製作，如果有使用其他也是用頁腳製作的噗寶會衝突，頁腳只能存在一個
例如逗貓噗寶或偵探窗

ಠ_ಠ

Mon, May 16, 2022 12:49 PM

這次尺寸問題比較複雜一點所以語法中沒有特地標出尺寸修改
如果有需要修改但不會改的話可以小房間給圖直接幫你改

ಠ_ಠ

Mon, May 16, 2022 12:49 PM

圖片材料：
300 x 300

https://images.plurk.com/3Yh5IQMjBaDTOp1WIug1dt.png

https://images.plurk.com/6ncBABseIbI1z7B7JZX3Eh.png

ಠ_ಠ

Mon, May 16, 2022 12:50 PM

100 x 100 娃娃的部分，每一隻都有：被夾子夾著、落下中、落在出貨口，三種狀態

https://images.plurk.com/aZRkAlqDqLi4dPWo5JJ2P.png

https://images.plurk.com/6NyfkNBsZEOERJlxmeN1Bn.png

https://images.plurk.com/7lMikrgJF6qHNvNMFKlIq6.png

https://images.plurk.com/1PwNMI9BZwxebKFq927r8u.png

https://images.plurk.com/DejXso2M6PzLMPYTUHjAh.png

https://images.plurk.com/BYfBHHHyy0q3HvHU84Ivh.png

https://images.plurk.com/55PJxrR3JVXchJnJ6ac9TA.png

https://images.plurk.com/7ydKhw2JYmZxjXYaW3MiCc.png

https://images.plurk.com/6XrEIpvYQzF5bPQaKXCPeX.png

ಠ_ಠ

Mon, May 16, 2022 12:50 PM

Thu, May 26, 2022 2:53 AM

https://images.plurk.com/15nWEaXn176xGfWva2g90x.png

https://images.plurk.com/51TJFNNL4t4DgvIa9XiDwD.png

https://images.plurk.com/751zcDokphxSoxnLwSskLL.png

https://images.plurk.com/6gaTNUkjNLWR8kDtqdvIRB.png

https://images.plurk.com/3xSK9kNtci9ZFuJ6SpNUC4.png

https://images.plurk.com/2c20vNGbGrMG0QnCtoPOqQ.png

https://images.plurk.com/1Lz6hNEdZEioHgoBYUK7Zo.png

https://images.plurk.com/2pyzZmj1h597NkMMiZtNLw.png

https://images.plurk.com/g1eDj2JtfgK2ju9tyBRMQ.png

ಠ_ಠ

Mon, May 16, 2022 12:51 PM

Tue, May 17, 2022 12:04 AM

夾子寬100 x 高80 要有開跟合兩種狀態

https://images.plurk.com/5IVcOanaC5WaB35XKomN9u.png

https://images.plurk.com/7qwgEgX2Q7q1gGbGZrgc4k.png

三顆圓形按鈕是移動夾子用的，也可以直接畫在機器上然後按鈕不要用圖

https://images.plurk.com/3KWPrPPhquIik9x2Cnf9fc.png

方形按鈕是夾子往下用的，夾子移動到可以抓的位置時會亮起一個圖案，這個圖案可畫可不畫

https://images.plurk.com/6v8P6kieVAvX4W4kVnh2um.png

ಠ_ಠ

Mon, May 16, 2022 12:52 PM

三顆按鈕：寬28 x 高20
方形按鈕：寬84 x 高25

ಠ_ಠ

Mon, May 16, 2022 12:52 PM

尺寸不用特別記，語法裡有標註，也可以看語法中標註的大小

ಠ_ಠ

Mon, May 16, 2022 12:52 PM

順便撈一下css詢問噗

ಠ_ಠ

Mon, May 16, 2022 12:52 PM

==============

guava5479

Mon, May 16, 2022 2:52 PM

好讚喔!!!!!!!!!!!!超級可愛!!!!!!!!!!!

cat2580

Mon, May 16, 2022 2:53 PM

太可愛了吧！謝謝噗主！！立刻來玩～～

chick2899

Mon, May 16, 2022 2:53 PM

好奇想問問裡面的娃娃有辦法增加數量嗎?

mars262

Mon, May 16, 2022 2:53 PM

噗主好厲害

tofu7001

Mon, May 16, 2022 3:00 PM

謝謝噗主分享......!!
可以抓娃娃也太厲害了
這邊也想問能不能增加數量.....

ಠ_ಠ

Mon, May 16, 2022 3:13 PM

chick2899: tofu7001: 增加數量的話沒有辦法，因為是用底下的這個做的

https://images.plurk.com/4ZqIPFrzUSmBNNgKg3K6tN.png

數量上已經盡可能壓縮需要的元素，所以應該最多就是三個了

beer7483

Mon, May 16, 2022 3:24 PM

太厲害了！(收藏這篇XD)

ಠ_ಠ

Mon, May 16, 2022 4:28 PM

找到增加數量的方法了，但會佔據一部份自介的字數，必須先在自介中增加一些東西，注意一定要是在自介的最後面，且在這串米字底線的最後不可以換行
需要先加在自介的東西

四隻娃娃語法
五隻娃娃語法
這個自介版本不會跟任何頁腳噗寶衝突

ಠ_ಠ

Mon, May 16, 2022 4:33 PM

自介的字數上限還可以做到更多隻，但畫面上圓形按鈕會更多可能不是很好看，加上會壓縮到原本自介的內容，所以目前只寫到五隻，如果有人需要更多隻的話可以再提我再來補上

lamb406

Mon, May 16, 2022 4:43 PM

謝謝噗主寫出這麼酷炫的噗寶
想請問100x100娃娃數量可以減少嗎？從3隻減少成2隻這樣> <

tofu7001

Mon, May 16, 2022 5:00 PM

非常感謝噗主！！！！！！！馬上來測試看看新增數量的版本

ಠ_ಠ

Tue, May 17, 2022 12:10 AM

兩隻的版本

earth6852

Tue, May 17, 2022 12:23 AM

噗主您好！想請問如果用這個語法繪製了自己的版本，可以附上這噗網址發佈出來分享給大家嗎？還是只能自用呢？

ಠ_ಠ

Tue, May 17, 2022 12:28 AM

可以分享，也很歡迎拿去開噗幣轉蛋噗幣委託

也可以貼成品到這邊分享給我看

earth6852

Tue, May 17, 2022 12:43 AM

謝謝噗主

！！謝謝製作出這麼可愛的語法！！

ಠ_ಠ

Tue, May 17, 2022 1:58 AM

Tue, May 17, 2022 5:36 AM

另一種尺寸版本，3隻娃娃
圖片尺寸都在語法裡標註了

goat161

Tue, May 17, 2022 4:11 AM

噗主跟神一樣膜拜

tako2374

Tue, May 17, 2022 4:26 AM

噗主厲害！！！

virgo1939

Tue, May 17, 2022 5:42 AM

不好意思打擾噗主了

想問一下娃娃被夾著的圖是要預留爪子的空間嗎？

ಠ_ಠ

Tue, May 17, 2022 5:45 AM

virgo1939: 對，要像這樣挖空，因為娃娃的圖層在夾子的前面，挖空會比較像有被抓著，也可以不挖空

https://images.plurk.com/1xxJjEXIHS2kQfkftBgPO1.png

virgo1939

Tue, May 17, 2022 5:49 AM

ಠ_ಠ: 好的

謝謝噗主解答

caviar1717

Tue, May 17, 2022 9:02 AM

謝謝噗主！！

human6093

Tue, May 17, 2022 1:41 PM

感謝噗主！！！動起來真的好可愛！！！你是神明大人嗎QQQQQQ
另外也想確認，在娃娃落下與展示之間會有語法，讓他能插入一張過度動作的圖片嗎？
還是說要再另外生一行出來做轉換

salad5350

Wed, May 18, 2022 6:09 AM

Its not working to me, Can someone help me?

beer1378

Wed, May 18, 2022 6:28 AM

salad5350: What can I do for you?

ಠ_ಠ

Wed, May 18, 2022 6:38 AM

human6093: 這個可能要再等我試試，因為使用者一個動作要撥放整段動畫的話是用ㄧ些方法轉個彎達成的，會有蠻多限制的(因為噗浪不給用動畫語法)

ಠ_ಠ

Wed, May 18, 2022 6:38 AM

salad5350: 不確定中文你能不能理解總之我先提供一下幫助
我需要你目前的語法才能幫你檢查哪裡出錯了，如果沒辦法分辨哪些會影響這個噗寶的話可以貼完整所有語法，可以直接貼在這個噗裡或是用噗幣給語法，會返幣給你

salad5350

Wed, May 18, 2022 6:44 AM

ಠ_ಠ: 需要硬币？？

ಠ_ಠ

Wed, May 18, 2022 6:44 AM

salad5350: 也可以直接貼在這裡

salad5350

Wed, May 18, 2022 6:44 AM

我只是复制你的 CSS

tea4143

Wed, May 18, 2022 6:46 AM

salad5350: they need your full css code

tea4143

Wed, May 18, 2022 6:47 AM

to check what's going wrong

ಠ_ಠ

Wed, May 18, 2022 6:48 AM

salad5350: 如果你的「只是複製」是指語法之前是空的，這次是第一次使用的話，你可以參考這張圖

https://images.plurk.com/3hYgp24RfphvJcAybNMfHK.png

tea4143

Wed, May 18, 2022 6:49 AM

you can copy &paste your customize layouts in

plurk paste

salad5350

Wed, May 18, 2022 6:52 AM

/* ======== Setting area======== */ (Plurk Paste)
I just copy the CSS that is given above.

tea4143

Wed, May 18, 2022 6:55 AM

噗主我測試了一下噗浪英文介面好像顯示不出來

salad5350

Wed, May 18, 2022 6:57 AM

所以一定是中文的？

tea4143

Wed, May 18, 2022 6:58 AM

ah yes it need to be Mandarin

salad5350

Wed, May 18, 2022 6:58 AM

OH wait a second

salad5350

Wed, May 18, 2022 7:02 AM

How about relacing it in the right??

ಠ_ಠ

Wed, May 18, 2022 7:04 AM

語法不能直接用機器翻譯，會多出多餘的空格鍵讓語法失效
英文版語法
需要英文版的話用這個

beer1378

Wed, May 18, 2022 7:05 AM

the CSS you post in English is wrong if you use machine translate
you'd get extra space problems

tea4143

Wed, May 18, 2022 7:06 AM

salad5350:

https://images.plurk.com/1eJ9mITbpsEeNAAiASd0yH.png

you can change the position of this customize layout here

salad5350

Wed, May 18, 2022 7:17 AM

Its still not working

salad5350

Wed, May 18, 2022 7:19 AM

https://images.plurk.com/6OQJU3nEakxLUdnH0N2TLD.jpg

Its just like that

finch6321

Wed, May 18, 2022 7:23 AM

Wed, May 18, 2022 7:28 AM

salad5350: Can you capture this area to us?

https://images.plurk.com/1CYyHJGRfDwzJMuqWGvyjN.jpg

ಠ_ಠ

Wed, May 18, 2022 7:27 AM

salad5350: 另外你的照片沒有把資訊打碼可能會讓人找到你的帳號，你可以先把照片刪除

看起來是圖片還沒載入完成，我到你的頁面看是有成功運作的，可以稍等看看

salad5350

Wed, May 18, 2022 7:30 AM

ಠ_ಠ: 好的

salad5350

Wed, May 18, 2022 7:30 AM

finch6321: wait a second

salad5350

Wed, May 18, 2022 9:45 AM

All I need is to wait right??

bee6096

Wed, May 18, 2022 9:55 AM

salad5350: it works in your home page now.
You just need to wait for loading deta ,and then it will working.

ಠ_ಠ

Wed, May 18, 2022 9:59 AM

salad5350: 我這邊看到你把語法換掉了，使用這個語法英文版語法然後等待圖片載入完成

salad5350

Wed, May 18, 2022 10:00 AM

okay got it

human6093

Wed, May 18, 2022 1:57 PM

ಠ_ಠ: 感謝！！這個真的不強求也不急的！因為我本來以為有類似hold on功能之類的語法，但是看起來好像沒類似的指令...我太天真了OTZ
目前先用GIF來擋，不過因為設定是循環一次，所以要再看同樣的效果就要重整頁面才能再玩一次XDDD

ಠ_ಠ

Wed, May 18, 2022 2:48 PM

human6093: 200x400尺寸版，新增娃娃碰底動作

human6093

Wed, May 18, 2022 4:01 PM

成功了！！！！！謝謝！！！！！！！！！！！我可以玩這個娃娃機玩一整周！！！！！

prawn8582

Wed, May 18, 2022 11:05 PM

您好，不好意思想問一下噗主，每天抓完娃娃後，娃娃消失時的間可以控制的嗎？謝謝解答！

prawn8582

Thu, May 19, 2022 4:08 AM

剛剛才發現原來只要把鼠標拿開就會消失..
是我蠢了

ಠ_ಠ

Thu, May 19, 2022 9:03 AM

夾娃娃噗寶預設不會隨頁面滾動，他會固定黏在畫面上，如果你需要他到底下去(頁面在滾動的時候他會跟著移動的情況)，可以把下面反白的地方改成「absolute」

https://images.plurk.com/790S3ITXF9aP4ZOJuwjIx9.png

覺得夾娃娃機太擋住畫面的話可以試試這個語法，就不會擋到了
另外最上面有left的部分，可以把他改成right，可以讓夾娃娃機到畫面的右邊

aries4002

Sat, May 21, 2022 6:36 AM

噗主您好！想請問200x400尺寸有娃娃碰底動作的版本，會不會有4和5隻娃娃的版本？謝謝！

egg2518

Sat, May 21, 2022 12:16 PM

請問夾子不會上下移動跟展示娃娃沒有顯示，這邊是要調整哪段語法呢?

ಠ_ಠ

Sat, May 21, 2022 2:48 PM

Thu, Jul 7, 2022 1:40 AM

300x300尺寸&三隻娃娃版，新增娃娃碰底動作
300x300尺寸&四隻娃娃版，新增娃娃碰底動作
300x300尺寸&五隻娃娃版，新增娃娃碰底動作

ಠ_ಠ

Sat, May 21, 2022 2:52 PM

egg2518: 這個要看你的語法有沒有衝突
你可以先自己做下面這些檢查：
1.圖片網址是否正確
2.如果是使用頁腳版本，在所有語法中搜尋是否有footer相關的語法，檢查是不是有隱藏/修改到東西
3.如果是使用自介額外產生版本，在所有語法中搜尋是否有about_me相關的語法，檢查是不是有隱藏/修改到東西
4.檢查語法複製時是否有漏掉複製東西，注意複製時網頁的自動翻譯不要開啟

都沒有問題或是不知道該怎麼檢查可以貼你的所有語法上來，可直接丟也可以投幣給(會返幣

bun9957

Sun, May 22, 2022 2:30 PM

噗主您好，我想增到6和7隻娃娃版，不知可否？謝謝。

pamelo1083

Wed, May 25, 2022 5:07 PM

天啊噗主您是天才嗎XDDD 前端工程師來打招呼表達一下敬意XDDD

ಠ_ಠ

Thu, May 26, 2022 1:59 AM

可自調大小的版本，3隻娃娃無碰底動作
發現蠻多人需要改大小，這邊把大小設定全部整理起來拉到上方，看不懂語法也能方便設定的版本，一樣其他版本有人提才做

然後感謝各位的噗幣，但如果有投幣附東西的話希望在這噗也留言通知一下，我這邊通知有時候會閃一下消失(不確定那是什麼情況)，有時候可能會沒注意到那個閃一下就直接沒有看到通知了

ಠ_ಠ

Thu, May 26, 2022 2:50 AM

Thu, May 26, 2022 2:51 AM

會佔據一部份自介的字數，必須先在自介中增加一些東西，注意一定要是在自介的最後面，且在這串米字底線的最後不可以換行
需要先加在自介的東西

四隻娃娃語法
五隻娃娃語法
六隻娃娃語法
這個自介版本不會跟任何頁腳噗寶衝突

bun9957

Thu, May 26, 2022 3:52 AM

謝謝樓主幫我加六隻娃娃語法，我就去測試

ಠ_ಠ

Thu, May 26, 2022 7:53 AM

可自行調整大小，3隻娃娃+蓋子
感謝旅人提供蓋子的想法，這邊寫了一個可自訂蓋子圖案的版本

fries5842

Thu, Jun 2, 2022 7:07 AM

想問一下噗主有辦法讓娃娃是隨機的嗎？

baboon9353

Thu, Jun 2, 2022 2:03 PM

Thu, Jun 2, 2022 2:04 PM

不好意思想請問噗主，300x300的四隻娃娃碰底版有辦法移到右邊嗎

我的語法已經改到right了但娃娃機還是卡在左下角、、還是我有弄錯甚麼嗎?除了截圖的這部分，其他都尚未更動!!可以的話麻煩噗主解惑了

https://images.plurk.com/5DwVJuDSGSxSmQv0XMbQ1t.png

ಠ_ಠ

Thu, Jun 2, 2022 2:08 PM

除了0以外的數字要加上px
bottom: -600;改成 bottom: -600px;試試

baboon9353

Thu, Jun 2, 2022 2:17 PM

ಠ_ಠ: 成功了!!謝謝噗主

ಠ_ಠ

Thu, Jun 9, 2022 11:54 AM

上來提一件事，今天剛知道原來語言會影響頁腳顯示的連結數量，之前 salad5350的夾娃娃機顯示不完整應該就是這個原因，遇到這個問題可以不用改語言，換用需要在自介加東西的那個版本(四隻五隻的版本)就能正常使用了

toast2292

Wed, Jul 6, 2022 9:34 PM

Wed, Jul 6, 2022 9:55 PM

噗主您好，不好意思事隔一個月來打擾
請問300*300px 三隻想做碰底動作的話要怎麼修改呢，謝謝> <!
這裡不曉得為甚麼從200*400移碰底動作過去後只會冒出碰底而沒有展示的圖樣Q Q
這邊是我的語法 /* ======== 設定區 ======== */ (Plurk Paste)
再麻煩噗主了真的不好意思orzz

ಠ_ಠ

Thu, Jul 7, 2022 1:42 AM

toast2292: 幫你修改好了toast2292

另外新增了
300x300尺寸&三隻娃娃版，新增娃娃碰底動作

ಠ_ಠ

Thu, Jul 7, 2022 1:42 AM

toast拿到後可以說一聲幫你把有你的圖片的語法撤掉，如果你需要撤的話

toast2292

Thu, Jul 7, 2022 3:01 AM

ಠ_ಠ: 哇手邊沒有電腦沒辦法立刻改

總之先謝謝噗主！！不撤掉沒關係的非常感謝您