Advertisement
Kelly-B9978

D-VEN Top Spender

Aug 20th, 2024 (edited)
112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.50 KB | None | 0 0
  1. <!--
  2. คู่มือการใช้งานโคด
  3. รูปพื้นหลัง : --dvtop-bg: url(https://i.imgur.com/3Y9ST3g.png);
  4. รูป gif : --dvtop-gif: url(https://i.imgur.com/FWLqkDe.gif);
  5. ขนาดของรูป gif : --dvtop-gifsize: cover; (default คือ 100% ถ้าเล็กกว่านี้โคดจะวาง gif ซ้ำเป็นตาราง)
  6. รูปโฮสต์ : --dvtop-pic: url(https://iili.io/dzcSGqb.png);
  7. รูปเครื่องดื่ม : --dvtop-drink: url(https://iili.io/dxDsmkQ.png);
  8.  
  9. หากต้องการปรับตำแหน่งภาพให้เพิ่ม --dvtop-pos: 50% 50%; ต่อท้ายลิงก์รูปที่ต้องการปรับ
  10. - เลขตัวแรกคือการขยับซ้าย - ขวา โดย 0% = ชิดซ้าย 100% = ชิดขวา
  11. - เลขตัวแรกคือการขยับขึ้น - ลง โดย 0% = ชิดบน 100% = ชิดล่าง
  12.  
  13. หากต้องการปรับขนาดภาพให้เพิ่ม --dvtop-size: cover; ต่อท้ายลิงก์รูปที่ต้องการปรับ
  14. - cover คือ ขยายเต็มพื้นที่
  15. - 100% คือ ขนาดต้นฉบับ
  16. - มากกว่า 100% คือ ขนาดใหญ่ขึ้น
  17. - น้อยกว่า 100% คือ ขนาดเล็กลง
  18. -->
  19.  
  20. <!--
  21. เพิ่มโฮสต์ copy โคดนี้ไปวางก่อน </div> 3 ตัวสุดท้าย
  22.  
  23. <div class="dvtopspend-box">
  24. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(--ลิงก์รูปโฮสต์--);"></div></div>
  25. <div class="dvtopspend-drinks" style="--dvtop-drink: url(--ลิงก์รูปเครื่องดื่ม--);"></div>
  26. <div class="dvtopspend-host"> --ชื่อโฮสต์-- </div>
  27. <div class="dvtopspend-flex">
  28. <div class="dvtopspend-spenders">
  29. <div class="dvtopspend-spdname">Name</div>
  30. <div class="dvtopspend-spdmoney">153</div>
  31. </div>
  32. <div class="dvtopspend-spenders">
  33. <div class="dvtopspend-spdname">Name</div>
  34. <div class="dvtopspend-spdmoney">153</div>
  35. </div>
  36. <div class="dvtopspend-spenders">
  37. <div class="dvtopspend-spdname">Name</div>
  38. <div class="dvtopspend-spdmoney">153</div>
  39. </div>
  40. </div></div>
  41. -->
  42.  
  43. <link href="https://dl.dropbox.com/scl/fi/xgl14bjz7v9vijmlnigaz/dvtopspender.css?rlkey=oa30x499e33g2ja9napfa42yo&st=40ayqza1" rel="stylesheet">
  44. <div id="zzzcode"><a href="https://discord.com/users/625292873914515456/"></a><div class="dvtopspend-container" style="--dvtop-bg: url(https://i.imgur.com/3Y9ST3g.png);--dvtop-gif: url(https://i.imgur.com/FWLqkDe.gif);--dvtop-gifsize: cover;">
  45. <div class="dvtopspend-h1">Top Spender</div><div class="dvtopspend-grid">
  46. <div class="dvtopspend-box">
  47. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://iili.io/dzcSGqb.png);"></div></div>
  48. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://iili.io/dxDsmkQ.png);"></div>
  49. <div class="dvtopspend-host">Jess</div>
  50. <div class="dvtopspend-flex">
  51. <div class="dvtopspend-spenders">
  52. <div class="dvtopspend-spdname">Name</div>
  53. <div class="dvtopspend-spdmoney">153</div>
  54. </div>
  55. <div class="dvtopspend-spenders">
  56. <div class="dvtopspend-spdname">Name</div>
  57. <div class="dvtopspend-spdmoney">153</div>
  58. </div>
  59. <div class="dvtopspend-spenders">
  60. <div class="dvtopspend-spdname">Name</div>
  61. <div class="dvtopspend-spdmoney">153</div>
  62. </div>
  63. </div></div>
  64. <div class="dvtopspend-box">
  65. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://i.imgur.com/X8kEHmT.png);"></div></div>
  66. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://iili.io/dxDLtnt.png);"></div>
  67. <div class="dvtopspend-host">Miquella</div>
  68. <div class="dvtopspend-flex">
  69. <div class="dvtopspend-spenders">
  70. <div class="dvtopspend-spdname">Name</div>
  71. <div class="dvtopspend-spdmoney">153</div>
  72. </div>
  73. <div class="dvtopspend-spenders">
  74. <div class="dvtopspend-spdname">Name</div>
  75. <div class="dvtopspend-spdmoney">153</div>
  76. </div>
  77. <div class="dvtopspend-spenders">
  78. <div class="dvtopspend-spdname">Name</div>
  79. <div class="dvtopspend-spdmoney">153</div>
  80. </div>
  81. </div></div>
  82. <div class="dvtopspend-box">
  83. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://i.imgur.com/Zvbb0zT.png);"></div></div>
  84. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://iili.io/dxbOzmJ.png);"></div>
  85. <div class="dvtopspend-host">Kieran</div>
  86. <div class="dvtopspend-flex">
  87. <div class="dvtopspend-spenders">
  88. <div class="dvtopspend-spdname">Name</div>
  89. <div class="dvtopspend-spdmoney">153</div>
  90. </div>
  91. <div class="dvtopspend-spenders">
  92. <div class="dvtopspend-spdname">Name</div>
  93. <div class="dvtopspend-spdmoney">153</div>
  94. </div>
  95. <div class="dvtopspend-spenders">
  96. <div class="dvtopspend-spdname">Name</div>
  97. <div class="dvtopspend-spdmoney">153</div>
  98. </div>
  99. </div></div>
  100. <div class="dvtopspend-box">
  101. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://i.imgur.com/MEYlPhK.jpeg);"></div></div>
  102. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://i.imgur.com/A1wnChl.png);"></div>
  103. <div class="dvtopspend-host">Matthew</div>
  104. <div class="dvtopspend-flex">
  105. <div class="dvtopspend-spenders">
  106. <div class="dvtopspend-spdname">Name</div>
  107. <div class="dvtopspend-spdmoney">153</div>
  108. </div>
  109. <div class="dvtopspend-spenders">
  110. <div class="dvtopspend-spdname">Name</div>
  111. <div class="dvtopspend-spdmoney">153</div>
  112. </div>
  113. <div class="dvtopspend-spenders">
  114. <div class="dvtopspend-spdname">Name</div>
  115. <div class="dvtopspend-spdmoney">153</div>
  116. </div>
  117. </div></div>
  118. <div class="dvtopspend-box">
  119. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://iili.io/dzcgme2.jpg);"></div></div>
  120. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://i.imgur.com/wxLayCU.png);"></div>
  121. <div class="dvtopspend-host">Xeros</div>
  122. <div class="dvtopspend-flex">
  123. <div class="dvtopspend-spenders">
  124. <div class="dvtopspend-spdname">Name</div>
  125. <div class="dvtopspend-spdmoney">153</div>
  126. </div>
  127. <div class="dvtopspend-spenders">
  128. <div class="dvtopspend-spdname">Name</div>
  129. <div class="dvtopspend-spdmoney">153</div>
  130. </div>
  131. <div class="dvtopspend-spenders">
  132. <div class="dvtopspend-spdname">Name</div>
  133. <div class="dvtopspend-spdmoney">153</div>
  134. </div>
  135. </div></div>
  136. <div class="dvtopspend-box">
  137. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://iili.io/dzWSQ8F.png);"></div></div>
  138. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://i.imgur.com/TFImeHq.png);"></div>
  139. <div class="dvtopspend-host">Yvonne</div>
  140. <div class="dvtopspend-flex">
  141. <div class="dvtopspend-spenders">
  142. <div class="dvtopspend-spdname">Name</div>
  143. <div class="dvtopspend-spdmoney">153</div>
  144. </div>
  145. <div class="dvtopspend-spenders">
  146. <div class="dvtopspend-spdname">Name</div>
  147. <div class="dvtopspend-spdmoney">153</div>
  148. </div>
  149. <div class="dvtopspend-spenders">
  150. <div class="dvtopspend-spdname">Name</div>
  151. <div class="dvtopspend-spdmoney">153</div>
  152. </div>
  153. </div></div>
  154. <div class="dvtopspend-box">
  155. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://iili.io/dzlXyQ4.png);"></div></div>
  156. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://i.imgur.com/u4GxDGR.png);"></div>
  157. <div class="dvtopspend-host">Jeden</div>
  158. <div class="dvtopspend-flex">
  159. <div class="dvtopspend-spenders">
  160. <div class="dvtopspend-spdname">Name</div>
  161. <div class="dvtopspend-spdmoney">153</div>
  162. </div>
  163. <div class="dvtopspend-spenders">
  164. <div class="dvtopspend-spdname">Name</div>
  165. <div class="dvtopspend-spdmoney">153</div>
  166. </div>
  167. <div class="dvtopspend-spenders">
  168. <div class="dvtopspend-spdname">Name</div>
  169. <div class="dvtopspend-spdmoney">153</div>
  170. </div>
  171. </div></div>
  172. <div class="dvtopspend-box">
  173. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://iili.io/dzlv9RI.png);"></div></div>
  174. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://i.imgur.com/enukLSI.png);"></div>
  175. <div class="dvtopspend-host">Dylan</div>
  176. <div class="dvtopspend-flex">
  177. <div class="dvtopspend-spenders">
  178. <div class="dvtopspend-spdname">Name</div>
  179. <div class="dvtopspend-spdmoney">153</div>
  180. </div>
  181. <div class="dvtopspend-spenders">
  182. <div class="dvtopspend-spdname">Name</div>
  183. <div class="dvtopspend-spdmoney">153</div>
  184. </div>
  185. <div class="dvtopspend-spenders">
  186. <div class="dvtopspend-spdname">Name</div>
  187. <div class="dvtopspend-spdmoney">153</div>
  188. </div>
  189. </div></div>
  190. <div class="dvtopspend-box">
  191. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://i.imgur.com/nXdXEu8.png);"></div></div>
  192. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://i.imgur.com/UWlBXlm.png);"></div>
  193. <div class="dvtopspend-host">Christian</div>
  194. <div class="dvtopspend-flex">
  195. <div class="dvtopspend-spenders">
  196. <div class="dvtopspend-spdname">Name</div>
  197. <div class="dvtopspend-spdmoney">153</div>
  198. </div>
  199. <div class="dvtopspend-spenders">
  200. <div class="dvtopspend-spdname">Name</div>
  201. <div class="dvtopspend-spdmoney">153</div>
  202. </div>
  203. <div class="dvtopspend-spenders">
  204. <div class="dvtopspend-spdname">Name</div>
  205. <div class="dvtopspend-spdmoney">153</div>
  206. </div>
  207. </div></div>
  208. <div class="dvtopspend-box">
  209. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://i.imgur.com/IsqKSmA.png);"></div></div>
  210. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://i.imgur.com/oDMDRCd.png);"></div>
  211. <div class="dvtopspend-host">Whipcream</div>
  212. <div class="dvtopspend-flex">
  213. <div class="dvtopspend-spenders">
  214. <div class="dvtopspend-spdname">Name</div>
  215. <div class="dvtopspend-spdmoney">153</div>
  216. </div>
  217. <div class="dvtopspend-spenders">
  218. <div class="dvtopspend-spdname">Name</div>
  219. <div class="dvtopspend-spdmoney">153</div>
  220. </div>
  221. <div class="dvtopspend-spenders">
  222. <div class="dvtopspend-spdname">Name</div>
  223. <div class="dvtopspend-spdmoney">153</div>
  224. </div>
  225. </div></div>
  226. <div class="dvtopspend-box">
  227. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://i.imgur.com/jJx7I6K.jpeg);"></div></div>
  228. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://iili.io/dzEKzTx.png);"></div>
  229. <div class="dvtopspend-host">Rovan</div>
  230. <div class="dvtopspend-flex">
  231. <div class="dvtopspend-spenders">
  232. <div class="dvtopspend-spdname">Name</div>
  233. <div class="dvtopspend-spdmoney">153</div>
  234. </div>
  235. <div class="dvtopspend-spenders">
  236. <div class="dvtopspend-spdname">Name</div>
  237. <div class="dvtopspend-spdmoney">153</div>
  238. </div>
  239. <div class="dvtopspend-spenders">
  240. <div class="dvtopspend-spdname">Name</div>
  241. <div class="dvtopspend-spdmoney">153</div>
  242. </div>
  243. </div></div>
  244. <div class="dvtopspend-box">
  245. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://iili.io/dzEepse.png);--dvtop-pos: bottom;--dvtop-size: 130%;"></div></div>
  246. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://iili.io/dz1bQSV.png);"></div>
  247. <div class="dvtopspend-host">Marceline</div>
  248. <div class="dvtopspend-flex">
  249. <div class="dvtopspend-spenders">
  250. <div class="dvtopspend-spdname">Name</div>
  251. <div class="dvtopspend-spdmoney">153</div>
  252. </div>
  253. <div class="dvtopspend-spenders">
  254. <div class="dvtopspend-spdname">Name</div>
  255. <div class="dvtopspend-spdmoney">153</div>
  256. </div>
  257. <div class="dvtopspend-spenders">
  258. <div class="dvtopspend-spdname">Name</div>
  259. <div class="dvtopspend-spdmoney">153</div>
  260. </div>
  261. </div></div>
  262. <div class="dvtopspend-box">
  263. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://i.imgur.com/V4gyLXM.jpeg);"></div></div>
  264. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://iili.io/dzGhJaV.png);"></div>
  265. <div class="dvtopspend-host">Dianne</div>
  266. <div class="dvtopspend-flex">
  267. <div class="dvtopspend-spenders">
  268. <div class="dvtopspend-spdname">Name</div>
  269. <div class="dvtopspend-spdmoney">153</div>
  270. </div>
  271. <div class="dvtopspend-spenders">
  272. <div class="dvtopspend-spdname">Name</div>
  273. <div class="dvtopspend-spdmoney">153</div>
  274. </div>
  275. <div class="dvtopspend-spenders">
  276. <div class="dvtopspend-spdname">Name</div>
  277. <div class="dvtopspend-spdmoney">153</div>
  278. </div>
  279. </div></div>
  280. <div class="dvtopspend-box">
  281. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://i.imgur.com/q05MdPL.png);"></div></div>
  282. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://iili.io/dzMoLN9.png);"></div>
  283. <div class="dvtopspend-host">Judas</div>
  284. <div class="dvtopspend-flex">
  285. <div class="dvtopspend-spenders">
  286. <div class="dvtopspend-spdname">Name</div>
  287. <div class="dvtopspend-spdmoney">153</div>
  288. </div>
  289. <div class="dvtopspend-spenders">
  290. <div class="dvtopspend-spdname">Name</div>
  291. <div class="dvtopspend-spdmoney">153</div>
  292. </div>
  293. <div class="dvtopspend-spenders">
  294. <div class="dvtopspend-spdname">Name</div>
  295. <div class="dvtopspend-spdmoney">153</div>
  296. </div>
  297. </div></div>
  298. <div class="dvtopspend-box">
  299. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://i.imgur.com/lpFGic5.png);"></div></div>
  300. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://iili.io/dzMopKx.png);"></div>
  301. <div class="dvtopspend-host">Simon</div>
  302. <div class="dvtopspend-flex">
  303. <div class="dvtopspend-spenders">
  304. <div class="dvtopspend-spdname">Name</div>
  305. <div class="dvtopspend-spdmoney">153</div>
  306. </div>
  307. <div class="dvtopspend-spenders">
  308. <div class="dvtopspend-spdname">Name</div>
  309. <div class="dvtopspend-spdmoney">153</div>
  310. </div>
  311. <div class="dvtopspend-spenders">
  312. <div class="dvtopspend-spdname">Name</div>
  313. <div class="dvtopspend-spdmoney">153</div>
  314. </div>
  315. </div></div>
  316. <div class="dvtopspend-box">
  317. <div class="dvtopspend-picbd"><div class="dvtopspend-pic" style="--dvtop-pic: url(https://i.imgur.com/A2x3xqT.png);"></div></div>
  318. <div class="dvtopspend-drinks" style="--dvtop-drink: url(https://i.imgur.com/Ie6LCkg.png);"></div>
  319. <div class="dvtopspend-host">Deo</div>
  320. <div class="dvtopspend-flex">
  321. <div class="dvtopspend-spenders">
  322. <div class="dvtopspend-spdname">Name</div>
  323. <div class="dvtopspend-spdmoney">153</div>
  324. </div>
  325. <div class="dvtopspend-spenders">
  326. <div class="dvtopspend-spdname">Name</div>
  327. <div class="dvtopspend-spdmoney">153</div>
  328. </div>
  329. <div class="dvtopspend-spenders">
  330. <div class="dvtopspend-spdname">Name</div>
  331. <div class="dvtopspend-spdmoney">153</div>
  332. </div>
  333. </div></div>
  334. </div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement