Advertisement
Kelly-B9978

สมัครสำราญรมย์

Mar 14th, 2023 (edited)
458
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.54 KB | None | 0 0
  1. <!--คู่มือการใช้งาน
  2. ขนาด : width: 800px;
  3. สีหลัก : --srrreg-main-color: #โค้ดสี;
  4. สีปุ่มตอนเอาเม้าส์วาง : --srrreg-hover: #โค้ดสี;
  5. สีขีดคั่นใต้หัวข้อ : --srrreg-topic-bd: #โค้ดสี;
  6. รูปตัวละคร : --srrreg-pic: url(--ลิงก์รูปตัวละคร--);
  7. รูปเพื่อน ๆ : --srrreg-fpic: url(--ลิงก์รูปภาพ--);
  8.  
  9. หากต้องการปรับตำแหน่งภาพให้เพิ่ม --srrreg-pos: 50% 50%;
  10.     - เลขตัวแรกคือการขยับซ้าย - ขวา โดย 0% = ชิดซ้าย 100% = ชิดขวา
  11.     - เลขตัวแรกคือการขยับขึ้น - ลง โดย 0% = ชิดบน 100% = ชิดล่าง
  12.  
  13. หากต้องการปรับขนาดภาพให้เพิ่ม --srrreg-size: 100%;
  14.     - cover หรือ 100% คือ ขยายเต็มพื้นที่
  15.     - มากกว่า 100% คือ ขนาดใหญ่ขึ้น
  16.     - น้อยกว่า 100% คือ ขนาดเล็กลง
  17.  
  18. หากต้องการเพิ่ม/ลบกล่องเพื่อน
  19.  
  20. <div class="srrregfriend">
  21. <div class="srrregfriend-pic" style="--srrreg-fpic: url(--ลิงก์รูปภาพ--);"></div>
  22. <div class="srrregfriend-data">
  23. <div class="srrregfriend-name">เพื่อน</div>
  24. <div class="srrregfriend-desc">ชื่อจริงเพื่อน
  25. - ความสัมพันธ์</div>
  26. </div></div>
  27.  
  28. - เพิ่ม ให้ copy วางเพิ่มต่อจากคนสุดท้าย
  29. - ลบ ให้ลบโค้ดออกไปได้เลย
  30. -->
  31.  
  32. <link href="https://dl.dropbox.com/scl/fi/g1eeu4plf7j1qxpipo8l4/srr-reg.css?rlkey=1k10ve4om4wcgmdnrhkuuxb4s" rel="stylesheet">
  33. <div id="zzzcode"><a href="https://discord.com/users/625292873914515456/" target="_blank"></a><div class="srrregbox" style="width: 800px;--srrreg-main-color: #โค้ดสี;--srrreg-hover: #โค้ดสี;--srrreg-topic-bd: #โค้ดสี;">
  34. <div class="srrreghead">
  35. <div class="srrreghead-pic" style="--srrreg-pic: url(--ลิงก์รูปตัวละคร--);"></div>
  36. <div class="srrreghead-right">
  37. <div class="srrreghead-name">--ชื่อเล่น--</div>
  38. <div class="srrreghead-desc">--ชื่อจริงหรืออะไรก็ได้ที่อยากจะเขียน--
  39. อำเภอสำราญรมย์ : สาด ส่ง สุข</div>
  40. <a href="--ลิงก์รูปตัวละคร หรือ อัลบั้มรูปตัวละคร--" class="srrregbutton" target="_blank">Download Image</a>
  41. </div></div>
  42. <div class="srrregdivide">
  43. <div class="srrregdivide-data">--ข้อมูล1--</div>
  44. <div class="srrregdivide-data">--ข้อมูล2--</div>
  45. <div class="srrregdivide-data">--ข้อมูล3--</div>
  46. <div class="srrregdivide-data">--ข้อมูล4--</div>
  47. </div>
  48. <div class="srrregcontent">
  49. <div class="srrregcontent-left">
  50. <div class="srrregabout">
  51. <div class="srrregtopic">About Me</div>
  52. <div class="srrregdata">[b][color=#โค้ดสี]ชื่อ - สกุล :[/color][/b] xxxx
  53. [b][color=#โค้ดสี]Name :[/color][/b] xxxx
  54. [b][color=#โค้ดสี]ชื่อเล่น :[/color][/b] xxxx
  55. [b][color=#โค้ดสี]อายุ :[/color][/b] xxxx
  56. [b][color=#โค้ดสี]อาชีพ :[/color][/b] xxxx
  57. [b][color=#โค้ดสี]วันเกิด :[/color][/b] xxxx
  58. [b][color=#โค้ดสี]สัญชาติ / เชื้อชาติ :[/color][/b] xxxx
  59. [b][color=#โค้ดสี]รสนิยมทางเพศ :[/color][/b] xxxx
  60. [b][color=#โค้ดสี]ที่อยู่ :[/color][/b] xxxx
  61. </div></div>
  62. <div class="srrregappear">
  63. <div class="srrregtopic">Appearance</div>
  64. <div class="srrregdata"><p>xxxx</p></div>
  65. <div class="srrregdata">[b][color=#โค้ดสี]เฟซเคลม :[/color][/b] xxxx</div>
  66. </div></div>
  67. <div class="srrregcontent-right">
  68. <div class="srrregtopic">Relationships</div>
  69. <div id="srrregscroll" class="srrregfriendbox">
  70. <div class="srrregfriend">
  71. <div class="srrregfriend-pic" style="--srrreg-fpic: url(--ลิงก์รูปภาพ--);"></div>
  72. <div class="srrregfriend-data">
  73. <div class="srrregfriend-name">เพื่อน1</div>
  74. <div class="srrregfriend-desc">ชื่อจริงเพื่อน1
  75. - ความสัมพันธ์</div>
  76. </div></div>
  77. <div class="srrregfriend">
  78. <div class="srrregfriend-pic" style="--srrreg-fpic: url(--ลิงก์รูปภาพ--);"></div>
  79. <div class="srrregfriend-data">
  80. <div class="srrregfriend-name">เพื่อน2</div>
  81. <div class="srrregfriend-desc">ชื่อจริงเพื่อน2
  82. - ความสัมพันธ์</div>
  83. </div></div>
  84. <div class="srrregfriend">
  85. <div class="srrregfriend-pic" style="--srrreg-fpic: url(--ลิงก์รูปภาพ--);"></div>
  86. <div class="srrregfriend-data">
  87. <div class="srrregfriend-name">เพื่อน3</div>
  88. <div class="srrregfriend-desc">ชื่อจริงเพื่อน3
  89. - ความสัมพันธ์</div>
  90. </div></div>
  91. <div class="srrregfriend">
  92. <div class="srrregfriend-pic" style="--srrreg-fpic: url(--ลิงก์รูปภาพ--);"></div>
  93. <div class="srrregfriend-data">
  94. <div class="srrregfriend-name">เพื่อน4</div>
  95. <div class="srrregfriend-desc">ชื่อจริงเพื่อน4
  96. - ความสัมพันธ์</div>
  97. </div></div>
  98. <div class="srrregfriend">
  99. <div class="srrregfriend-pic" style="--srrreg-fpic: url(--ลิงก์รูปภาพ--);"></div>
  100. <div class="srrregfriend-data">
  101. <div class="srrregfriend-name">เพื่อน5</div>
  102. <div class="srrregfriend-desc">ชื่อจริงเพื่อน5
  103. - ความสัมพันธ์</div>
  104. </div></div>
  105. </div></div></div>
  106. <div class="srrregtopic">Background</div>
  107. <div class="srrregdata"><p>xxxx ย่อหน้า 1</p>
  108. <p>xxxx ย่อหน้า 2</p>
  109. </div>
  110. <div class="srrregtopic">Personalities</div>
  111. <div class="srrregdata"><p>xxxx</p></div>
  112. <div class="srrregtopic">Extras</div>
  113. <div class="srrregdata">
  114. [list]
  115. [*]ข้อมูล1
  116. [*]ข้อมูล2
  117. [*]ข้อมูล3
  118. [/list]
  119. </div>
  120. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement