墨兒
時間軸分隔線】

Code 噗浪CSS CSS語法
自訂時間軸圖案
普羅米亞動態時間軸

素材
罫線・飾り罫ライン素材

教學
(步驟下收)
墨兒
教學
https://images.plurk.com/1rRoMq2Adw3CwtTk5LILnZ.jpg https://images.plurk.com/3EHdMJfuSOmnFuRzJM04c.jpg https://images.plurk.com/6ExjFKpjWSWABMa0qVQkKn.jpg https://images.plurk.com/5L19buLR0CDxsUwCROiPem.jpg https://images.plurk.com/4W5hBGlwYnodTIlSYmbVma.jpg https://images.plurk.com/5mn06hCkwAQH4Mj3F9TG6y.jpg https://images.plurk.com/2bYwAg150DshSgj9ntuBF9.jpg https://images.plurk.com/7yUJylGN8JAPvvBMpdQWsi.jpg https://images.plurk.com/4zFoPcWVbrebNsaUF2kzGK.jpg
墨兒
——————————————————

以下是一些自己的小筆記收藏(?)
墨兒
【小點點】圖源
https://imgs.plurk.com/QwE/7ij/1qMIZL5QVRQdpJB0dT54bZUscxC_lg.png
https://imgs.plurk.com/QwE/do0/4QvllYONlEiDZvlWVQru4Nh16Br_lg.png
https://imgs.plurk.com/QwE/yPw/WbmmKlhL3Nrgb0hOLLFEdqc6hfI_lg.png
墨兒
【天際線】圖源
https://imgs.plurk.com/QwE/hnU/vawMiGh04VmmMZefDW5a3fo82FB_lg.png
https://imgs.plurk.com/QwE/u30/BnpHNmpQPti2a4WJ7VCcTyP0Eo3_lg.png
墨兒
【小斜線】 圖源
https://imgs.plurk.com/QwE/QWn/to9dKAZTQhg6O1UopOQUQNtBCr2_lg.png
https://imgs.plurk.com/QwE/rf3/tmdaJ3MR6IhLh25QwpXKwxiYcmp_lg.png
墨兒
【手寫線條】 圖源 圖源2
https://images.plurk.com/4pnC9DVQQBqSl9fs8cFRUw.png
https://imgs.plurk.com/QwE/8cf/quadxprzvx4I3QVUxx1bsCQ1GjQ_lg.png
https://imgs.plurk.com/QwE/lnq/XSV8j6jvrDpxsw6UBoa1HWZMDc8_lg.png
墨兒
【粉紅/橘色】1300*20.....覺得20還是有點寬
https://images.plurk.com/65DTq1zb2duaOeZUnm7ytA.png
墨兒
——————————————————

其實原本只是想自己整理一下,但是職業病發作手癢做了手冊(一樓),所以、所以、所以......(
墨兒
因為有朋友詢問,使用太高的分隔線會導致所有訊息區塊被擋。像這樣:https://images.plurk.com/5FLv1LcdYMQCDRMN3chxrU.png
所以做了這個,調整訊息區塊上下位置

/*//=====所有訊息、檢視未讀訊息之位置=====//*/ (Plurk Paste)

爬文有類似用法,但多數著重改靠右、改寬度,以及只改他人視角的部分,不過還是已有許多可參考的文,所以我就不另外發了,丟這邊留言,有需要的捧油快來領取
墨兒
--------------------
2021/3/7更新
--------------------
剛有朋友反映,直接使用噗首「罫線・飾り罫ライン素材」網站時,噗浪無法正常顯示時間軸的問題。以下是解決方法:
1. 選擇想要的罫線後,直接下載圖片(建議下載PNG才有去背、不會擋到噗浪河道背景圖片)。
2. 到噗浪於噗文或留言區上傳該圖片(或imgur等其他網路相簿網站)並取得重新上傳後的圖片網址。
3. 將CSS語法中的網址換成新的,而非「罫線・飾り罫ライン素材」原有網址。這樣就沒問題了!
墨兒
原先一樓的方法在當時是沒有問題的,但過陣子後就不能使用了。查了網站的利用規約,其中有一條為「素材への直リンクはサーバーを圧迫するのでお控えください」,大概的意思就是使用時不要直接連結他們的網址,以免造成伺服器壓力。我想這大概就是原先一樓教學方法不再適用的原因。
墨兒
以上,小小更新,大家有遇到其他問題再跟我說(?)
載入新的回覆