ಠ_ಠ
@anonymous
偷偷說
Sun, Jan 24, 2021 8:02 AM
Sun, Jan 24, 2021 9:11 AM
41
3
萬事問噗友
CSS
之前看到有人的噗首左側可以放圖片作裝飾(圖内紅圈),看起來超可愛的!!
想請問有沒有旅人會做或者有語法
内含旅人分享置頂放裝飾和換圖釘的語法!
不知道有沒有旅人還知道其他的噗放上裝飾的語法!
fairy4374
Sun, Jan 24, 2021 8:04 AM
Sun, Jan 24, 2021 8:24 AM
1
/
置頂噗寶
/
._lc_ .timeline-cnt .plurk.pinned.display .plurk_cnt .td_cnt::before {
background-image: url(網址); background-repeat: no-repeat;
height: px; width: px; /
圖的尺寸
/
top: px; right: px; /
與邊緣的距離
/
position: absolute; content: ''; z-index: 100; }
ಠ_ಠ
Sun, Jan 24, 2021 8:11 AM
fairy4374: 謝謝旅人!!
不過我測試放入,卻並沒有出現
fairy4374
Sun, Jan 24, 2021 8:13 AM
ಠ_ಠ: 下面4個px要自己填喔
ಠ_ಠ
Sun, Jan 24, 2021 8:15 AM
fairy4374: 有的!我有將圖片大小的px填了下去,然後最後兩個我填了1px來測試,但卻沒有顯示orz
ಠ_ಠ
Sun, Jan 24, 2021 8:22 AM
大概是這樣的,我不知道是不是我哪裏出錯了
也抱歉,麻煩旅人了
fairy4374
Sun, Jan 24, 2021 8:25 AM
我找到問題了
原來是我複製少一句
編輯了!
ಠ_ಠ
Sun, Jan 24, 2021 8:31 AM
fairy4374: 有了!!置頂的噗有了!!超級感謝旅人!!
ಠ_ಠ
Sun, Jan 24, 2021 8:31 AM
置頂的噗能放上了,不知道其他的噗有沒有語法也能放上
fairy4374
Sun, Jan 24, 2021 8:38 AM
謝謝噗主的噗幣!
其他噗的我不知道,不過我有把置頂圖釘換掉的語法(?
fairy4374
Sun, Jan 24, 2021 8:43 AM
/
置頂圖釘替換
/
.pinned_plurk_icon {
font-size: 0px;/
把「圖釘」圖樣大小設為0=不見
/
/
width、height依據要放上的新圖片大小設定
/
width: px;
height: px;
/
調整位置(還有right、bottom等等可用)
/
top: %;
left:%;
/
圖片網址
/
background:url(); background-repeat: no-repeat; }
fairy4374
Sun, Jan 24, 2021 8:44 AM
另外這個的話width和height建議比原圖大一點
因為是圓形的會切到角角
ಠ_ಠ
Sun, Jan 24, 2021 8:48 AM
fairy4374: 什麽!!有能換掉置頂圖釘語法!!旅人好厲害!會好多語法!!
已測試可以使用!!又多了一項可弄可愛的裝飾了
超級感謝旅人分享!!!
fairy4374
Sun, Jan 24, 2021 8:51 AM
搜「噗浪 css」或是「語法」都會有很多實用的東西
祝噗主能用圖把河道塞滿滿!
ಠ_ಠ
Sun, Jan 24, 2021 9:00 AM
fairy4374: 真的很感謝旅人幫忙!也祝你有個美好的一周!
也感謝旅人給的關鍵字,我會努力將河道變得可可愛愛
(?
載入新的回覆
之前看到有人的噗首左側可以放圖片作裝飾(圖内紅圈),看起來超可愛的!!
想請問有沒有旅人會做或者有語法
内含旅人分享置頂放裝飾和換圖釘的語法!
不知道有沒有旅人還知道其他的噗放上裝飾的語法!
._lc_ .timeline-cnt .plurk.pinned.display .plurk_cnt .td_cnt::before {
background-image: url(網址); background-repeat: no-repeat;
height: px; width: px; /圖的尺寸/
top: px; right: px; /與邊緣的距離/
position: absolute; content: ''; z-index: 100; }
不過我測試放入,卻並沒有出現
也抱歉,麻煩旅人了
原來是我複製少一句
編輯了!
其他噗的我不知道,不過我有把置頂圖釘換掉的語法(?
.pinned_plurk_icon {
font-size: 0px;/把「圖釘」圖樣大小設為0=不見/
/width、height依據要放上的新圖片大小設定/
width: px;
height: px;
/調整位置(還有right、bottom等等可用)/
top: %;
left:%;
/圖片網址/
background:url(); background-repeat: no-repeat; }
因為是圓形的會切到角角
已測試可以使用!!又多了一項可弄可愛的裝飾了
超級感謝旅人分享!!!
祝噗主能用圖把河道塞滿滿!
也感謝旅人給的關鍵字,我會努力將河道變得可可愛愛 (?