ಠ_ಠ
萬事問噗友 CSS
之前看到有人的噗首左側可以放圖片作裝飾(圖内紅圈),看起來超可愛的!!
想請問有沒有旅人會做或者有語法
https://images.plurk.com/19javKN79EvsIFJx0V5ZfO.jpg

内含旅人分享置頂放裝飾和換圖釘的語法!
不知道有沒有旅人還知道其他的噗放上裝飾的語法!
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; }
ಠ_ಠ
fairy4374: 謝謝旅人!!
不過我測試放入,卻並沒有出現
fairy4374
ಠ_ಠ: 下面4個px要自己填喔
ಠ_ಠ
fairy4374: 有的!我有將圖片大小的px填了下去,然後最後兩個我填了1px來測試,但卻沒有顯示orz
ಠ_ಠ
大概是這樣的,我不知道是不是我哪裏出錯了
https://images.plurk.com/4lLH5G1EwB7LfPi5AYCJ8I.jpg
也抱歉,麻煩旅人了
fairy4374
我找到問題了
原來是我複製少一句
編輯了!
ಠ_ಠ
fairy4374: 有了!!置頂的噗有了!!超級感謝旅人!!
ಠ_ಠ
置頂的噗能放上了,不知道其他的噗有沒有語法也能放上
fairy4374
謝謝噗主的噗幣!
其他噗的我不知道,不過我有把置頂圖釘換掉的語法(?
fairy4374
/置頂圖釘替換/
.pinned_plurk_icon {
font-size: 0px;/把「圖釘」圖樣大小設為0=不見/
/width、height依據要放上的新圖片大小設定/
width: px;
height: px;
/調整位置(還有right、bottom等等可用)/
top: %;
left:%;
/圖片網址/
background:url(); background-repeat: no-repeat; }
fairy4374
另外這個的話width和height建議比原圖大一點
因為是圓形的會切到角角
ಠ_ಠ
fairy4374: 什麽!!有能換掉置頂圖釘語法!!旅人好厲害!會好多語法!!
已測試可以使用!!又多了一項可弄可愛的裝飾了
超級感謝旅人分享!!!
fairy4374
搜「噗浪 css」或是「語法」都會有很多實用的東西
祝噗主能用圖把河道塞滿滿!
ಠ_ಠ
fairy4374: 真的很感謝旅人幫忙!也祝你有個美好的一周!
也感謝旅人給的關鍵字,我會努力將河道變得可可愛愛 (?
載入新的回覆