備註一下之後想用的語法 ಠ_ಠ - 終於知道為什麼沒有人寫把回應改成對話框的css語法了 連在噗浪上都看起來超邊緣好難過 噗首放...

不過我只是想要比較容易區分噗主跟其他人的留言啦 現在就有了
說不定我會懶的用

雖然沒什麼關係但是最近有點想要有背景的那種大片像素 路過看到覺得好美麗

討厭的其中一點就是不小心很容易走火入魔 對 我現在應該去工作了

沒辦法絲滑的過度真的很容易起火大 但我真的要工作ㄌ

我是用顏色來區分噗主跟旅人

ytytfbim: 我現在也是 但是其實我覺得Line風格感覺也很不錯

途中 太魔性了笑出來

尊爵不凡姓名框

終於差不多了 一天又過去了

順手把置頂改成全置中，省的我每次都要手動排版

來偷窺
你弄得好好看喔 然後才發現鼠標變樣子了

ytytfbim: 其實我是直接吸色我現在的Line主題 我還沒想好要配什麼顏色

其實游標本來就有兩種，但是之前沒用好就一直只有一種

我用了應該有至少五個小時 要調好多小東西

這個主題顏色真的很耐看

開心果（綠） – LINE主題 | LINE STORE

但就有個問題就是我現在配什麼顏色都覺得還好

我現在是用迪扭的
但原背景有點辣眼睛我有改成其他圖Twisted Wonderland (Ignihyde) | .Yabe-LINE貼圖代購 | 台灣N...

ytytfbim: 我Line主題都選配色顏色比較淺然後不要太花的 不然怕眼睛痛

a4k11: 對這款真的超不推 我完全是為愛發熱w
但是之前有買過夏目的覺得這款也不錯看(至少跟上面比起來)動畫版 妖怪聯絡簿 | .Yabe-LINE貼圖代購 | 台灣No.1，最便宜高效率的代購網

ytytfbim: 夏目的看起來就很舒服 而且貓咪老師超可愛
我不知道為什麼很喜歡重複的簡單背景

a4k11: 我也覺得夏目的背景好看
不過比較可惜的是賴改版之後他原本圖三的特色圖案就都沒了

ytytfbim: 好可惜 line主題重要的點就是那些別的主題沒有的可愛小東西

說到那些可愛的小東西，我一直很喜歡line的官方主題會在對話框尾巴放小小的icon

原本上面的語法會把噗主改到右邊，我後來調成"我"永遠在右，所以用了一個小愛心表示噗主，超可愛但只有我看的到

我有試著在我自己是噗主的時候也加這個，但是調那個位子心好累

我要不要把圖片點開之後顯示的那個視窗也改一改阿 好細節但是看著好難受

太好了那裡指不到

你留言的右下花花(？會漂走再漂回來欸好好玩
調位子真的很麻煩又耗眼睛，還好我有些東西是可以算位子的不然會死掉

ytytfbim: 對阿我正在看那個花花，我本來想說讓他轉，但飄來飄去很好玩

這個蠻簡單的如果你有想我可以教你

a4k11: 有點心動欸但我在思考我可以把那個花花加在哪裡

ytytfbim: 應該這樣就可以用了
還有其他比較簡單的變形方式 你可以查css transform來玩

Y會讓他轉圈圈，應該可以叫他角度，Z是距離
.你想加的地方用的class {
transform: rotateY(208deg) translateZ(100px);
}

你滑過去的時候會加過渡，讓它可以滑動
.你想加的地方用的class:hover {
transition: all 0.5s ease-in-out;
}

過渡 transition可以加在很多屬性上，比如說基礎的是寬度或是高度

所以你也可以這樣，那樣你指到的那個東西他就會滑動變寬

.你想加的地方用的class {
width: 100px;
transition: width 0.5s ease-in-out;
}

.你想加的地方用的class:hover {
width: 200px
}

像我的噗展開就有加高度的過渡，看起來就會很絲滑

抱歉，你想加的地方用的，是對應大概怎麼樣的程式

ytytfbim: 等等喔 我教你怎麼看

嗚啊謝謝

ytytfbim: 你按F12會叫出開發者工具，選Elements你會看到現在你整個頁面的HTML

對你想加得地方按右鍵>檢查，它會跳過去那段程式碼

然後class指的就是那一坨HTML裡面的class屬性，比如說我現在想要指到你的表符，我就用 " .emoticon_my"去指到它

但要注意的是，class通常是共用的，所以你一改就會改掉全部，所以我們會指的很細

你可以查看看css selector，它會教你怎麼用

比如說 . 開頭是指class屬性， # 開頭是指id屬性

不過剛開始可能知識量太大很難理解，你可以跟我說你想要用哪一個，我先教你弄一個之後可能會比較好理解

應該是這個(？
我想加在名子後面

ytytfbim: 你是要加自己的名字還是大家的都想加

a4k11: 我先試試用自己的名字就好了！
如果可以我未來會努力讓噗主,別人,我都加

ytytfbim: 我先給你只有噗主的看看會不會動

語法

我自己的話有動！
感謝你我來去試試看其他的！

ytytfbim: 如果是要回應者的話 就把.highlight_owner改成.response
如果是只有你自己的話，就要找到你的uid，在你名字的a標籤裡面

其他應該是這樣

噗主，但不是你
.highlight_owner:not(:has(a[data-uid="你的ID"]))

你是噗主
.highlight_owner:has(a[data-uid="你的ID"])

你是回應者
.response:has(a[data-uid="你的ID"])

你以外的回應者
.response:not(:has(a[data-uid="你的ID"]))

a4k11: 救命大感謝
我想說我可能看其他程式慢慢湊結果你給我了

ytytfbim: 它太複雜了 直接跟你講比較不用花那麼多時間

a4k11: 謝謝嗚嗚 暫時無以回報請等等我能出門時

ytytfbim: 沒關係 你之後也可以來問我 大部分的問題我應該都還是可以解的

天吶好ww

把偷偷說的位置也改了 但是如果自己是噗主的話好像沒辦法

現在滑到個人資訊小荷花會噴愛心了 好想找像千本櫻景嚴的特效但好像沒有去背的

ytytfbim: 謝謝邊日的噗幣，我下午無聊又調了一下資訊欄，感覺差不多了