ಠ_ಠ
噗浪css 噗浪佈景
夾娃娃機噗寶
https://images.plurk.com/H750S8dFUXdxnagjeOjYO.gif https://images.plurk.com/11dzVtU9Pc9HKoxN4tfTgI.gif
可以夾娃娃的噗寶
ಠ_ಠ
夾娃娃機噗寶

用頁腳製作,如果有使用其他也是用頁腳製作的噗寶會衝突,頁腳只能存在一個
例如逗貓噗寶或偵探窗
ಠ_ಠ
這次尺寸問題比較複雜一點所以語法中沒有特地標出尺寸修改
如果有需要修改但不會改的話可以小房間給圖直接幫你改
ಠ_ಠ
圖片材料:
300 x 300
https://images.plurk.com/3Yh5IQMjBaDTOp1WIug1dt.png https://images.plurk.com/6ncBABseIbI1z7B7JZX3Eh.png
ಠ_ಠ
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
ಠ_ಠ
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
ಠ_ಠ
夾子 寬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
ಠ_ಠ
三顆按鈕:寬28 x 高20
方形按鈕:寬84 x 高25
ಠ_ಠ
尺寸不用特別記,語法裡有標註,也可以看語法中標註的大小
ಠ_ಠ
ಠ_ಠ
==============
guava5479
好讚喔!!!!!!!!!!!!超級可愛!!!!!!!!!!!
cat2580
太可愛了吧!謝謝噗主!!立刻來玩~~
chick2899
好奇想問問 裡面的娃娃有辦法增加數量嗎?
mars262
噗主好厲害
tofu7001
謝謝噗主分享......!!
可以抓娃娃也太厲害了
這邊也想問能不能增加數量.....
ಠ_ಠ
chick2899: tofu7001: 增加數量的話沒有辦法,因為是用底下的這個做的 https://images.plurk.com/4ZqIPFrzUSmBNNgKg3K6tN.png
數量上已經盡可能壓縮需要的元素,所以應該最多就是三個了
beer7483
太厲害了!(收藏這篇XD)
ಠ_ಠ
(p-rock)找到增加數量的方法了,但會佔據一部份自介的字數,必須先在自介中增加一些東西,注意一定要是在自介的最後面,且在這串米字底線的最後不可以換行
需要先加在自介的東西

四隻娃娃語法
五隻娃娃語法
這個自介版本不會跟任何頁腳噗寶衝突
ಠ_ಠ
自介的字數上限還可以做到更多隻,但畫面上圓形按鈕會更多可能不是很好看,加上會壓縮到原本自介的內容,所以目前只寫到五隻,如果有人需要更多隻的話可以再提我再來補上
lamb406
謝謝噗主寫出這麼酷炫的噗寶
想請問100x100娃娃數量可以減少嗎?從3隻減少成2隻這樣> <
tofu7001
非常感謝噗主!!!!!!!馬上來測試看看新增數量的版本
ಠ_ಠ
earth6852
噗主您好!想請問如果用這個語法繪製了自己的版本,可以附上這噗網址發佈出來分享給大家嗎?還是只能自用呢?
ಠ_ಠ
可以分享,也很歡迎拿去開噗幣轉蛋噗幣委託(p-drinking)
也可以貼成品到這邊分享給我看(p-joyful)
earth6852
謝謝噗主 !!謝謝製作出這麼可愛的語法!!
ಠ_ಠ
另一種尺寸版本,3隻娃娃
圖片尺寸都在語法裡標註了
https://images.plurk.com/11dzVtU9Pc9HKoxN4tfTgI.gif
goat161
噗主跟神一樣 膜拜
tako2374
噗主厲害!!!
virgo1939
不好意思打擾噗主了 想問一下娃娃被夾著的圖是要預留爪子的空間嗎?
ಠ_ಠ
virgo1939: 對,要像這樣挖空,因為娃娃的圖層在夾子的前面,挖空會比較像有被抓著,也可以不挖空https://images.plurk.com/1xxJjEXIHS2kQfkftBgPO1.png
virgo1939
ಠ_ಠ: 好的 謝謝噗主解答
caviar1717
謝謝噗主!!
human6093
感謝噗主!!!動起來真的好可愛!!!你是神明大人嗎QQQQQQ
另外也想確認,在娃娃落下與展示之間會有語法,讓他能插入一張過度動作的圖片嗎?
還是說要再另外生一行出來做轉換
salad5350
Its not working to me, Can someone help me?
beer1378
salad5350: What can I do for you?
ಠ_ಠ
human6093: 這個可能要再等我試試,因為使用者一個動作要撥放整段動畫的話是用ㄧ些方法轉個彎達成的,會有蠻多限制的(因為噗浪不給用動畫語法)
ಠ_ಠ
salad5350: 不確定中文你能不能理解總之我先提供一下幫助
我需要你目前的語法才能幫你檢查哪裡出錯了,如果沒辦法分辨哪些會影響這個噗寶的話可以貼完整所有語法,可以直接貼在這個噗裡或是用噗幣給語法,會返幣給你
salad5350
ಠ_ಠ: 需要硬币??
ಠ_ಠ
salad5350: 也可以直接貼在這裡
salad5350
我只是复制你的 CSS
tea4143
salad5350: they need your full css code
tea4143
to check what's going wrong
ಠ_ಠ
salad5350: 如果你的「只是複製」是指語法之前是空的,這次是第一次使用的話,你可以參考這張圖
https://images.plurk.com/3hYgp24RfphvJcAybNMfHK.png
tea4143
you can copy &paste your customize layouts in
plurk paste
salad5350
/* ======== Setting area======== */ (Plurk Paste)
I just copy the CSS that is given above.
tea4143
噗主我測試了一下 噗浪英文介面好像顯示不出來
salad5350
所以一定是中文的?
tea4143
ah yes it need to be Mandarin
salad5350
OH wait a second
salad5350
How about relacing it in the right??
ಠ_ಠ
語法不能直接用機器翻譯,會多出多餘的空格鍵讓語法失效
英文版語法
需要英文版的話用這個
beer1378
the CSS you post in English is wrong if you use machine translate
you'd get extra space problems
tea4143
salad5350: https://images.plurk.com/1eJ9mITbpsEeNAAiASd0yH.png
you can change the position of this customize layout here
salad5350
Its still not working
salad5350
https://images.plurk.com/6OQJU3nEakxLUdnH0N2TLD.jpg Its just like that
finch6321
salad5350: Can you capture this area to us?
https://images.plurk.com/1CYyHJGRfDwzJMuqWGvyjN.jpg
ಠ_ಠ
salad5350: 另外你的照片沒有把資訊打碼可能會讓人找到你的帳號,你可以先把照片刪除

看起來是圖片還沒載入完成,我到你的頁面看是有成功運作的,可以稍等看看
salad5350
ಠ_ಠ: 好的
salad5350
finch6321: wait a second
salad5350
All I need is to wait right??
bee6096
salad5350: it works in your home page now.
You just need to wait for loading deta ,and then it will working.
ಠ_ಠ
salad5350: 我這邊看到你把語法換掉了,使用這個語法 英文版語法 然後等待圖片載入完成
salad5350
okay got it
human6093
ಠ_ಠ: 感謝!!這個真的不強求也不急的!因為我本來以為有類似hold on功能之類的語法,但是看起來好像沒類似的指令...我太天真了OTZ
目前先用GIF來擋,不過因為設定是循環一次,所以要再看同樣的效果就要重整頁面才能再玩一次XDDD
ಠ_ಠ
human6093
成功了!!!!!謝謝!!!!!!!!!!!我可以玩這個娃娃機玩一整周!!!!!
prawn8582
您好,不好意思想問一下噗主,每天抓完娃娃後,娃娃消失時的間可以控制的嗎?謝謝解答!
prawn8582
剛剛才發現原來只要把鼠標拿開就會消失..
是我蠢了(doh)
ಠ_ಠ
夾娃娃噗寶預設不會隨頁面滾動,他會固定黏在畫面上,如果你需要他到底下去(頁面在滾動的時候他會跟著移動的情況),可以把下面反白的地方改成「absolute」
https://images.plurk.com/790S3ITXF9aP4ZOJuwjIx9.png
覺得夾娃娃機太擋住畫面的話可以試試這個語法,就不會擋到了
另外最上面有left的部分,可以把他改成right,可以讓夾娃娃機到畫面的右邊
aries4002
噗主您好!想請問200x400尺寸有娃娃碰底動作的版本,會不會有4和5隻娃娃的版本?謝謝!
egg2518
請問夾子不會上下移動跟展示娃娃沒有顯示,這邊是要調整哪段語法呢?
ಠ_ಠ
egg2518: 這個要看你的語法有沒有衝突
你可以先自己做下面這些檢查:
1.圖片網址是否正確
2.如果是使用頁腳版本,在所有語法中搜尋是否有footer相關的語法,檢查是不是有隱藏/修改到東西
3.如果是使用自介額外產生版本,在所有語法中搜尋是否有about_me相關的語法,檢查是不是有隱藏/修改到東西
4.檢查語法複製時是否有漏掉複製東西,注意複製時網頁的自動翻譯不要開啟

都沒有問題或是不知道該怎麼檢查可以貼你的所有語法上來,可直接丟也可以投幣給(會返幣
bun9957
噗主您好,我想增到6和7隻娃娃版,不知可否?謝謝。
pamelo1083
天啊噗主您是天才嗎XDDD 前端工程師來打招呼表達一下敬意XDDD
ಠ_ಠ
可自調大小的版本,3隻娃娃無碰底動作
發現蠻多人需要改大小,這邊把大小設定全部整理起來拉到上方,看不懂語法也能方便設定的版本,一樣其他版本有人提才做

(flower)然後感謝各位的噗幣,但如果有投幣附東西的話希望在這噗也留言通知一下,我這邊通知有時候會閃一下消失(不確定那是什麼情況),有時候可能會沒注意到那個閃一下就直接沒有看到通知了
ಠ_ಠ
會佔據一部份自介的字數,必須先在自介中增加一些東西,注意一定要是在自介的最後面,且在這串米字底線的最後不可以換行
需要先加在自介的東西

四隻娃娃語法
五隻娃娃語法
六隻娃娃語法
這個自介版本不會跟任何頁腳噗寶衝突
bun9957
謝謝樓主幫我加六隻娃娃語法,我就去測試
ಠ_ಠ
可自行調整大小,3隻娃娃+蓋子
感謝旅人提供蓋子的想法,這邊寫了一個可自訂蓋子圖案的版本
fries5842
想問一下噗主有辦法讓娃娃是隨機的嗎?
baboon9353
不好意思想請問噗主,300x300的四隻娃娃碰底版有辦法移到右邊嗎 我的語法已經改到right了但娃娃機還是卡在左下角、、還是我有弄錯甚麼嗎?除了截圖的這部分,其他都尚未更動!!可以的話麻煩噗主解惑了 https://images.plurk.com/5DwVJuDSGSxSmQv0XMbQ1t.png
ಠ_ಠ
除了0以外的數字要加上px
bottom: -600;改成 bottom: -600px;試試
baboon9353
ಠ_ಠ: 成功了!!謝謝噗主
ಠ_ಠ
(p-sick)上來提一件事,今天剛知道原來語言會影響頁腳顯示的連結數量,之前 salad5350的夾娃娃機顯示不完整應該就是這個原因,遇到這個問題可以不用改語言,換用需要在自介加東西的那個版本(四隻五隻的版本)就能正常使用了
toast2292
噗主您好,不好意思事隔一個月來打擾
請問300*300px 三隻想做碰底動作的話要怎麼修改呢,謝謝> <!
這裡不曉得為甚麼從200*400移碰底動作過去後只會冒出碰底而沒有展示的圖樣Q Q
這邊是我的語法 /* ======== 設定區 ======== */ (Plurk Paste)
再麻煩噗主了 真的不好意思orzz
ಠ_ಠ
toast2292: 幫你修改好了toast2292

另外新增了
300x300尺寸&三隻娃娃版,新增娃娃碰底動作
ಠ_ಠ
toast拿到後可以說一聲幫你把有你的圖片的語法撤掉,如果你需要撤的話
toast2292
ಠ_ಠ: 哇手邊沒有電腦沒辦法立刻改 總之先謝謝噗主!!不撤掉沒關係的 非常感謝您
cherry4523
打擾噗主了 不知道能不能求個可自調大小四隻娃娃的版本
ಠ_ಠ
cherry4523: (p-drinking)剛改好,可以套用試試看
cherry4523
!感謝!我再慢慢調整
newt9503
噗主你好,我想把你的噗浪夾娃娃機改成右邊+150*300,但是不知道怎麼修改裡面的物件大小(夾子、位置按鈕),而且不知道為甚麼按鈕剩兩顆,怎麼改都不對,請問到底有那些設定是我需要改的QQ
dragon4590
請問可以一次放兩個噗浪夾娃娃機嗎?:-(
ramen4770
請問能求個"能自調機台大小、五隻娃娃、可自訂蓋子圖案"的版本嗎?
mango3084
在語法的主體長寬那邊應該就能自己更改機體大小?
ramen4770
謝謝芒果旅人的提點與噗主的語法
我沒什麼程式基礎、只會交叉比對不同版本找語法的差異
原本研究了兩三天,卡在沒辦法成功弄出蓋子
剛剛重新找一遍差異 成功弄出來了
載入新的回覆