API tools faq
paste
Advertisement
ElithianFox

Adoptable HTML

ElithianFox
Jun 20th, 2019
2,608
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.49 KB | None | 0 0
raw download clone embed print report
  1. <div class="col-md-12 p-1"><div class="bg-faded p-3 text-center" style="font-size:49px;letter-spacing:3px;font-weight:200">Adoptable for sale</div></div>
  2.  
  3.  
  4.  
  5. <div class="row no-gutters">
  6. <!---------
  7.  
  8. IMAGE
  9.  
  10. ----------->
  11. <div class="col-md-5 row no-gutters">
  12. <div class="col-md-12 p-1">
  13. <div class="bg-faded p-3 h-100">
  14. <p align="center"><img src="https://cdn.discordapp.com/attachments/539606154393944104/591329307478196228/unknown.png"></p>
  15. </div>
  16. </div>
  17. </div>
  18. <!---------
  19.  
  20. DETAILS
  21.  
  22. ----------->
  23. <div class="col-md-7 row no-gutters">
  24. <div class="col-md-12 p-1">
  25. <div class="bg-faded p-3 h-100">
  26. <div style="letter-spacing:3px;font-weight:200;font-size:20px">Sale Methods</div><hr class="mt-0 mb-1">
  27. <div class="p-3 mb-1">
  28.  
  29. <p><span class="text-primary" style="letter-spacing:1.5px">Money value</span>: </p>
  30. <p><span class="text-primary" style="letter-spacing:1.5px">Points value</span>: <img src="https://cdn.discordapp.com/attachments/539606154393944104/591271932750462986/d8yob8g-99d5256a-7224-4134-b83e-dc6c399ef7bf.png" width="20px"> - <img src="https://cdn.discordapp.com/attachments/539606154393944104/591271932750462986/d8yob8g-99d5256a-7224-4134-b83e-dc6c399ef7bf.png" width="20px"> </p>
  31.  
  32. </div>
  33. <div style="letter-spacing:3px;font-weight:200;font-size:20px">Offer to Adopt Methods</div><hr class="mt-0 mb-1">
  34. <div class="p-3 mb-1">
  35.  
  36. <p><span class="text-primary" style="letter-spacing:1.5px">Accepted offers</span>: Artwork - Designs - Customs - Others</p><br>
  37. <p><span class="text-primary" style="letter-spacing:1.5px">Artwork offers</span>: </p>
  38. <p><span class="text-primary" style="letter-spacing:1.5px">Design offers</span>: </p>
  39. <p><span class="text-primary" style="letter-spacing:1.5px">Custom offers</span>: </p>
  40. <p><span class="text-primary" style="letter-spacing:1.5px">Other offers</span>: </p>
  41. <p><span class="text-primary" style="letter-spacing:1.5px">Do not offer</span>: </p>
  42.  
  43. </div>
  44. <div style="letter-spacing:3px;font-weight:200;font-size:20px">Design Details</div><hr class="mt-0">
  45. <div class="p-3 mb-1">
  46.  
  47. <p><span class="text-primary" style="letter-spacing:1.5px">Designer</span>: </p>
  48. <p><span class="text-primary" style="letter-spacing:1.5px">Species</span>: </p>
  49. <p><span class="text-primary" style="letter-spacing:1.5px">Pieces of art</span>: </p>
  50. <p><span class="text-primary" style="letter-spacing:1.5px">Other info</span>: </p>
  51.  
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56.  
  57. </div>
  58. <!---------
  59.  
  60. GALLERY
  61.  
  62. This is where you can showcase other art pieces that come with the adoptables. Remove this gallery if there are no others.
  63.  
  64. To format: you can change how many images appear in one row by changing the col-md-x tag. Just make sure that the total sum of each row adds up to 12. For example, for two images you'll want two col-md-6 and for 3 images, three col-md-4. Any value that goes over 12 will be placed on a separate row.
  65.  
  66. Artwork used in the default template is by Radu Bercan and Pop Monica.
  67.  
  68. ----------->
  69. <div class="col-md-12 p-1">
  70. <div class="bg-faded p-3 h-100">
  71. <div style="letter-spacing:3px;font-weight:200;font-size:20px">Other Pieces of Art</div><hr class="mt-0">
  72. <div class="row no-gutters">
  73.  
  74. <div class="col-md-3 p-1"><img src="https://cdn.discordapp.com/attachments/539606154393944104/591329535887278090/geometric-art-43_u-l-f8kshy0.png"></div>
  75. <div class="col-md-3 p-1"><img src="https://cdn.discordapp.com/attachments/539606154393944104/591329307478196228/unknown.png"></div>
  76. <div class="col-md-3 p-1"><img src="https://cdn.discordapp.com/attachments/539606154393944104/591329535887278090/geometric-art-43_u-l-f8kshy0.png"></div>
  77. <div class="col-md-3 p-1"><img src="https://cdn.discordapp.com/attachments/539606154393944104/591329307478196228/unknown.png"></div>
  78.  
  79. </div>
  80. </div>
  81. </div>
  82. <!---------
  83.  
  84. RULES
  85.  
  86. ----------->
  87. <div class="col-md-12 p-1">
  88. <div class="bg-faded p-3">
  89. <div style="letter-spacing:3px;font-weight:200;font-size:20px">Adoptable rules</div><hr class="mt-0">
  90. <div class="p-3"><p align="justify">This is where you list the rules applicable to this specific adoptable. Think of whether or not the buyer may use it for commercial purposes, how much of the design they're allowed to alter, if they're allowed to trade or gift it, if they're allowed to resell it and for how much, if they can change species/gender/etc.</p>
  91.  
  92. <p align="justify">You can change the numbered list to a bulleted one by changing the ol tag to a ul tag.</p></div>
  93.  
  94. <div class="p-3 text-muted" style="letter-spacing:0.7px"><ol>
  95. <li>Rule</li>
  96. <li>Rule</li>
  97. <li>Rule</li>
  98. <li>Rule</li>
  99. <li>Rule</li>
  100. <li>Rule</li>
  101. </ol></div>
  102. </div>
  103. </div>
  104. <!---------
  105.  
  106. TOS
  107.  
  108. ----------->
  109. <div class="col-md-12 p-1">
  110. <div class="bg-faded p-3">
  111. <div style="letter-spacing:3px;font-weight:200;font-size:20px">Terms of Service</div><hr class="mt-0">
  112. <div class="p-3"><p align="justify">Here you write your global terms of service that apply to all your work, or you link back to an off-site terms of service that buyers have to follow in order to be allowed to purchase your adoptable. Only add this section in if you're the design's creator.</p></div>
  113. </div>
  114. </div>
  115. <!---------
  116.  
  117. CONTACT
  118.  
  119. ----------->
  120. <div class="col-md-12 p-1">
  121. <div class="bg-faded p-3">
  122. <div style="letter-spacing:3px;font-weight:200;font-size:20px">Contact me</div><hr class="mt-0">
  123. <div class="p-3"><p align="justify">Please contact me here if you're interested in buying or have any other questions related to this adoptable:</p>
  124.  
  125. <p align="center" style="font-size:25px"><a href=""><i class="fas fa-home-lg"></i></a> || <a href=""><i class="fab fa-deviantart"></i></a> || <a href=""><i class="fab fa-twitter"></i></a> || <a href=""><i class="fab fa-tumblr"></i></a> || <span data-toggle="tooltip" class="text-muted" title="name#0000"><i class="fab fa-discord"></i></span> || <span data-toggle="tooltip" class="text-muted" title="Skype handle"><i class="fab fa-skype"></i></span></p></div>
  126. </div>
  127. </div>
  128. <!---------
  129.  
  130. CREDITS
  131.  
  132. !Please do not remove!
  133.  
  134. ----------->
  135. <div class="col-md-12 p-1">
  136. <div class="p-1 text-right"><a data-toggle="tooltip" class="text-muted" title="Coding by ElithianFox" href="https://toyhou.se/4348423.-f2u-adoptable-html"><i class="far fa-dna"></i></a></div>
  137. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!