ಠ_ಠ
@anonymous
偷偷說
Wed, Mar 2, 2022 2:41 AM
Sun, Mar 12, 2023 6:47 AM
3613
1857
10
噗浪佈景
v1.1已失效,最新版本是v1.2
因為太無聊所以弄了個裝飾空噗的語法,來分享一下
看慣了那句「還沒有人回應哦,趕快來搶頭香囉!: )」嗎?
這邊可以讓河道上沒有回應的空噗增添一點生氣
範例圖:
語法用了
名畫表符
和
狐表符
作為範例,如有不妥,噗主會改成自繪圖當範例
語法下收
使用時的一般問題可以參考
空噗語法FAQ
ಠ_ಠ
Wed, Mar 2, 2022 2:41 AM
Sun, Mar 12, 2023 6:41 AM
1.1版已不能用,2023年3月12日更新為v1.2
,如果日後還有更新會用版本數字
單隻角色:
名畫陪你聊v1.2
兩隻角色:
兩隻陪你聊v1.2
兩隻的也有左右方向的版本:
兩隻陪你聊(不同方向版本)v1.2
(不太實用的留言噗版本)最初的留言和最後的留言
語法
ಠ_ಠ
Wed, Mar 2, 2022 2:42 AM
在語法裡可以找到圖片和對話,直接改成喜歡的就可以試玩了
總共有四種狀態:
.打開空噗時的預設
.滑至噗內
.滑至頭像及對話內
.點擊頭像及對話內
如果覺得滑動點擊變化太多,可以直接刪掉那個部份
高度寬度或cursor或其他效果都可以隨意更改
taro9648
Wed, Mar 2, 2022 2:42 AM
sheep5650
Wed, Mar 2, 2022 2:43 AM
好可愛喔!
soda4525
Wed, Mar 2, 2022 2:44 AM
太可愛了吧
!!今天回家馬上來試試
eagle2823
Wed, Mar 2, 2022 2:45 AM
好嗆
chili8255
Wed, Mar 2, 2022 2:47 AM
好可愛!
剛剛用了名畫版本馬上就被嗆了
ಠ_ಠ
Wed, Mar 2, 2022 2:48 AM
嗆一點才有意思,
前陣子不斷看名畫嗆朋友的噗,很歡樂
pie6279
Wed, Mar 2, 2022 3:13 AM
太可愛了吧!!謝謝噗主!!
kimchi107
Wed, Mar 2, 2022 3:21 AM
立刻來用!
bat2274
Wed, Mar 2, 2022 3:37 AM
請問這是發噗人才看得到,還是大家都看得到呢?
mink2762
Wed, Mar 2, 2022 3:39 AM
為什麼要嗆自己
corn2363
Wed, Mar 2, 2022 3:43 AM
太可愛了吧!!!
lemon2899
Wed, Mar 2, 2022 3:45 AM
太可愛了吧喜翻!!謝謝噗主
chili1267
Wed, Mar 2, 2022 4:01 AM
bat2274: 去發噗人的河道才看的到
beetle8613
Wed, Mar 2, 2022 4:03 AM
可愛到 不想要人來留言!!(不
ಠ_ಠ
Wed, Mar 2, 2022 4:08 AM
bat2274: 跟一般河道語法一樣(像噗寶那些)
套用到自己河道就會看到自己和別人的空噗全部都被嗆
別人進去你的河道,要等到你發個空噗才會看到
不想被嗆也可以改成「來搶頭香吧」或其他對話
clam8327
Wed, Mar 2, 2022 5:02 AM
增添一點
生氣
tofu2569
Wed, Mar 2, 2022 5:19 AM
好可愛謝謝噗主,之後來改造成我CP貼貼對話(?
toro7134
Wed, Mar 2, 2022 5:23 AM
太可愛了!!!
turtle3384
Wed, Mar 2, 2022 5:25 AM
超好玩!
raisin5835
Wed, Mar 2, 2022 5:32 AM
超可愛!!感謝分享
bat2274
Wed, Mar 2, 2022 5:35 AM
ಠ_ಠ: 謝謝噗主,這邊也來玩玩看了!好可愛喔!!!
banana3387
Wed, Mar 2, 2022 6:04 AM
好可愛XD
sugar4468
Wed, Mar 2, 2022 6:09 AM
好可愛!謝謝噗主分享
swan6012
Wed, Mar 2, 2022 6:24 AM
有夠可愛,
嚴重懷疑自動回覆機器人會滅絕
pea50
Wed, Mar 2, 2022 6:32 AM
用好之後真的想為了看空空的留言區刪掰噗了(
mint2531
Wed, Mar 2, 2022 7:04 AM
掰噗一點用也沒有 還會不對的時機講垃圾話
clam8327
Wed, Mar 2, 2022 7:05 AM
weasel700: 自定佈景裡
grape7199
Wed, Mar 2, 2022 7:11 AM
mint2531: 其實最早大家加掰噗應該只是為了不掉卡馬(?
hen1286
Wed, Mar 2, 2022 7:29 AM
Wed, Mar 2, 2022 7:29 AM
感謝噗主的匠心巧思!
不過這邊套用了字顯示不出來(對話框空白)TT不知道有沒有善心大德可以解惑
ಠ_ಠ
Wed, Mar 2, 2022 7:31 AM
掰噗那類機器人的變化比較多www
語法只是讓大家簡單調整成自己喜歡的頭像和句子
和享受被嗆的快感
ಠ_ಠ
Wed, Mar 2, 2022 7:35 AM
Wed, Mar 2, 2022 7:36 AM
hen1286: 你的噗平常是不是白色文字的?
語法寫得比較粗糙,對話框設定成白色背景,文字顏色沒有改變
如果是,要加一句color: FFF,或者調整background-color把對話框改成其他顏色(把background-color直接刪了就是透明對話框)
berry6130
Wed, Mar 2, 2022 7:40 AM
回家馬上來試試wwww
bat742
Wed, Mar 2, 2022 7:42 AM
好可愛!!
puff7187
Wed, Mar 2, 2022 7:44 AM
謝謝噗主!好可愛!!看著覺得超療癒!!
mantis7492
Wed, Mar 2, 2022 7:45 AM
想請問噗主圖片要怎麼改才能像語法那樣變成表符png呢
solar4158
Wed, Mar 2, 2022 7:51 AM
天才 謝謝噗主
peach9586
Wed, Mar 2, 2022 7:53 AM
好可愛!
omelet5676
Wed, Mar 2, 2022 7:54 AM
mantis7492: 我猜是噗浪表符直接右鍵複製圖片位置...?
honey9291
Wed, Mar 2, 2022 7:55 AM
只要沒人留言 任何一噗都會跑出這兩隻 超可愛
ಠ_ಠ
Wed, Mar 2, 2022 7:56 AM
mantis7492: 語法範例的圖片都是直接採用了名畫表符和狐表符,不是噗主的喔
如果你想換成其他表符,可以右鍵複製網址
如果你想用自己的圖(非表符),也可以直接上傳再套用~
這個語法是拿48x48表符當範例
如果用自己的圖,可能需要自行調整圖片大小(可以利用background-size語法),或者調整語法裡頭像和對話框的height、width等等,改變對話框的大小
soup8975
Wed, Mar 2, 2022 7:59 AM
這個太好玩了XD謝謝
cherry822
Wed, Mar 2, 2022 8:19 AM
好讚
mole933
Wed, Mar 2, 2022 8:26 AM
好可愛 留名回家更新
caviar2289
Wed, Mar 2, 2022 8:38 AM
想問一下噗主,滑鼠移到上面會出現的+ 符號,請問這個可以改或是替換成圖片嗎? 謝謝~
ಠ_ಠ
Wed, Mar 2, 2022 8:45 AM
caviar2289: 出現+符號應該是用了名畫版本?
那就是語法裡的「cursor: cell」和「cursor: crosshair」,滑過去和點擊時的簡單效果
如果不需要可以刪掉
如果想換成其他圖片可以改為「cursor: url(圖片網址), auto」
ಠ_ಠ
Wed, Mar 2, 2022 8:47 AM
Wed, Mar 2, 2022 8:47 AM
這裡找不到一把好用的刀子表符,才會用預設的十字當作滑過和點擊的滑鼠游標
mantis7492
Wed, Mar 2, 2022 8:47 AM
原來如此,謝謝噗主也謝謝上面幫忙解答的旅人!
caviar2289
Wed, Mar 2, 2022 8:50 AM
ಠ_ಠ: 原來如此!! 非常感謝噗主的解答!
uranus6467
Wed, Mar 2, 2022 8:52 AM
好有趣
噗主是天才哈哈哈
berry5376
Wed, Mar 2, 2022 9:03 AM
讚嘆噗主的創意wwwww
bunny99
Wed, Mar 2, 2022 9:04 AM
請問手機版是不是看不到這個語法?
ಠ_ಠ
Wed, Mar 2, 2022 9:28 AM
bunny99: 對,噗浪的佈景語法只能套用到電腦版
shabu8904
Wed, Mar 2, 2022 9:40 AM
有了這個誰還需要掰噗W
cherry3993
Wed, Mar 2, 2022 9:40 AM
這個好好玩的樣子,可是我家有掰噗跟機器狼...
soup8975
Wed, Mar 2, 2022 9:42 AM
cherry3993: 我裝了這個然後取消掰噗和機器狼了XD
cherry3993
Wed, Mar 2, 2022 9:43 AM
soup8975: 他們好可憐XDDD
newt3439
Wed, Mar 2, 2022 9:44 AM
降低掰噗的出現機率,大家輪流出來透透氣
bunny99
Wed, Mar 2, 2022 9:53 AM
我已經把掰噗回噗率調成0了
cherry822
Wed, Mar 2, 2022 10:05 AM
哇意外的掰噗遺棄潮
hen1286
Wed, Mar 2, 2022 10:54 AM
ಠ_ಠ: 謝謝噗主熱心回覆釋疑!
試來試去決定把整個布景砍掉重練可以順利使用了yeah
pamelo6794
Wed, Mar 2, 2022 12:16 PM
謝謝噗主WW
太有趣了
jujube203
Wed, Mar 2, 2022 12:21 PM
想請問噗主文字的顏色可以調整嗎
cobra5676
Wed, Mar 2, 2022 12:21 PM
bunny99: 想問那個要怎麼調!
bunny99
Wed, Mar 2, 2022 12:25 PM
cobra5676: 發噗 掰噗回噗率 0%到100%(自己選擇),然後掰噗會回噗幫你修正
ಠ_ಠ
Wed, Mar 2, 2022 12:40 PM
Wed, Mar 2, 2022 12:40 PM
jujube203: 在「對話框預設」那一段裡加句「color: red;」(這句是紅色)
測試時沒有考慮到文字顏色,這邊晚點把語法再改一改,多加些註釋吧
如果其他人使用時有奇怪的地方或想改的地方也可以說一下
worm3482
Wed, Mar 2, 2022 12:45 PM
想問對話框的字能不能換行
一不小心把對話打太長了結果有點塞不下
pea50
Wed, Mar 2, 2022 1:10 PM
想請問噗主能不能一格對話框放兩張圖呢?研究了一下還是有點不太懂
ಠ_ಠ
Wed, Mar 2, 2022 1:16 PM
worm3482: 喔,試了試才發現噗浪佈景不能用換行符號
那就麻煩一點了,請把「對話框預設」的一句「white-space: pre;」改成「white-space: normal;」
那就會得到以下效果:
對話太長了超過對話框,有兩種選擇:
1. 調整對話框高度,就是把height調大一點的數字
2. 根據對話長短自動調整高度,把「height: 50px」那一句改成「min-height: 50px;」
如果想手動調整句子斷行,就要更麻煩些
pirate4978
Wed, Mar 2, 2022 1:18 PM
可憐的掰噗wwww
ಠ_ಠ
Wed, Mar 2, 2022 1:24 PM
Wed, Mar 2, 2022 1:24 PM
pea50: 可以是可以,但我不知道你想要的效果,範例:
.plurk_box > .response_box .list .empty::before{
padding-left: 60px;
padding-right: 60px;
content: "這個噗居然沒有人留言……";
background-image: url(圖1網址), url('圖2網址');
background-position-x: left, right;
}
horse2878
Wed, Mar 2, 2022 1:25 PM
Wed, Mar 2, 2022 1:25 PM
噗主您好不好意思,這邊把背景改透明、文字顏色改成黑色後第一個對話框的文字還是沒有跑出來,不知道是不是哪裡跑掉了QQ
worm3482
Wed, Mar 2, 2022 1:25 PM
感謝噗主!
如果可以,能夠順便問問手動斷行的方式嗎
怕自己哪天會用到(?
ibis7926
Wed, Mar 2, 2022 1:26 PM
horse2878: black後面要加分號;喔
horse2878
Wed, Mar 2, 2022 1:28 PM
ibis7926: 感謝旅人,但這邊加上去了還是沒有
ಠ_ಠ
Wed, Mar 2, 2022 1:29 PM
horse2878: 你可能要把整個佈景語法貼出來才知道
horse2878
Wed, Mar 2, 2022 1:34 PM
ಠ_ಠ: 可能...有...點...多...
想請問方便投幣開小房間做詢問嗎
ಠ_ಠ
Wed, Mar 2, 2022 1:34 PM
worm3482: 手動斷行的部份
首先把上面提及斷行的部份都處理掉
然後在「white-space: normal;」下面加一句「word-spacing: 100vw;」
對話的部份,加一個半形空白作為斷句符號,例如「第一句 第二句 第三句」
如果對話是英文句子,排版就會爛掉了
ಠ_ಠ
Wed, Mar 2, 2022 1:37 PM
1
horse2878: 可以,但這裡主要是想檢查語法有沒有錯漏或可改進的地方,所以只會回答基本部份
如果你本身有太多客製語法導致互相衝突,就會請你找其他人詢問了
horse2878
Wed, Mar 2, 2022 1:38 PM
ಠ_ಠ: 好的沒問題!謝謝噗主QQ
swan6012
Wed, Mar 2, 2022 1:43 PM
horse2878:
我也有相同問題,可以使用ctrl f 查找empty試試,相關語法直接刪掉
worm3482
Wed, Mar 2, 2022 1:46 PM
大感謝噗主
馬上就來試試看!
pony2095
Wed, Mar 2, 2022 1:48 PM
swan6012:太感謝旅人了!找到問題了
swan6012
Wed, Mar 2, 2022 1:52 PM
pony2095: 有幫助就好
pea50
Wed, Mar 2, 2022 1:57 PM
可以可以,謝謝噗主搶救語法笨蛋
ಠ_ಠ
Wed, Mar 2, 2022 1:59 PM
天鵝說得太對了!原來大家以前已經在玩空噗語法
如果發現怪怪的,可以搜尋「.empty」,說不定你以前已經把空噗玩了喔
horse2878
Wed, Mar 2, 2022 2:07 PM
swan6012: 謝謝旅人!這邊有成功了~!
koala6184
Wed, Mar 2, 2022 2:16 PM
天啊太可愛了,噗主簡直是天才
ಠ_ಠ
Wed, Mar 2, 2022 2:22 PM
突然發現別人刪噗後載入不了回應時,也會出現這個名畫
大概要為「唔,好像有點怪怪的…請重新整理看看。」調整了,研究後會再更新語法
corn711
Wed, Mar 2, 2022 2:38 PM
這個好適合前幾年的同人誌販售會 灑滿蔥花那個
ox8090
Wed, Mar 2, 2022 2:55 PM
讚嘆噗主!
magpie9189
說
Wed, Mar 2, 2022 2:57 PM
謝謝噗主分享這麼可愛的語法!!!
hawk6298
Wed, Mar 2, 2022 3:04 PM
感謝!!!馬上用了好可愛
jujube203
Wed, Mar 2, 2022 3:41 PM
ಠ_ಠ: 謝謝噗主回覆!來去調整看看
ಠ_ಠ
Wed, Mar 2, 2022 3:48 PM
Wed, Mar 2, 2022 3:56 PM
1
注意!
剛才更新了語法,主要改動:
1)修正了別人刪噗後,無法正確顯示「好像有點怪怪的」那句系統提示
2)句子太長會自動換行(如果句子溢出對話框,請自行修改高度)
3)預設文字顏色是黑色
4)追加註釋
追加註釋之後應該比較容易改動,例如顏色、圓角的部份
其他各種細節像字體那些請自行摸索了
可以繼續使用舊版,如果遇到上述刪噗或換行的問題就可以考慮用更新版本了
ಠ_ಠ
Wed, Mar 2, 2022 3:50 PM
如果沒有出現大問題,這應該是最終版本了,也免得大家要一直改動
pig4510
Wed, Mar 2, 2022 7:19 PM
好棒的東西!謝謝噗主
cafe6549
Wed, Mar 2, 2022 11:40 PM
cafe6549
Wed, Mar 2, 2022 11:40 PM
好酷
dwarf8124
Thu, Mar 3, 2022 2:22 AM
好好玩喔www
感謝噗主
star5639
Thu, Mar 3, 2022 2:49 AM
感謝噗主,請問噗主我想留佈景來源請問我要如何標註您?
ಠ_ಠ
Thu, Mar 3, 2022 3:22 AM
star5639: 我不太介意標註
畢竟我的css功力很馬虎
,有需要標這個噗就行
ಠ_ಠ
Thu, Mar 3, 2022 3:33 AM
Thu, Mar 3, 2022 3:43 AM
可能有人覺得要空噗才看到,
還想刪掰噗,掰噗太慘了
話說之前我也寫過有留言的版本:
語法
不過實際測試過不太實用
回覆串會拉長一點,在放負噗、瓜噗、引戰噗一直看到會很奇怪,也有更大機會跟你河道現有語法衝突
放出來給有興趣的人體驗一兩分鐘
wine1341
Thu, Mar 3, 2022 3:43 AM
我就是那個想殘忍捨棄掰噗的XDDD
但捨不得啦唉我都會回覆掰噗的留言(((
如果只保留 有人來留言ㄌ! 的那個語法
會跟本噗主推(?)的語法衝突嗎!
ಠ_ಠ
Thu, Mar 3, 2022 3:50 AM
wine1341: 空噗語法和上面「最初的留言/最後的留言」的語法沒有衝突~
只是會玩河道語法的人可能早已經用了各種語法裝飾回應串,這就有可能跟「最初的留言/最後的留言」衝突了
ಠ_ಠ
Thu, Mar 3, 2022 3:56 AM
對,選取想要的語法,直接貼到下面就可以了
cola7476
Thu, Mar 3, 2022 4:10 AM
超厲害欸!
cat5755
Thu, Mar 3, 2022 4:28 AM
這個好棒欸!
請問有可能做到從預設的幾個句子裡隨機挑一句出來顯示嗎?
wine1341
Thu, Mar 3, 2022 4:45 AM
直接試有成功了!
大感謝,現在正在看自己的測試噗感到被逗樂
ಠ_ಠ
Thu, Mar 3, 2022 5:00 AM
cat5755: 如果是不太實用的最初的留言/最後的留言,可以做到比較隨機的效果
如果是空噗,基本上沒辦法,除非硬來幹(根據噗的位置去決定留言):
因為太硬來了,這邊不提供語法,懂css的人可以自行領悟
更懂的人或許可以想出解決辦法吧
soup8975
Thu, Mar 3, 2022 5:21 AM
請問如果想保留在上頭(兩個對話都在上頭),並且有人回應以後可以改對話框要怎麼使用?(舉手)
ಠ_ಠ
Thu, Mar 3, 2022 5:40 AM
soup8975: 太難,我想不出解決辦法
空噗語法加上最初的留言語法是個折衷方案
soup8975
Thu, Mar 3, 2022 5:42 AM
ಠ_ಠ: 好的,謝謝您~
這邊是只會撿別人的來用,無法自創的笨蛋,感謝不吝回答~
cafe2473
Thu, Mar 3, 2022 5:43 AM
煩躁的功能XDDDDDDDDDDDDDD
bear7791
Thu, Mar 3, 2022 8:53 AM
Thu, Mar 3, 2022 8:54 AM
噗主不好意思
這邊想詢問如果表符沒有留白邊,會太靠近框線
有辦法修改表符跟框之間的距離嗎?謝謝您!!
snack1613
Thu, Mar 3, 2022 9:23 AM
噗主不好意思請問最初留言變成這樣是因為什麼原因呢?
這邊噗浪是沒加任何其他的語法來裝飾+這是未修改最初留言語法的
因為最後的留言那邊是能正常出現的,但也不知道要怎麼修正才好所以來問問看噗主
謝謝您!!
ಠ_ಠ
Thu, Mar 3, 2022 9:38 AM
bear7791: 這邊測試都是用48px大表符,你的頭像圖片是不是小於48px?
那你可以在「頭像及對話框預設」裡加一句:
background-position: left center;
(頭像在右邊就是right center)
如果想要更精準控制位置,就是:(數字自行調整)
background-position: 10px 10px;
ಠ_ಠ
Thu, Mar 3, 2022 9:52 AM
snack1613: 你沒有拿語法來裝飾,但是有用其他語法,對嗎?
例如用語法把留言串改成用戶名字在上方,留言在下方……
最初/最後留言比較容易跟其他語法產生衝突喔,因為很多人早就改了一堆,一般語法衝突噗主幫不上忙
如果你的河道沒有其他語法,卻顯示失敗,那可能是瀏覽器的差異了
(這邊只測試了chrome和火狐)
snack1613
Thu, Mar 3, 2022 10:01 AM
ಠ_ಠ: 原來是這樣!!以為只會跟裝飾用的語法才會衝突,那我再試試看怎麼去調整,感謝噗主
bear7791
Thu, Mar 3, 2022 11:54 AM
Thu, Mar 3, 2022 11:55 AM
ಠ_ಠ: 應該是比較小沒錯!!這邊修改了
不過我忘記說我是用雙向版本的了
另一邊好像不會一起跑
對不起嗚嗚
ಠ_ಠ
Thu, Mar 3, 2022 12:32 PM
bear7791: 你的語法用錯了,這裡不解釋
根據你的數字,請按照圖的指示,在「一般狀態」裡這樣改:
1. background-position: left 25px top 5px;
2. background-position: right 25px top 5px;
3. background-position-x那句可以刪掉,因為你直接指定了right 25px
bear7791
Thu, Mar 3, 2022 1:15 PM
ಠ_ಠ: 謝謝您qqq
(我覺得您解釋了我也聽不懂...(太笨
但是這邊不知道為什麼變成這樣了
第一個的第二句消失
然後另外兩種變成這樣......
我...我很抱歉
ಠ_ಠ
Thu, Mar 3, 2022 1:28 PM
bear7791: 這是語法完全錯誤,background-position要放在括號內
一般語法問題請另開偷偷說詢問
這邊稍後會另開新噗,把大家提及的幾個問題統一一下,包括頭像大小的部份
bear7791
Thu, Mar 3, 2022 1:38 PM
ಠ_ಠ: 非常謝謝您.........
這邊成功了!!!!!!!!
都是噗主的功勞,我就是個笨蛋
(貼還能貼錯
語法對我而言就是個望塵莫及的技能
(上過幾堂根本鴨子聽雷
venus4109
說
Thu, Mar 3, 2022 1:44 PM
Thu, Mar 3, 2022 1:44 PM
好可愛!謝謝噗主提供語法!
這邊請問噗主【滑至噗內】的滑鼠游標如果也想用圖片的話要怎麼加語法呢?
【滑至頭像及對話】時的滑鼠游標有改成功了,但【滑至噗內】好像沒看到滑鼠游標的語法這樣><
ಠ_ಠ
Thu, Mar 3, 2022 2:11 PM
venus4109: 這樣子,移到回應範圍就有滑鼠游標了
但是會影響所有噗(空噗和有回應的噗)
form_holder.plurk_box
> .response_box:hover{
cursor: grab;
}
並沒有只針對空噗的辦法
venus4109
說
Thu, Mar 3, 2022 2:34 PM
ಠ_ಠ: 好的了解!謝謝噗主說明🙏
ಠ_ಠ
Thu, Mar 3, 2022 2:38 PM
Thu, Mar 3, 2022 2:38 PM
這裡把之前有人提及的普遍問題整理一下,連結放到噗首,有需要的可以參考
ಠ_ಠ - 空噗語法的FAQ
queen204
Thu, Mar 3, 2022 7:33 PM
太感謝噗主了,好喜歡這個設計,馬上去用起來
噗主我愛你
jujube2683
Thu, Mar 3, 2022 11:54 PM
好有趣!
ham8870
Fri, Mar 4, 2022 5:01 AM
謝謝噗主!!!!
ಠ_ಠ
Fri, Mar 4, 2022 3:56 PM
Fri, Mar 4, 2022 4:00 PM
clam9002: 你是使用名畫版本語法嗎?這邊寫得比較差
你可以在點擊的部份補加一句:
「background-size: 70% !important;」
或者你可以用新版本的名畫語法v1.1,剛剛針對點擊時頭像大小的問題修正了
如果是狐表符的版本,也是點擊部份直接追加:
「background-size: 70% !important;」
clam9002
Sat, Mar 5, 2022 1:29 PM
ಠ_ಠ: 謝謝噗主的回應,後來自行把頭像縮小之後,不知道為什麼就成功解決這個問題,然後就手動刪掉問題了,沒想到噗主有看到。這個語法真的很有趣,現在看到空噗心情都很開心,真的很感謝噗主分享
ಠ_ಠ
Sun, Mar 6, 2022 10:53 AM
之前有人問及能不能隨機句子,空噗是辦不到的
這裡弄了另一個語法,給真的很想玩的人試玩
比起空噗的樸素,這個就花巧很多了
我完全想不出對話
ಠ_ಠ - #噗浪佈景 這個河道直播語法可以讓你感受到一種直播的快感 當你在河道上滑噗、點開噗,就會看到...
moon2704
Mon, Mar 7, 2022 5:16 AM
Mon, Mar 7, 2022 5:17 AM
直播語法太過優秀了吧XDDDD
pea9213
Mon, Mar 7, 2022 9:15 AM
噗主太厲害了!!!!
oyster8660
Tue, Mar 15, 2022 3:53 AM
感謝噗主!!這個真的很可愛啊 超棒!
我已經玩了一天了www
salmon7157
Sun, Apr 3, 2022 9:29 AM
太可愛了,晚上來學習
rabbit1220
Wed, Apr 20, 2022 6:14 AM
感謝分享~謝謝
oreo6822
Sun, Mar 12, 2023 5:32 AM
噗主您好!不好意思把這噗撈上來><
前幾天開始這個語法好像失效了
ಠ_ಠ
Sun, Mar 12, 2023 6:42 AM
oreo6822: 謝謝通知!這邊把第一則留言更新了,最新版本是v1.2!
ಠ_ಠ
Sun, Mar 12, 2023 6:46 AM
如果本身自訂了圖片文字,不想慢慢改的可以這樣做:
把原本的空噗語法抽出來,把「.list」全部換成「.list-container」,然後把語法貼回去就可以了
這次的修正只有這個
oreo6822
Sun, Mar 12, 2023 7:08 AM
ಠ_ಠ:
謝謝噗主!!
star8764
Sun, Mar 12, 2023 7:58 AM
感謝噗主修正
beer6835
Fri, Dec 22, 2023 3:26 AM
感謝噗主修正!!!!!!!(腿了快一年
載入新的回覆
v1.1已失效,最新版本是v1.2
因為太無聊所以弄了個裝飾空噗的語法,來分享一下
看慣了那句「還沒有人回應哦,趕快來搶頭香囉!: )」嗎?
這邊可以讓河道上沒有回應的空噗增添一點生氣
範例圖:
語法用了名畫表符和狐表符作為範例,如有不妥,噗主會改成自繪圖當範例
語法下收
使用時的一般問題可以參考 空噗語法FAQ
單隻角色:
名畫陪你聊v1.2
兩隻角色:
兩隻陪你聊v1.2
兩隻的也有左右方向的版本:
兩隻陪你聊(不同方向版本)v1.2
(不太實用的留言噗版本)最初的留言和最後的留言
語法
總共有四種狀態:
.打開空噗時的預設
.滑至噗內
.滑至頭像及對話內
.點擊頭像及對話內
如果覺得滑動點擊變化太多,可以直接刪掉那個部份
高度寬度或cursor或其他效果都可以隨意更改
剛剛用了名畫版本馬上就被嗆了前陣子不斷看名畫嗆朋友的噗,很歡樂套用到自己河道就會看到自己和別人的空噗全部都被嗆
別人進去你的河道,要等到你發個空噗才會看到
不想被嗆也可以改成「來搶頭香吧」或其他對話
嚴重懷疑自動回覆機器人會滅絕不過這邊套用了字顯示不出來(對話框空白)TT不知道有沒有善心大德可以解惑
語法只是讓大家簡單調整成自己喜歡的頭像和句子
和享受被嗆的快感語法寫得比較粗糙,對話框設定成白色背景,文字顏色沒有改變
如果是,要加一句color: FFF,或者調整background-color把對話框改成其他顏色(把background-color直接刪了就是透明對話框)
如果你想換成其他表符,可以右鍵複製網址
如果你想用自己的圖(非表符),也可以直接上傳再套用~
這個語法是拿48x48表符當範例
如果用自己的圖,可能需要自行調整圖片大小(可以利用background-size語法),或者調整語法裡頭像和對話框的height、width等等,改變對話框的大小
那就是語法裡的「cursor: cell」和「cursor: crosshair」,滑過去和點擊時的簡單效果
如果不需要可以刪掉
如果想換成其他圖片可以改為「cursor: url(圖片網址), auto」
試來試去決定把整個布景砍掉重練可以順利使用了yeah
太有趣了
測試時沒有考慮到文字顏色,這邊晚點把語法再改一改,多加些註釋吧
如果其他人使用時有奇怪的地方或想改的地方也可以說一下
一不小心把對話打太長了結果有點塞不下那就麻煩一點了,請把「對話框預設」的一句「white-space: pre;」改成「white-space: normal;」
那就會得到以下效果:
對話太長了超過對話框,有兩種選擇:
1. 調整對話框高度,就是把height調大一點的數字
2. 根據對話長短自動調整高度,把「height: 50px」那一句改成「min-height: 50px;」
如果想手動調整句子斷行,就要更麻煩些
.plurk_box > .response_box .list .empty::before{
padding-left: 60px;
padding-right: 60px;
content: "這個噗居然沒有人留言……";
background-image: url(圖1網址), url('圖2網址');
background-position-x: left, right;
}
如果可以,能夠順便問問手動斷行的方式嗎怕自己哪天會用到(?
想請問方便投幣開小房間做詢問嗎
首先把上面提及斷行的部份都處理掉
然後在「white-space: normal;」下面加一句「word-spacing: 100vw;」
對話的部份,加一個半形空白作為斷句符號,例如「第一句 第二句 第三句」
如果對話是英文句子,排版就會爛掉了
如果你本身有太多客製語法導致互相衝突,就會請你找其他人詢問了
我也有相同問題,可以使用ctrl f 查找empty試試,相關語法直接刪掉
如果發現怪怪的,可以搜尋「.empty」,說不定你以前已經把空噗玩了喔
大概要為「唔,好像有點怪怪的…請重新整理看看。」調整了,研究後會再更新語法
1)修正了別人刪噗後,無法正確顯示「好像有點怪怪的」那句系統提示
2)句子太長會自動換行(如果句子溢出對話框,請自行修改高度)
3)預設文字顏色是黑色
4)追加註釋
追加註釋之後應該比較容易改動,例如顏色、圓角的部份
其他各種細節像字體那些請自行摸索了
可以繼續使用舊版,如果遇到上述刪噗或換行的問題就可以考慮用更新版本了
感謝噗主
畢竟我的css功力很馬虎,有需要標這個噗就行還想刪掰噗,掰噗太慘了話說之前我也寫過有留言的版本:
語法
不過實際測試過不太實用
回覆串會拉長一點,在放負噗、瓜噗、引戰噗一直看到會很奇怪,也有更大機會跟你河道現有語法衝突
放出來給有興趣的人體驗一兩分鐘
但捨不得啦唉我都會回覆掰噗的留言(((
如果只保留 有人來留言ㄌ! 的那個語法
會跟本噗主推(?)的語法衝突嗎!
只是會玩河道語法的人可能早已經用了各種語法裝飾回應串,這就有可能跟「最初的留言/最後的留言」衝突了
請問有可能做到從預設的幾個句子裡隨機挑一句出來顯示嗎?
大感謝,現在正在看自己的測試噗感到被逗樂
如果是空噗,基本上沒辦法,除非硬來幹(根據噗的位置去決定留言):
因為太硬來了,這邊不提供語法,懂css的人可以自行領悟
更懂的人或許可以想出解決辦法吧空噗語法加上最初的留言語法是個折衷方案
這邊想詢問如果表符沒有留白邊,會太靠近框線
有辦法修改表符跟框之間的距離嗎?謝謝您!!
這邊噗浪是沒加任何其他的語法來裝飾+這是未修改最初留言語法的
因為最後的留言那邊是能正常出現的,但也不知道要怎麼修正才好所以來問問看噗主 謝謝您!!
那你可以在「頭像及對話框預設」裡加一句:
background-position: left center;
(頭像在右邊就是right center)
如果想要更精準控制位置,就是:(數字自行調整)
background-position: 10px 10px;
例如用語法把留言串改成用戶名字在上方,留言在下方……
最初/最後留言比較容易跟其他語法產生衝突喔,因為很多人早就改了一堆,一般語法衝突噗主幫不上忙
如果你的河道沒有其他語法,卻顯示失敗,那可能是瀏覽器的差異了
(這邊只測試了chrome和火狐)
不過我忘記說我是用雙向版本的了
另一邊好像不會一起跑
對不起嗚嗚根據你的數字,請按照圖的指示,在「一般狀態」裡這樣改:
1. background-position: left 25px top 5px;
2. background-position: right 25px top 5px;
3. background-position-x那句可以刪掉,因為你直接指定了right 25px
(我覺得您解釋了我也聽不懂...(太笨但是這邊不知道為什麼變成這樣了
第一個的第二句消失
然後另外兩種變成這樣......
我...我很抱歉
一般語法問題請另開偷偷說詢問
這邊稍後會另開新噗,把大家提及的幾個問題統一一下,包括頭像大小的部份
這邊成功了!!!!!!!!
都是噗主的功勞,我就是個笨蛋
(貼還能貼錯語法對我而言就是個望塵莫及的技能
(上過幾堂根本鴨子聽雷這邊請問噗主【滑至噗內】的滑鼠游標如果也想用圖片的話要怎麼加語法呢?
【滑至頭像及對話】時的滑鼠游標有改成功了,但【滑至噗內】好像沒看到滑鼠游標的語法這樣><
但是會影響所有噗(空噗和有回應的噗)
form_holder.plurk_box > .response_box:hover{
cursor: grab;
}
並沒有只針對空噗的辦法
你可以在點擊的部份補加一句:
「background-size: 70% !important;」
或者你可以用新版本的名畫語法v1.1,剛剛針對點擊時頭像大小的問題修正了
如果是狐表符的版本,也是點擊部份直接追加:
「background-size: 70% !important;」
這裡弄了另一個語法,給真的很想玩的人試玩
比起空噗的樸素,這個就花巧很多了
我完全想不出對話我已經玩了一天了www
前幾天開始這個語法好像失效了
把原本的空噗語法抽出來,把「.list」全部換成「.list-container」,然後把語法貼回去就可以了
這次的修正只有這個