琛.
@luz_c
Wed, Jul 26, 2023 5:20 AM
Mon, Jul 31, 2023 9:42 AM
有點想調一下河道，但是我真的很討厭搞前端
琛.
@luz_c
Wed, Jul 26, 2023 5:20 AM
備註一下之後想用的語法
ಠ_ಠ - 終於知道為什麼沒有人寫把回應改成對話框的css語法了 連在噗浪上都看起來超邊緣好難過 噗首放...
琛.
@luz_c
Wed, Jul 26, 2023 5:23 AM
不過我只是想要比較容易區分噗主跟其他人的留言啦 現在就有了
說不定我會懶的用
琛.
@luz_c
Wed, Jul 26, 2023 5:25 AM
雖然沒什麼關係但是最近有點想要有背景的那種大片像素 路過看到覺得好美麗
琛.
@luz_c
Wed, Jul 26, 2023 5:40 AM
Wed, Jul 26, 2023 5:40 AM
討厭的其中一點就是不小心很容易走火入魔 對 我現在應該去工作了
琛.
@luz_c
Wed, Jul 26, 2023 6:28 AM
Wed, Jul 26, 2023 6:30 AM
沒辦法絲滑的過度真的很容易起火大 但我真的要工作ㄌ
封心鎖愛
@ytytfbim
Wed, Jul 26, 2023 7:34 AM
我是用顏色來區分噗主跟旅人
琛.
@luz_c
Wed, Jul 26, 2023 7:36 AM
封心鎖愛
: 我現在也是 但是其實我覺得Line風格感覺也很不錯
琛.
@luz_c
Wed, Jul 26, 2023 12:29 PM
途中 太魔性了笑出來
琛.
@luz_c
Wed, Jul 26, 2023 2:38 PM
尊爵不凡姓名框
琛.
@luz_c
Wed, Jul 26, 2023 4:13 PM
終於差不多了 一天又過去了
琛.
@luz_c
Wed, Jul 26, 2023 4:14 PM
順手把置頂改成全置中，省的我每次都要手動排版
封心鎖愛
@ytytfbim
Wed, Jul 26, 2023 4:19 PM
來偷窺
你弄得好好看喔
然後才發現鼠標變樣子了
琛.
@luz_c
Wed, Jul 26, 2023 4:22 PM
封心鎖愛
: 其實我是直接吸色我現在的Line主題 我還沒想好要配什麼顏色
其實游標本來就有兩種，但是之前沒用好就一直只有一種
我用了應該有至少五個小時 要調好多小東西
琛.
@luz_c
Wed, Jul 26, 2023 4:25 PM
Wed, Jul 26, 2023 4:26 PM
這個主題顏色真的很耐看
開心果（綠） – LINE主題 | LINE STORE
琛.
@luz_c
Wed, Jul 26, 2023 4:32 PM
但就有個問題就是我現在配什麼顏色都覺得還好
封心鎖愛
@ytytfbim
Wed, Jul 26, 2023 4:32 PM
我現在是用迪扭的
但原背景有點辣眼睛我有改成其他圖
Twisted Wonderland (Ignihyde) | .Yabe-LINE貼圖代購 | 台灣N...
琛.
@luz_c
Wed, Jul 26, 2023 4:33 PM
封心鎖愛
: 我Line主題都選配色顏色比較淺然後不要太花的 不然怕眼睛痛
封心鎖愛
@ytytfbim
Wed, Jul 26, 2023 4:35 PM
a4k11
: 對這款真的超不推 我完全是為愛發熱w
但是之前有買過夏目的覺得這款也不錯看(至少跟上面比起來)
動畫版 妖怪聯絡簿 | .Yabe-LINE貼圖代購 | 台灣No.1，最便宜高效率的代購網
琛.
@luz_c
Wed, Jul 26, 2023 4:37 PM
封心鎖愛
: 夏目的看起來就很舒服 而且貓咪老師超可愛
我不知道為什麼很喜歡重複的簡單背景
封心鎖愛
@ytytfbim
Wed, Jul 26, 2023 4:43 PM
a4k11
: 我也覺得夏目的背景好看
不過比較可惜的是賴改版之後他原本圖三的特色圖案就都沒了
琛.
@luz_c
Wed, Jul 26, 2023 4:44 PM
封心鎖愛
: 好可惜 line主題重要的點就是那些別的主題沒有的可愛小東西
琛.
@luz_c
Wed, Jul 26, 2023 4:51 PM
Wed, Jul 26, 2023 4:52 PM
說到那些可愛的小東西，我一直很喜歡line的官方主題會在對話框尾巴放小小的icon
原本上面的語法會把噗主改到右邊，我後來調成"我"永遠在右，所以用了一個小愛心表示噗主，超可愛但只有我看的到
琛.
@luz_c
Wed, Jul 26, 2023 4:51 PM
我有試著在我自己是噗主的時候也加這個，但是調那個位子心好累
琛.
@luz_c
Wed, Jul 26, 2023 4:55 PM
我要不要把圖片點開之後顯示的那個視窗也改一改阿 好細節但是看著好難受
琛.
@luz_c
Wed, Jul 26, 2023 5:06 PM
太好了那裡指不到
封心鎖愛
@ytytfbim
Wed, Jul 26, 2023 5:51 PM
你留言的右下花花(？會漂走再漂回來欸好好玩
調位子真的很麻煩又耗眼睛，還好我有些東西是可以算位子的不然會死掉
琛.
@luz_c
Wed, Jul 26, 2023 5:52 PM
封心鎖愛
: 對阿我正在看那個花花，我本來想說讓他轉，但飄來飄去很好玩
這個蠻簡單的如果你有想我可以教你
封心鎖愛
@ytytfbim
Wed, Jul 26, 2023 5:53 PM
a4k11
: 有點心動欸但我在思考我可以把那個花花加在哪裡
琛.
@luz_c
Wed, Jul 26, 2023 6:00 PM
封心鎖愛
: 應該這樣就可以用了
還有其他比較簡單的變形方式 你可以查css transform來玩
Y會讓他轉圈圈，應該可以叫他角度，Z是距離
.你想加的地方用的class {
transform: rotateY(208deg) translateZ(100px);
}
你滑過去的時候會加過渡，讓它可以滑動
.你想加的地方用的class:hover {
transition: all 0.5s ease-in-out;
}
琛.
@luz_c
Wed, Jul 26, 2023 6:03 PM
過渡 transition可以加在很多屬性上，比如說基礎的是寬度或是高度
所以你也可以這樣，那樣你指到的那個東西他就會滑動變寬
.你想加的地方用的class {
width: 100px;
transition: width 0.5s ease-in-out;
}
.你想加的地方用的class:hover {
width: 200px
}
琛.
@luz_c
Wed, Jul 26, 2023 6:04 PM
像我的噗展開就有加高度的過渡，看起來就會很絲滑
封心鎖愛
@ytytfbim
Wed, Jul 26, 2023 6:05 PM
抱歉，你想加的地方用的，是對應大概怎麼樣的程式
琛.
@luz_c
Wed, Jul 26, 2023 6:05 PM
封心鎖愛
: 等等喔 我教你怎麼看
封心鎖愛
@ytytfbim
Wed, Jul 26, 2023 6:07 PM
嗚啊謝謝
琛.
@luz_c
Wed, Jul 26, 2023 6:09 PM
封心鎖愛
: 你按F12會叫出開發者工具，選Elements你會看到現在你整個頁面的HTML
對你想加得地方按右鍵>檢查，它會跳過去那段程式碼
然後class指的就是那一坨HTML裡面的class屬性，比如說我現在想要指到你的表符，我就用 " .emoticon_my"去指到它
琛.
@luz_c
Wed, Jul 26, 2023 6:11 PM
但要注意的是，class通常是共用的，所以你一改就會改掉全部，所以我們會指的很細
你可以查看看css selector，它會教你怎麼用
比如說 . 開頭是指class屬性， # 開頭是指id屬性
琛.
@luz_c
Wed, Jul 26, 2023 6:11 PM
不過剛開始可能知識量太大很難理解，你可以跟我說你想要用哪一個，我先教你弄一個之後可能會比較好理解
封心鎖愛
@ytytfbim
Wed, Jul 26, 2023 6:14 PM
應該是這個(？
我想加在名子後面
琛.
@luz_c
Wed, Jul 26, 2023 6:16 PM
Wed, Jul 26, 2023 6:16 PM
封心鎖愛
: 你是要加自己的名字還是大家的都想加
封心鎖愛
@ytytfbim
Wed, Jul 26, 2023 6:25 PM
a4k11
: 我先試試用自己的名字就好了！
如果可以我未來會努力讓噗主,別人,我都加
琛.
@luz_c
Wed, Jul 26, 2023 6:26 PM
Wed, Jul 26, 2023 6:27 PM
封心鎖愛
: 我先給你只有噗主的看看會不會動
語法
封心鎖愛
@ytytfbim
Wed, Jul 26, 2023 6:30 PM
我自己的話有動！
感謝你我來去試試看其他的！
琛.
@luz_c
Wed, Jul 26, 2023 6:34 PM
封心鎖愛
: 如果是要回應者的話 就把.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"]))
封心鎖愛
@ytytfbim
Wed, Jul 26, 2023 6:38 PM
a4k11
: 救命大感謝
我想說我可能看其他程式慢慢湊結果你給我了
琛.
@luz_c
Wed, Jul 26, 2023 6:39 PM
封心鎖愛
: 它太複雜了 直接跟你講比較不用花那麼多時間
封心鎖愛
@ytytfbim
Wed, Jul 26, 2023 6:44 PM
a4k11
: 謝謝嗚嗚
暫時無以回報請等等我能出門時
琛.
@luz_c
Wed, Jul 26, 2023 6:52 PM
封心鎖愛
: 沒關係 你之後也可以來問我 大部分的問題我應該都還是可以解的
封心鎖愛
@ytytfbim
Wed, Jul 26, 2023 6:55 PM
天吶好ww
琛.
@luz_c
Thu, Jul 27, 2023 6:04 AM
把偷偷說的位置也改了 但是如果自己是噗主的話好像沒辦法
琛.
@luz_c
Thu, Jul 27, 2023 7:20 AM
現在滑到個人資訊小荷花會噴愛心了 好想找像千本櫻景嚴的特效但好像沒有去背的
琛.
@luz_c
Thu, Jul 27, 2023 10:21 AM
封心鎖愛
: 謝謝邊日的噗幣，我下午無聊又調了一下資訊欄，感覺差不多了
載入新的回覆
有點想調一下河道，但是我真的很討厭搞前端
說不定我會懶的用
你弄得好好看喔
其實游標本來就有兩種，但是之前沒用好就一直只有一種
我用了應該有至少五個小時 要調好多小東西
但原背景有點辣眼睛我有改成其他圖
但是之前有買過夏目的覺得這款也不錯看(至少跟上面比起來)
我不知道為什麼很喜歡重複的簡單背景
不過比較可惜的是賴改版之後他原本圖三的特色圖案就都沒了
原本上面的語法會把噗主改到右邊，我後來調成"我"永遠在右，所以用了一個小愛心表示噗主，超可愛但只有我看的到
調位子真的很麻煩又耗眼睛，還好我有些東西是可以算位子的不然會死掉
這個蠻簡單的如果你有想我可以教你
還有其他比較簡單的變形方式 你可以查css transform來玩
Y會讓他轉圈圈，應該可以叫他角度，Z是距離
.你想加的地方用的class {
transform: rotateY(208deg) translateZ(100px);
}
你滑過去的時候會加過渡，讓它可以滑動
.你想加的地方用的class:hover {
transition: all 0.5s ease-in-out;
}
所以你也可以這樣，那樣你指到的那個東西他就會滑動變寬
.你想加的地方用的class {
width: 100px;
transition: width 0.5s ease-in-out;
}
.你想加的地方用的class:hover {
width: 200px
}
對你想加得地方按右鍵>檢查，它會跳過去那段程式碼
然後class指的就是那一坨HTML裡面的class屬性，比如說我現在想要指到你的表符，我就用 " .emoticon_my"去指到它
你可以查看看css selector，它會教你怎麼用
比如說 . 開頭是指class屬性， # 開頭是指id屬性
應該是這個(？
我想加在名子後面
如果可以我未來會努力讓噗主,別人,我都加語法
感謝你我來去試試看其他的！
如果是只有你自己的話，就要找到你的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"]))
我想說我可能看其他程式慢慢湊結果你給我了