1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | 【語法】 /*Plurk 生物*/ #dynamic_logo img{ /*先隱藏原本的影像*/ filter: alpha(opacity=0);opacity:0.0; } #dynamic_logo{ height: 300px; /*請依照您的生物調整到適當高度*/ width: 300px; /*請依照您的生物調整到適當寬度*/ margin-top: 25px; /*生物距離頂部的位置*/ margin-left: 100px; /*生物的左右位置 ( px > 0 時會往左邊,px < 0 時會往右邊)*/ background-repeat: no-repeat; /*防止背景重複*/ /*接著,請將以下圖片網址改成你想放的生物*/ background-image: url(https://圖片網址); } <div style="width: 247px; left: 752px;" id="dynamic_logo"> <img src="###" style="vertical-align: top; margin-right: 2px;"> <!--這是 Plurk 官方的 Logo--> <img src="###" id="creature"> <!--這是您的生物--> </div> /*隱藏Loading魚並改用自己的佈景每噗的*/ ._lc_ .loading img { filter:alpha(opacity=100); opacity: 1.00; height: 0px; width: 0px; } ._lc_ .loading { background-image: url(https://圖片網址); height:300px; background-repeat: no-repeat; background-position: center 28px; } /*回覆數0時 loading圖*/ ._lc_ .list .empty { background: url(https://圖片網址) no-repeat 50% 0px transparent; height:250px; color: #fff !important; margin: 20px 0 0 0; padding: 30px 0 0 0; text-indent: -9999px; } ._lc_ ::-moz-selection { background: #bbb !important; color: #666666; } ._lc_ ::selection { background: #bbb !important; color: #444; } |
Direct link: https://paste.plurk.com/show/5cgXMM1caCbqDBw9AC2F