阿斗
阿斗
可以自行變更想要的圖片
https://images.plurk.com/1pvPB29XpNmyShnlcmMx0x.png
這行替換掉網址就可以了
但位置可能要自己調整一下
阿斗
有問題也可以直接問
🥩鹿排三分熟⚡️記得喝水
天啊好可愛!!!!趴趴回應數太天才了吧...
阿斗
🥩鹿排三分熟⚡️記得喝水 : 謝謝…!! 最近想認真弄一下佈景就想說讓偵探在上面報數應該很可愛…!
阿斗
只是想要上面有趴趴,不想做排版變更的話,只要複製 趴趴回應數 的區塊即可
來ㄛ٩( メ∀・)۶🐉⚔️雞丁
阿ㄉ你是天才
阿雲
感謝分享語法
千☁️
感謝分享QQQ 好可愛哦😭
⠴ Miruku ⠴
謝謝分享有夠可愛的好好看
⚖小林喵的許願池🖋
好可愛!感謝分享語法!
太陽排球🦊🍊侑見夕陽紅
謝謝分享!!!!然後想問問,因為回應數破百的話,那個框框會往左邊靠近,不知道是否可以改成往右邊延伸?
太陽排球🦊🍊侑見夕陽紅
https://images.plurk.com/1WVygOxzWtZm0dC2fWdaP3.png https://images.plurk.com/6TZP2BAfi0fKFedADnYxXr.png
這是雙數和三位數的差別,不知道附圖會不會比較可以意會到 ><
✦JuJu𓃠啾啾✦
感謝分享!!
空貓◆要加油
這個真的好棒!
⚖小林喵的許願池🖋
不好意思想請問一下,新回應數的背景顏色要改哪邊呢?
歲蒔 B.S
太可愛了感謝分享
琉🍙許願中頭獎
超可愛的!!感謝分享
阿斗
太陽排球🦊🍊侑見夕陽紅 : 抱歉這個我也還在調整 有試出來我再回覆…!
子魚。FFK首日
感謝您的無私!
阿斗
⚖小林喵的許願池🖋 :
.new .response_count{
border:5px solid transparent;
background-color: 色碼;
}
因為顏色是用預設的,所以請手動在上面段落增加斜體字那行
另外最後面這段的色碼也要改↓
.new .response_count::after {
border-color: fb0047 transparent transparent fb0047;
}
⚖小林喵的許願池🖋
非常感謝您!!!
恭喜恭喜
感謝分享!!!不好意思想請問套入語法後沒有正常顯示出來可能是什麼原因呢
阿斗
恭喜恭喜 : 請問只有套入上半段趴趴圖片的語法也沒有正常顯示嗎?影響的因素很多,也可能跟瀏覽器版本有關係,因為你是鎖河我也不太確定呈現出來的樣子
太陽排球🦊🍊侑見夕陽紅
原來如此!沒關係,也謝謝你提供這麼可愛的語法
AKU🧐被疑者快樂墓
謝謝你是天才嗎
恭喜恭喜
阿斗 : 不好意思是這邊鬧了個烏龍,沒注意到網頁自動幫忙翻譯英文單字成中文了!!!改回英文就沒問題了!!!
阿斗
恭喜恭喜 : 好耶!!!沒問題就好!!
🍘需要財富自由
請問想要讓娃娃往下一點要調整哪邊?
阿斗
🍘需要財富自由 : 在 top:-42px; 這行調整數字
🍘需要財富自由
阿斗 : 成功了謝謝
阿斗
剛剛在做調整的時候錯過了回覆時機來感謝一下上面各位的誇誇
也謝謝轉噗,看到大家喜歡我也很開心!
還有謝謝噗幣小天使們我要拿來去給謝林醬買甜甜圈
漓彩☀學習是種樂趣
好可愛,謝謝分享
漓彩☀學習是種樂趣
不好意思,想請問有沒有辦法只針對特定帳號的噗使用這個效果?
失去交流動力之兔
好可愛喔,謝謝分享QQ
阿斗
Yureya: 可以,但你要手動看一下他的data-uid
以我這則噗為例,在噗首右鍵>檢測後會看到
https://images.plurk.com/2FBIgenfgLiYU0kijQmZLm.png
裡面的data-uid後的數字(5499206)就是你要複製起來的地方
最後填進下方段落後,貼在佈景最後即可
.cboxAnchor[data-uid="特定帳號數字"]>table::before{
background-image:url(圖片網址);
}
阿斗
不知道解釋會不會太難懂 不然私我幫你看也可以(?
Rya✿多忙
謝謝您分享這麼可愛的語法!
只想擺爛的菸酒丸
感謝您的語法!太可愛啦!(等我的趴趴像素做好再放上去!!!
紫雨👾花藏雨傘下
謝謝您的語法 偵探桑認真工作中
MN🫶喵喵喵
超可愛的謝謝分享!!!立刻用了
思暻⚡️🍯🐺🦊陰暗爬行
謝謝您的語法太可愛了
阿斗
因為有人問怎麼只在特定帳號套用效果,所以我也自memo一下
也已更新在噗首
/* 趴趴回應數_只套用特定帳號 */ (Plurk Paste)
阿斗
謝謝大家讓我看到了很多可愛的趴趴
阿斗
要注意一下氣泡框的部分也要改uid數字ㄛ…!!
白家鑰匙🗝委託開放中
謝謝您的語法好厲害QQ好喜歡好可愛
阿隼沒有喜歡金髮男人
非常感謝您分享這麼可愛的語法
ᴇ ʟ ᴀ ɪ ɴ ᴇ
感謝語法~~~~~已經換上了!
卡羅卡羅🍕SCP-458
感謝語法
終於知道之前想做的東西要怎麼做出來了
想知道有沒有辦法只有未讀的噗顯示圖案??
阿斗
卡羅卡羅🍕SCP-458
阿斗 : 成功了!!!!超級感謝
月光纖紫紫
成功了!!謝謝
墟🔥塔塔開進度(15/40)
感謝語法!!成功做出來了QQQQQQQ
🎃培根南瓜蛋糕💍
感謝語法 !!回應數跟原本版型有衝突測試了好一陣子才成功,真的好喜歡太可愛了
**3分鐘國的小N**
感謝語法!成功用出來好開心!
殘燕-Tsuki
謝謝分享!真的好可愛的語法超棒的
蝶亞×佛系豌豆米
感謝分享!!!
毛球(๑•̀ㅂ•́)و🐏菘藍
謝謝分享,方便請問小人物大小大概要做多大才適合呢?
雷蒙♪蔬果夥伴
感謝分享!!
蘋🔫🎲🖤
感謝分享!!!
阿斗
毛球(๑•̀ㅂ•́)و🐏菘藍 : 雖然我自己是畫70*46 px,但感覺再小一點會比較適合 (thinking)
基本上自己順眼就可以了,太大存在感太重反而會覺得擁擠
搜tag可以看到很多優秀的趴趴可以參考看看
呱呱🧡年輕人要不要呱呱樂
謝謝噗主的分享!!!超級可愛!!!
不好意思想請問一下未讀的回應顏色要在哪邊改呢><!(目前只有改好已讀的回應顏色但找不到未讀的QQ)非常感謝您!
阿斗
呱呱🧡年輕人要不要呱呱樂 :
.new .response_count{
border:5px solid transparent;
background-color: 色碼;
}
需手動在上面段落增加斜體字那行 因為我用預設背景色我就忘記加那行了

另外最後面這段的色碼也要改↓
.new .response_count::after {
border-color: fb0047 transparent transparent fb0047;
}
呱呱🧡年輕人要不要呱呱樂
阿斗 : 不好意思我沒有看清楚上面有同樣問題讓您重複回答兩次!!!!謝謝您 真的非常感謝噗主的分享.........!
天訴٩(๑`^´๑)۶
謝謝分享 語法超棒的
杉3養護中
天啊這什麼美好的東西!讚美阿斗!!
☁️🩵御理 愛💛糰子預購中
您是天才!!! 好喜歡!!!
蛇咪|一針一線隨我心
太感謝噗主了!謝謝分享
🥣湯Oo...
https://images.plurk.com/2tblmt6yZ2UjegIwKzExhk.jpg 請問卡到上方橫條可以怎麼調整嗎?(p-cry)跑進別人家河道看好像都沒有卡住
阿斗
🥣湯Oo... : 在佈景最後加上這個試試看呢?
timeline_cnt {
margin-top: 20px;
}

.timeline_holder {
height: 406px;
}
🥣湯Oo...
阿斗 : 依呀成功了!謝謝噗主(p-rock)
虹🌹Hong
謝謝噗主的語法、成功套用後覺得超級可愛T////T!
布丁櫻🎲努力認真低浮上
謝謝噗主分享!已經成功換上了!
≡ CYΛ ≡
感謝噗主分享,氣泡框跟趴趴超級可愛...!!!!!
小夜🌙
想請問噗主有研究過,如何將已讀回應的氣泡框的尾巴改為透明嗎?
阿斗
小夜🌙 : 是要完全透明嗎?
小夜🌙
是的!打算是想弄成已讀噗氣泡框完全透明,有回應才會跳出氣泡框的樣子!
阿斗
小夜🌙 : 如果只有尾巴透明的話把粗體部分改成這樣就可以了
.response_count::after {
border-color: transparent;
}
阿斗
字數太多了就只截那行了
小夜🌙
好的,謝謝您,我試試!
Emo專業戶◇小蘇
想問噗主介意我引用您的噗徵像素委託嗎><
因為太可愛了,想徵繪師幫自己家的OC也畫一個能趴在對話框上的像素圖案這樣><,不方便也沒關係,抱歉打擾了QQ
阿斗
Emo專業戶◇小蘇 : 引用OK喔!,謝謝你特地詢問確認
失智小小❤️黑黑沼民
您好 不好意思想詢問一下 回應數框該從哪裡調整顏色呢?? https://images.plurk.com/26KIRfIHfcXAoKHp68Z4nl.png
慕嘴砲📣
謝謝噗主的分享
這邊嘗試了套用特定帳號+已讀尾巴透明的改法,發現會連未讀的尾巴也一起消失,不知道噗主知不知道解決的方法?謝謝
阿斗
失智小小❤️黑黑沼民 : 未讀的話手動添加下面斜體字那行就可以了
.new .response_count{
border:5px solid transparent;
background-color: 色碼;
}
失智小小❤️黑黑沼民
阿斗 : 了解!!!!非常謝謝您
阿斗
慕嘴砲📣 : 我自己測試是沒問題,有沒有可能是刪到大括號或分號呢?
可能是 .response_count::after {} 這個段落沒有打完整,再請你確認看看 如果依然沒有解決可以私噗詳細
阿斗
慕嘴砲📣 : 或者另一個可能是.new .response_count::after {}裡的也不小心改成transparent了,所以新回應才沒有尾巴,只要改沒有new開頭的那段就可以囉
⚖小林喵的許願池🖋
慕嘴砲📣 : 小小獻醜一下(?)
.response_count{ (Plurk Paste)
我自己改這樣,可以成功改未讀和已讀的泡泡不同顏色,尾巴也正常
但不確定確切問題是哪裡XD
慕嘴砲📣
阿斗 : 這邊檢查了一下括弧都還在,新回應的顏色那邊也沒有動><要私噗叨擾噗主了
⚖小林喵的許願池🖋 : 謝謝你的語法參考 不過我的小尾巴好像還是會出問題……
林鈅
好酷!!
阿斗
噗友遇到「當套用特定帳號+已讀尾巴透明時,會連未讀尾巴一起消失」的問題,雖然不知道原因但我暴力解決ㄌ
已更新2.0版本在噗首,如果有嘗試使用語法卻出現問題的朋友也歡迎回報
藍石/藍蒔🌿
謝謝噗主的分享!這個語法真的超可愛的
毛球(๑•̀ㅂ•́)و🐏菘藍
想請問用完語法後噗寶會不見的問題要怎麼處理呢 謝謝
阿斗
毛球(๑•̀ㅂ•́)و🐏菘藍 : 看起來是噗寶被擠下去了,以你的情況來說在佈景最後面加上這段就可以解決了
dynamic_logo{
top: 0;
}
毛球(๑•̀ㅂ•́)و🐏菘藍
謝謝!!
玖夜
請問是我原本語法的關係嗎?
移過去後趴趴會往前跑,然後數字一直不能移動,要調哪邊呢
https://images.plurk.com/55Ta0Xqixy3qRdbZsavGyn.jpg https://images.plurk.com/7vTte2AQJBVlVZssn3RbwZ.jpg
⚖小林喵的許願池🖋
你沒有氣泡耶
阿斗
玖夜 : 因為連回應數的字型也沒變,所以我也在想是只複製前半段語法嗎? 鎖河道看不到噗文的話只能用猜的ㄌ
玖夜
我剛才發現是下面氣泡語法沒貼好,重新弄過出現了XD
但是趴趴還是會往前不曉得怎麼改...
我先開河道好了
阿斗
玖夜 : 哇是用只套用未讀的語法嗎?XDD那可能要麻煩你暫時連已讀的也套用了( 因為我看不到未讀的噗XDD
玖夜
阿斗 : 好了我先貼全部已讀的語法不過圖片跟氣泡跑掉我還沒調
韘月月★脆皮狗勾
阿斗 : 想問阿斗大大,我套用之後多了一個三角形的圖案 & 我的噗寶也掉到下方怎麼調都回不去上面TT
https://images.plurk.com/2qT0jpMPCb8OkD01Tyl5kc.jpg https://images.plurk.com/6QkaOXrCKEmhWxMdBvp8JS.jpg
阿斗
韘月月★脆皮狗勾 : 氣泡框的部分:如果不是透明度問題的話,應該只是氣泡和尾巴顏色不一樣而已,統一色碼就可以了!
.new .response_count{
border:5px solid transparent;
background-color: 色碼;
}
需手動在上面段落增加斜體字那行

另外最後面這段的色碼也要改↓
.new .response_count::after {
border-color: fb0047 transparent transparent fb0047;
}
阿斗
韘月月★脆皮狗勾 : 拯救被擠下去的噗寶的部分:最後加上這段就可以了
dynamic_logo{
top: 0;
}
韘月月★脆皮狗勾
阿斗 : 啊啊啊啊 ! ! 謝謝阿斗大大 ! !
我改成功了 ! !
阿斗
玖夜 : 看你的噗文版型感覺是有限制寬度的樣子,如果最後加上這段會好一點嗎?
._lc_ .plurk_box{
width: auto !important;
}
不過我看到的是點開後往後跑不是往前跑就是了XDD
玖夜
阿斗 : 加上去點開版面跑掉了
我現在才注意到點開會往後跑,滑過去會往前,點開會往後XDDD
看起來是我原套用版面的關係,我再努力找看看哪邊雖然都看不懂
阿斗
玖夜 : 如果是游標滑過去會往前跑一點點的話,只要沒跟氣泡框距離拉開就是正常的
不過現在看起來是點開問題比較大XDD我也找找看
玖夜
我找到點開後會往後跑的問題了
原語法調整就可以一起,不過這樣我原本滑過往前跑就更前面了XDD
應該用未讀就沒這個問題了,我再來試試看
/調整噗浪寬度/
.display table, .toggled table, .plurk_box table { width: 460px !important; } ←這邊的數字
好想睡覺
請問有沒有可以只把所有訊息/新訊息/檢視未讀訊息這排按鈕往下的語法呢><
因為上面會撞到天花板所以把河道往下調,但不想動到主控台所以有固定河道寬度,但變成河道底層的噗會跟按鈕卡到T.T
https://images.plurk.com/4Wr6w2OUDZBJ9HnTSUIcSS.png
阿斗
wfan0909: 具體數字請再加減調整成喜歡的高度
.timeline_control{
margin-top: 0px;
}
好想睡覺
啊OK了,感謝噗主!!!!
玖夜
阿斗 : 真的感謝!我找到了果然是我上面貼的原本面板的語法問題,正在調整合適的數值
趴趴真的好可愛
阿斗
玖夜 : 太好了有找到解決方法就好 !!在想怎麼暴力解決
玖夜
不好意思我又遇到一個問題
https://images.plurk.com/20o59TpK7K1NBrBFBPqEwd.jpg
這邊跑掉的話可以調哪邊?目前改回未讀顯示的語法
⚖小林喵的許願池🖋
找找看大頭貼那邊的語法有沒有跑掉
⚖小林喵的許願池🖋
https://images.plurk.com/68wHSbyUQwyy5RbAWhCk8o.png
這段語法的left後的數值調看看
玖夜
⚖小林喵的許願池🖋 : 恢復了,謝謝
⚖小林喵的許願池🖋
太好了~
南暄(•ө•)
我也有滑鼠移過去圖片會跑的問題
往前翻大家的解決辦法還是沒看懂....
阿斗
南暄(•ө•) : 看起來是預設版型的樣子沒想到也有問題嗎 是只放圖也會這樣嗎?抱歉了詳細的我只能今天下班後看了
三三🌟得九
這邊噗浪版型是套用預設的,噗主分享的css只有放圖片的部分——
https://images.plurk.com/75ua3MusDE2RSNV7E9N8WZ.png
這是我目前圖片位置的數值,大概測試過如果right超過150位置就不會固定(根據每噗長短、滑過與點擊的位置也都不同)
因為很有貓咪任性愛待哪就待哪的關係覺得這樣也很可愛有趣所以就繼續維持了XD
提供給大家參考一下
⚖小林喵的許願池🖋
貓咪愛待哪就待哪,感覺超可愛XD
滑過去跟點開的位子都不一樣XDDD
南暄(•ө•)
我的right只有設定50還是會亂跑www
⚖小林喵的許願池🖋
我有發現回應數在0、單位數、二位數、三位數的時候,位子都會稍微有點偏移XD
豆吋ㄦ✨委託ᴏᴘᴇɴ ~✶.°
感謝您的語法!!
這裡也想請問是否可以改已讀回覆的透明數值,想要改成半透明的不知道可不可以
阿一🍜🪔深尾矢人あの奴ღ
謝謝噗主寫語法分享
轉職點點魔法師💫黑Black
謝謝噗主的語法分享
另外想請問有沒有方法把這個語法只套用在轉噗上
綿綿🌟
您好,這邊其他噗會擋到另一噗的圖,想請問這個要怎麼調整
https://images.plurk.com/6724RZiDNzsc6ZtB0Ncnjh.png
阿斗
我下班ㄌ!抱歉用手機回覆慢我等等到家一個個回覆
ㄚ鵝想放假
不好意思想詢問一下這裡未回應的數字位置會太下面,需要在哪裡調整>< https://images.plurk.com/6brHu8OCA4nGsum2ykJ0jp.jpg
阿斗
南暄(•ө•) : 好、好吧,我好像真的找不出原因抱歉
太神秘了希望有神人解惑……
阿斗
三三🌟得九 : 有看到你的截圖真的很可愛!!因為是貓咪所以接受了牠會隨意移動的你也很可愛 !!!(? 謝謝你的分享和噗幣
阿斗
豆吋ㄦ✨委託ᴏᴘᴇɴ ~✶.° : 分別在下面兩個段落增加opacity(不透明度)這行就可以了!1是不透明,相反0就是完全透明,請再調整成喜歡的不透明度
.response_count{
opacity: 0.5;
}

.new .response_count{
opacity: 1;
}
阿斗
依萱✿我畫的都是幻覺 : 想請問你是在#dynamic_logo設定噗寶的嗎?我用檢測看了一下好像連圖片網址都沒看到,可能有刪到分號或語法沒完整?
或者你再重新設定一下應該就可以了?
dynamic_logo {
top: 0;
background-image: url(圖片網址);
}
玖夜
如果是跟我一樣噗滑過去趴趴會往前
我上面詢問時圖片那樣的話
https://images.plurk.com/wu9PFKkagWXhmujTpwy0k.jpg

可以改這部分試試有沒有相同的語法,我自己是將360、300、310這些數值的地方調整到趴趴只會些微往前,有的就完美不動,只是細調有點久XDD
玖夜
不過我這方法可能只適合未讀回應
因為點開趴趴會嚴重往後,我還沒找到原因
阿斗
謝謝 玖夜 ……! 希望可以對 南暄(•ө•) 有幫助……!
豆吋ㄦ✨委託ᴏᴘᴇɴ ~✶.°
非常感謝!!!!有漂亮的透明了謝謝!!!!
小林喵=小梨標😷=李清喵
依萱✿我畫的都是幻覺 : 圖片跑超右邊的話,在上面那個語法
dynamic_logo {
top: 0;
right: 50px;
background-image: url(圖片網址);
}
像這樣試試看?
小林喵=小梨標😷=李清喵
right後面的數字可以自己調整
小林喵=小梨標😷=李清喵
依萱✿我畫的都是幻覺 : 你的完整噗寶語法可以貼給我看看嗎?
南暄(•ө•)
我沒有那個調整噗浪寬度的語法誒
但這跟我用的是新版寬河道有關係嗎?
依萱✿我畫的都是幻覺
小林喵=小梨標😷=李清喵 : ...我.......我解決了.......抱歉XDDDDDDD謝謝不好意思麻煩您和噗主了!!跪
謝謝謝謝不好意思打擾了
小林喵=小梨標😷=李清喵
依萱✿我畫的都是幻覺 : 啊,那就好XD
正準備要貼我自己的語法上來看有沒有哪裡不同了XDDDDDD
小林喵=小梨標😷=李清喵
結果最後是什麼問題呢?
阿斗
依萱✿我畫的都是幻覺 : 那裡面再加這個↓
left: 70vw;
background-repeat: no-repeat;
height: 800px;
width: 506px;
位置再請你細調了!
阿斗
啊我剛剛沒F5沒看到已解決了XDDD 解決就好!
依萱✿我畫的都是幻覺
小林喵=小梨標😷=李清喵 : /*單隻噗寶*/ (Plurk Paste)
結果把這段的語法貼在前面就解決了
阿斗 : 謝謝謝謝您!!!不好意思打擾了噗主辛苦了好有耐心回答大家問題!!
小林喵=小梨標😷=李清喵
小林喵=小梨標😷=李清喵
玖夜 : 我之前在調整的時候也有一度會這樣
因為想要讓河道上的噗在沒點開之前可以短短的(看起來比較清爽)
結果滑鼠滑過去、點開的時候,圖片都會退超後面XDDD
因為無法解決就乾脆一個個刪掉重弄
最後就還是讓河道上的噗長長的了XD
玖夜
小林喵=小梨標😷=李清喵 : 你的河道很漂亮啊XDD點開來朦朧感超棒!!我都不知道怎麼設定
我現在煩惱點開比較長的噗時整個視窗會往下,但不想弄語法了
小林喵=小梨標😷=李清喵
玖夜 : 我用這段你試試看(我放在趴趴前面)
/避免噗文展開後被切掉/
timeline_cnt,
.block_cnt {
overflow-y: visible !important;
}
.div_inner {
height: auto !important;
position: absolute;
top: 0;
bottom: 0; }
安安你好゚∀゚)σ~♥
南暄(•ө•) :
/*謝林趴趴回應數*/ (Plurk Paste)
看了河道的語法好像跟原噗主的不大一樣,所以我還是先依原噗主的語法,然後第一行加上了【width: min-content;】,先試試吧~
小林喵=小梨標😷=李清喵
玖夜 : 忘了說,你說的朦朧感是半透明的感覺嗎?我用這段(滑鼠移過去的時候會比較清楚)
.plurk_cnt
{background: rgba(255,255,255,0.6) !important;
transition: background 0.7s ease-out;}
.plurk_cnt:hover
{background: rgba(255,255,255,0.9) !important;
transition: background 0.7s ease-out;}
玖夜
小林喵=小梨標😷=李清喵 : 還是沒辦法QQ
也許是我視窗問題(?
https://images.plurk.com/arcUAXQPh6CiXyuBrAPeB.jpg
玖夜
小林喵=小梨標😷=李清喵 : 哇感謝,我馬上來試試看,半透明朦朧感真的很漂亮
小林喵=小梨標😷=李清喵
玖夜 : 啊,可能是因為你河道高度比較窄嗎?
因為我的版面就幾乎整頁都是河道(?
打開靠下面又比較長的噗的時候,是噗會往上移,而不是畫面整個往下跑
我找找哪段語法比較有可能XD
小林喵=小梨標😷=李清喵
玖夜 : 試試看這個?
/河道調整/

timeline_holder {
height: calc(100vh - 160px) !important;
background: none;}
南暄(•ө•)
安安你好゚∀゚)σ~♥ : 試了一下你的版本,好像沒有改善,但還是謝謝你!
玖夜
小林喵=小梨標😷=李清喵 : 還是沒辦法
也許我也要重新砍掉試過順便改面板
阿斗
轉職點點魔法師💫黑Black : 不好意思我想了很久,想先確認一下是以自己的視角看自己河道上的轉噗會套用到的意思嗎?
就是:
噗主自己發的噗(圖片1)+噗主河道上飄的轉噗(圖片2)+其他(朋友、關注的人)的噗(圖片3) 這樣?
櫻澤樂★鈴連大好き
https://images.plurk.com/4cBpJuK79JBQKQV2SmIIcz.png 氣泡框沒辦法像示範的這樣要怎麼解決 謝謝
阿斗
櫻澤樂★鈴連大好き : 這是未讀的氣泡框嗎?
轉職點點魔法師💫黑Black
阿斗 : 是的 因為想再裝飾一些圖案在河道上
另外也想請問 如果是想讓他人的視角看自己河道上的轉噗又是不同的語法嗎?
阿斗
綿綿🌟 : z-index數字調到1000試試,還不行就再往上 (暴力解法
阿斗
ㄚ鵝想放假 : 增加一行line-height去調整
.new .response_count{
line-height:數字px;
}
但是通常來說應該高度跟已讀一樣才對好神奇
阿斗
轉職點點魔法師💫黑Black : 他人視角看自己河道轉噗比較簡單,因為就等於只有噗主(特定帳號)+其他噗(轉噗) 兩張圖而已
阿斗
轉職點點魔法師💫黑Black : 而且後來我又想了一下自己視角好像也不好實現用到三張圖
只能噗主(特定帳號)+飄來的轉噗 這樣兩張
其他噗就沒有圖了
*MARUKO*
謝謝分享!好可愛
小林喵=小梨標😷=李清喵
玖夜 : 我覺得打開很長的噗河道版面會跑應該和螢幕解析度有關XD
我用比較小台的筆電開噗浪也會這樣XDDDD
ㄚ鵝想放假
阿斗 : 改好了,謝謝噗主!! 好像是我原本套用的模板氣泡框位置有調過一點點所以現在才漂走
凜上開花 ▶在被氣死的路上
想請問一下,這邊套用趴趴回應數以後,原本放置的噗寶會掉到下方發文區,刪除趴趴回應數以後又會回到原本的位置,是語法有衝突嗎><??要怎麼更改才不會讓噗寶掉下去
卡羅卡羅🍕SCP-458
凜上開花 ▶在被氣死的路上 : 上面好像有解答過了
凜上開花 ▶在被氣死的路上
卡羅卡羅🍕SCP-458 : 看到了!!感謝
櫻澤樂★鈴連大好き
阿斗 : 未讀已讀都是這樣
轉職點點魔法師💫黑Black
阿斗 : 是圖片會被蓋過去 或是語法會衝突的意思嗎? 總之很難實現?
那如果想讓他人視角看自己河道主噗和轉噗有不同的圖案該怎麼做呢?
自己是先嘗試了把特定帳號的語法套用到自己的ID上 然後再加上最一開始的趴趴回應數語法 然後喜聞樂見的失敗了
阿斗
轉職點點魔法師💫黑Black : 順序倒過來就可以,語法是會覆蓋的(後打的會蓋掉前面打的)所以先改大地方再改小地方
阿斗
櫻澤樂★鈴連大好き : 看起來只有尾巴顏色沒問題?那麼這樣呢
.response_count{
background-color: 已讀氣泡色碼 !important;
}

.new .response_count{
background-color: 未讀氣泡色碼 !important;
}
.response_count::after{
border-color: 已讀尾巴色碼 transparent transparent 已讀尾巴色碼;
}

.new .response_count::after{ border-color: 未讀尾巴色碼 transparent transparent 未讀尾巴色碼; }
阿斗
轉職點點魔法師💫黑Black : 有點難說明,主要是我不會說明(
如果噗文最外層有一個叫做轉噗的class,我就可以針對這個class去篩選出來套上樣式,但很可惜沒有
所以只能用另一種方式寫:當噗文裡有轉噗符號時就出現圖案
但這樣再套用趴趴語法就會出現兩種情況:
1. 噗主(圖片1)+轉噗(圖片2+圖片3一起出現)+其他噗(圖片3)
2. 噗主(圖片1)+轉噗(圖片2)+其他噗(無圖)
這樣
轉職點點魔法師💫黑Black
阿斗 : 原來如此 也就是說原本就少了一個零件這樣?能運作但會有問題出現
謝謝噗主的解說 現在成功把兩張圖都放上了
但最上面的趴趴回應數語法的圖片大小會被底下的特定帳號設定的圖片大小蓋過(thinking) 簡單來說這兩個的圖片設定好像變成共用的了 沒辦法單一調整 想請問有沒有什麼解決方法 還是說只能從圖片本身下手了呢?
草梨葉(´・ω・`)
轉職點點魔法師💫黑Black : 我這邊是把這段
width:70px;
height:46px;
right: 50px;
top:-42px;
移到給特定帳號用的那邊就可以了
https://images.plurk.com/5gihWGexvIcQtc3BHjiWw6.jpg
大概這樣,可以試試看
轉職點點魔法師💫黑Black
草梨葉(´・ω・`) : 成功了! 謝謝您提供解法!謝謝!!
西🍉只是一片西瓜
謝謝分享!這邊也借來用了~
蘇提比⛧窮鬼
想問如果圖片沒有正常顯示的話怎麼辦
css在這裡
卡羅卡羅🍕SCP-458
蘇提比⛧窮鬼 : 你沒有開權限
安安你好゚∀゚)σ~♥
蘇提比⛧窮鬼 :網址要是.jpg .gif .png 結尾的才行哦
蘇提比⛧窮鬼
阿斗
蘇提比⛧窮鬼 : 對的是圖片網址的問題
蘇提比⛧窮鬼
成功ㄌ 謝謝大家
魁月😎🐯燃燒獵人
想請問一下噗主是否可以在噗上掛上兩張圖片 想要一左一右的感覺,這邊嘗試過放兩次語法但是新的會覆蓋掉舊的QQ
安安你好゚∀゚)σ~♥
魁月😎🐯燃燒獵人 :
放二張圖
※如果是用right去定位的話,會因為每個人對噗的寬度展開設定會出現位移,需要注意一下。
阿斗
魁月😎🐯燃燒獵人 : 這段複製貼上後,把before改成after,right: 50px;改成left: 0px;
位置再慢慢細調
https://images.plurk.com/48pq5pNpSvVX1WQXGJWHZd.png
魁月😎🐯燃燒獵人
安安你好゚∀゚)σ~♥ : 阿斗 : 好的!非常感謝解答
千☁️
噗主不好意思打擾了
想請問有沒有方法將語法只套用在轉噗上?
(主要他人視角)
不好意思雖然上面有講了但聽不太懂
有試過將套用特定帳號語法上的.cboxAnchor改成.cboxAnchor.replurk但沒有用
改只套用未讀的那個的話只有對方也轉噗的噗才會顯示
試了很久都找不到方法所以才來問噗主
真的不好意思ㅠㅠㅠㅠㅠ
安安你好゚∀゚)σ~♥
舊椅🪑𝔾𝔾𝟜𝔼𝕍𝔸
不好意思想問一下噗主,這邊使用「套用特定帳號」的語法,但未讀數的氣泡框跟尾巴顏色都沒辦法呈現 (長得跟已讀的一樣)
已經有在語法中加入這一串
.new .response_count{
background-color: 未讀氣泡色碼 !important;
但可以顯示出氣泡框來,應該跟原本的佈景沒有關係(?)但好像只有我碰到這個問題不知道問題出在哪裡
https://images.plurk.com/3tllquyZKrtKXXDtsSmmO.png https://images.plurk.com/xEzIPhhEFxorkvB4vNeZU.png
千☁️
安安你好゚∀゚)σ~♥ : 您好,請問是將這段語法直接放在最後面嗎?還是是放在哪段語法中間呢><
安安你好゚∀゚)σ~♥
千☁️ : 放哪都可以,可以自由調整。先試試能不能成功~~^_^
千☁️
安安你好゚∀゚)σ~♥ : 不好意思...這邊不太懂您的意思....
但這邊想到能放的地方都放過了都沒辦法
還是謝謝您QQ!
7P♘楊軒宇…◿
非常感謝噗主的分享,成品真ㄉ好可愛
我這邊是同時用了特定帳號+未讀訊息的
但是我發現特定帳號的未讀尾巴顏色會打架(普通的未讀和特定帳號的已讀都ok),不知道有沒有辦法解決↓
https://images.plurk.com/2zJLkkqBjUqTaAdCNEnD76.png
不管行不行都先謝謝了!!
阿斗
舊椅🪑𝔾𝔾𝟜𝔼𝕍𝔸 : 改這樣看看 雖然我剛有試出奇怪的bug,但說不定你很幸運
/* 新回應氣泡框 */ (Plurk Paste)
阿斗
千☁️ : 基本上貼在佈景最後就可以了,裡面的圖片網址是肉骨獸,你可以先直接全複製貼上測試看看圖片有沒有正常出現再去做微調
/* 轉噗上出現圖案 */ (Plurk Paste)
阿斗
7P♘楊軒宇…◿ : oh...對我剛剛碰到的bug就是這個(
也一樣試試這個呢? 說不定你也很幸運
/* 新回應氣泡框 */ (Plurk Paste)
阿斗
再不睡可能上班會死掉我先去睡... 感謝幫我回答的各路友善噗友
7P♘楊軒宇…◿
窩窩窩窩窩窩窩窩喔!!!!!!
可以ㄌ!!!!!!
謝謝噗主
看來我還是很幸運ㄉ

噗主晚安,祝你有ㄍ美夢
千☁️
阿斗 : 謝謝噗主!!!有出現了!!!!!!
但點開噗之後趴趴不會跟著動

不好意思這麼晚還麻煩噗主
噗主晚安!
舊椅🪑𝔾𝔾𝟜𝔼𝕍𝔸
新的回應氣泡框語法成功了
謝謝噗主大半夜的還幫忙大家抓蟲解決問題
大貓💙畫圖手不復在
您好,想詢問如何更改回應數的顏色(非氣泡顏色)、調整氣泡+數字的透明度
還有更新語法途中不知道動到什麼,跳新回應的噗文會呈現黃色
大貓💙畫圖手不復在
同樣出現噗文被截到的問題,補上上面的語法無法解決
✤涼晨✤
謝謝阿斗的語法,真的超級可愛!!
想詢問如果想讓置頂右上的噗寶和其他噗文上的趴趴不一樣的話,有什麼文法可以讓趴趴不出現在置頂上嗎?
安安你好゚∀゚)σ~♥
熙靜(♡˙︶˙♡)
https://images.plurk.com/banXXCN3YcJgulV0UAYT7.png
這邊想請問要怎麼更改 這個未讀訊息的框框的顏色呢?
✤涼晨✤
安安你好゚∀゚)σ~♥ :
感謝您的回應,成功了!!
不過發現趴趴的位置在某幾個噗上面會向右位移,不會在設定的位置上,想請問可能是什麼地方的問題呢? (只使用了趴趴,並無更改排版與氣泡框
安安你好゚∀゚)σ~♥
KannasukiKurara:
【.new .response_count {background: 底色的色碼;color:字的色碼 !important;}】
熙靜(♡˙︶˙♡)
安安你好゚∀゚)σ~♥ : 謝謝您!這邊成功了
阿斗
✤涼晨✤ : 向右移是很誇張的位移嗎? 如果是指在各個噗上位置有些略不同但還是固定在右上角的話是正常的
安安你好゚∀゚)σ~♥
✤涼晨✤ : 看了一下河道,應該是回應數的問題,個十百位的回應數讓那個寬度會產生變化。
【.td_response_count {min-width: 25px;}】
改上面那個數字、或是向上進行調整試試。然後再去改趴趴的位置。
✤涼晨✤
阿斗 : 看了一下,和樓上說的一樣應該是回應數的問題,不會很誇張但會有一點偏移這樣

安安你好゚∀゚)σ~♥ : 請問是要把這行加在哪一段嗎?因為好像沒有在語法裡看到這行
安安你好゚∀゚)σ~♥
✤涼晨✤ : 直接加後面應該就可以了。
阿斗
千☁️ : 更新了一下這樣就會跟著動了
/* 轉噗上出現圖案 */ (Plurk Paste)
請把之前這段刪掉↓

.q_replurks{
position:relative;
}

我把.q_replurks設成relative簡直是多此一舉...
千☁️
阿斗 : 好的謝謝噗主!太麻煩您了真的謝謝
✤涼晨✤
安安你好゚∀゚)σ~♥ : 成功了!非常感謝您的解答!!
阿斗
大貓💙畫圖手不復在 : 我記得噗浪原本預設的樣式就是新回應會先跳黃色再慢慢變回白色的,你是指一直呈現黃色的狀態嗎?
大貓💙畫圖手不復在
阿斗 : 黃色的部分把原先有的語法放回去就解決了,但出現過長噗文不會自動換行顯示
今天有試著用語法改變數字顏色,後來沒成功,不知道是自己放錯位置還是用錯寫法
阿斗
大貓💙畫圖手不復在 :
改數字顏色
color: 色碼;

氣泡透明度,在這兩段加不透明度的語法就可,數字在1到0之間
.response_count{
opacity: 0.5;
}

.new .response_count{
opacity: 0.5;
}
大貓💙畫圖手不復在
數字顏色的有特定要放哪段嗎?
阿斗
大貓💙畫圖手不復在 : 已讀氣泡框內寫一行,未讀氣泡框內寫一行,尾巴裡不用寫
阿斗
大貓💙畫圖手不復在 : 等等你的後面好像需要加!important才會成功,長這樣
color: 色碼 !important;
大貓💙畫圖手不復在
謝謝您耐心回答!!明天我開電腦試試看
阿斗
大貓💙畫圖手不復在 :
噗文破版的問題,加在最後就好
._lc_ .cboxAnchor[data-type="plurk"] .plurk_cnt .tr_cnt {
margin: 5px 10px 5px 25px;
display: block;
}
給你筆,請自耕
噗主你好,首先要謝謝噗主分享這麼可愛的語法,前兩天我簡直玩瘋了。我剛才試著用「只套用特定帳號」那組語法,但是不知道為什麼我的河道就變成這樣了↓
https://images.plurk.com/874DuFpCwqNdg55IGS0kl.jpg

排版+氣泡框以下的語法在輸入UID的地方打完特定帳號後,就會變成上圖的樣子,河道所有內容都跑到最上面紅色的地方,但如果只在圖片網址那裏的地方UID輸入+把其他UID的""刪掉)就完全沒事,可以在特定帳號顯示圖片(只是對話框就是原來的樣子)我也一時不知道是不小心多改到哪裡了……
阿斗
給你筆,請自耕 : 哇不會是3.0又有問題ㄌ…… 方便貼貼你的語法嗎,私噗貼給我也可以><
給你筆,請自耕
阿斗 : 已私噗,真的不好意思
給你筆,請自耕
安安你好゚∀゚)σ~♥ : 有有有,我剛才重新調整一次已經沒問題了,非常謝謝你!
灼泠縭月
是不是沒辦法同時用普通趴趴和轉噗趴趴呀(doh)
阿斗
灼泠縭月 : 可以同時用,再調位置就好
https://images.plurk.com/6rFYCTsSYezCvUULu7e0Nq.png
阿斗
灼泠縭月 : 不過如果是指讓轉噗上兩個只出現一個的話…對,沒辦法
阿斗
感覺大多的問題都是因為跟噗文版型有衝突才產生的,所以先刪除了語法裡噗文版型的部分,只留下圖片和回應數的樣式
之前有問題弄不出來的噗友不妨也先刪掉噗文的語法試試看
安安你好゚∀゚)σ~♥
灼泠縭月 :
/*只針對趴趴的轉噗與普通噗設定*/ (Plurk Paste)
這個其實我只看 灼泠縭月 : 的河道整理的。
之前css有調整大改過的版,不一定適用。我家就已經改到面目全非了
https://images.plurk.com/3xasL84bM5SIXnu8CXowr5.png
阿斗
安安你好゚∀゚)σ~♥ : 喔喔!這樣子最後再加上.cboxAnchor[data-uid="特定帳號"] .qualifier.q_replurks::after{}還可以讓特定帳號不會出現兩張圖…!茅塞頓開…!
安安你好゚∀゚)σ~♥
阿斗 : 對的,但之前對表達的.qualifier有進行調整的話,可能會微調到想哭。且有些版型的噗寬變化很大,跑版就會更明顯。所以我自己的河道把噗寬鎖住了
另,如果有人有想把偷偷說的噗抓出來的話,在非轉噗那裡可以改成【.qualifier:not(.q_whispers):not(.q_replurks)】然後用轉噗的那個語法copy改成【.qualifier.q_whispers::after 】
阿斗
安安你好゚∀゚)σ~♥ : 好棒!好有趣! 看來對想換很多圖的人來說寫在.qualifer才是正確的選擇
安安你好゚∀゚)σ~♥
其實可以寫的地方很多啊,但因為每個人版型不大一樣,沒辦法套用到每個人。
https://images.plurk.com/3TRNagwL5kw5pfb79QrE7H.png
未讀燈亮起來的時候
https://images.plurk.com/P8YwxxauzgIIpyWvpiGAJ.png
泡泡藍
您好想請問一下,如果回應的數字沒有置中的話可以怎麼修改呢?
https://images.plurk.com/2h0jAi5GkeaJp1Y3TMQBwR.png
(氣泡是用原來的版型所以位置沒有變~)
安安你好゚∀゚)σ~♥
泡泡藍 :
【text-align:center;】這是水平置中的意思。
【line-height:8px;】這是可以調整垂直的位置,如果覺得高度不大對,上下微調這裡。
泡泡藍
安安你好゚∀゚)σ~♥ : 可以調整了謝謝您!!
灼泠縭月
阿斗 : 安安你好゚∀゚)σ~♥ : 謝謝回答!
總之是亂套了未讀+轉噗,這樣比較簡單……
不過數字總是會有被截掉的感覺,請問這是要在哪邊調整呢? https://images.plurk.com/sTiwEpM9TTfC2QAXV84tF.png
載入新的回覆