API tools faq
paste
Advertisement
ShadowDarespark

Pictochat code

ShadowDarespark
Mar 24th, 2021 (edited)
748
1
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.61 KB | None | 1 0
raw download clone embed print report
  1. <div class="col-lg-5 p-0 mx-auto">
  2. <div class="card rounded-1 border-0 p-1" style="background-color:#ffffff; width:460px;">
  3. <div class="pull-right">
  4. </div>
  5.  
  6. <div class="row no-gutters">
  7. <!---- Left Image ---->
  8. <div class="col-sm-0 card rounded-1 border-1 bg-white" style="background:url(https://cdn.discordapp.com/attachments/612980054565060639/823359578758578206/unknown.png) #ffffff center top no-repeat; background-size:contain;background-repeat:no-repeat;height:305px;width:31px">
  9. </div>
  10. <div class="p-1">
  11. <div class="col-sm-card rounded border-0 p-1" style="background-color:#B4B4B4; max-height: 300px; overflow: auto;">
  12. <!---- Add as many chat boxes as you'd like! All you have to do is copy and paste them! ---->
  13. <!---- New YELLOW Chat Box ---->
  14. <div class="col-sm-12 card rounded-1 border-0 p-1 bg-white my-1" style="width:388px;height:154px;overflow:auto;color:#fff;background-image:url('https://cdn.discordapp.com/attachments/612980054565060639/824505199782789120/unknown.png'); background-repeat:no-repeat; background-size: 100% 100%; center">
  15. <div class="ml-2" style="width:25%; height:40px">
  16. <span class="text-center" style="font-family: courier; color: #B0AB22">Username</span>
  17. </div>
  18. <span class="ml-2" style="font-family: courier; color: #000000">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci ac auctor augue mauris augue neque.
  19. <!---- These text boxes do scroll but I would suggest you don't let it get that long, they look odd when scrolling. ---->
  20. </div>
  21.  
  22. <!---- New BLUE Chat Box ---->
  23. <div class="col-sm-12 card rounded-1 border-0 p-1 bg-white my-1" style="width:388px;height:154px;overflow:auto;color:#fff;background-image:url('https://cdn.discordapp.com/attachments/612980054565060639/823360651006443550/unknown.png'); background-repeat:no-repeat; background-size: 100% 100%; center">
  24. <div class="ml-2" style="width:25%; height:40px">
  25. <span class="text-center" style="font-family: courier; color: #2B31B2">Username</span>
  26. </div>
  27. <span class="ml-2" style="font-family: courier; color: #000000">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci ac auctor augue mauris augue neque.
  28. <!---- These text boxes do scroll but I would suggest you don't let it get that long, they look odd when scrolling. ---->
  29. </div>
  30.  
  31. <!---- New RED Chat Box ---->
  32. <div class="col-sm-12 card rounded-1 border-0 p-1 bg-white my-1" style="width:388px;height:154px;overflow:auto;color:#fff;background-image:url('https://cdn.discordapp.com/attachments/612980054565060639/824505268565442600/unknown.png'); background-repeat:no-repeat; background-size: 100% 100%; center">
  33. <div class="ml-2" style="width:25%; height:40px">
  34. <span class="text-center" style="font-family: courier; color: #A22222">Username</span>
  35. </div>
  36. <span class="ml-2" style="font-family: courier; color: #000000">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci ac auctor augue mauris augue neque.
  37. <!---- These text boxes do scroll but I would suggest you don't let it get that long, they look odd when scrolling. ---->
  38. </div>
  39.  
  40. <!---- New GREEN Chat Box ---->
  41. <div class="col-sm-12 card rounded-1 border-0 p-1 bg-white my-1" style="width:388px;height:154px;overflow:auto;color:#fff;background-image:url('https://cdn.discordapp.com/attachments/612980054565060639/824505437092839424/unknown.png'); background-repeat:no-repeat; background-size: 100% 100%; center">
  42. <div class="ml-2" style="width:25%; height:40px">
  43. <span class="text-center" style="font-family: courier; color: #1A9671">Username</span>
  44. </div>
  45. <span class="ml-2" style="font-family: courier; color: #000000">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci ac auctor augue mauris augue neque.
  46. <!---- These text boxes do scroll but I would suggest you don't let it get that long, they look odd when scrolling. ---->
  47. </div>
  48.  
  49. <!---- New PINK Chat Box ---->
  50. <div class="col-sm-12 card rounded-1 border-0 p-1 bg-white my-1" style="width:388px;height:154px;overflow:auto;color:#fff;background-image:url('https://cdn.discordapp.com/attachments/612980054565060639/824505553467605002/unknown.png'); background-repeat:no-repeat; background-size: 100% 100%; center">
  51. <div class="ml-2" style="width:25%; height:40px">
  52. <span class="text-center" style="font-family: courier; color: #BA2B93">Username</span>
  53. </div>
  54. <span class="ml-2" style="font-family: courier; color: #000000">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci ac auctor augue mauris augue neque.
  55. <!---- These text boxes do scroll but I would suggest you don't let it get that long, they look odd when scrolling. ---->
  56. </div>
  57.  
  58. <!---- Chat boxes end ---->
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. <!---- Bottom Screen ---->
  64.  
  65. <div class="card rounded-1 border-0 p-1 my-2" style="background-color:#ffffff; width:460px">
  66. <div class="row no-gutters">
  67.  
  68. <!---- Left Image ---->
  69. <div class="col-sm-0 card rounded-1 border-1 bg-white" style="background:url(https://cdn.discordapp.com/attachments/612980054565060639/823085656728928306/unknown.png) #ffffff center top no-repeat; background-size:cover;background-repeat:no-repeat;height:370px;width:31px">
  70. </div>
  71.  
  72. <!---- X box ---->
  73. <div class="p-1"><div class="pull-right" style="background:url(https://cdn.discordapp.com/attachments/612980054565060639/823361208240701500/unknown.png) no-repeat; background-size:contain;background-repeat:no-repeat;height:30px;width:30px">
  74. </div>
  75. <div class="card rounded-1 border-0 p-1 my-3" style="background-color:#ffffff; width:px">
  76. </div>
  77.  
  78. <div class="col-sm-card rounded border-0 p-1" style="background-color:#B4B4B4;">
  79.  
  80. <!---- Text box ---->
  81. <div class="col-sm-12 card rounded-1 border-0 p-1 bg-white" style="width:405px;height:154px;overflow:auto;color:#fff;background-image:url('https://cdn.discordapp.com/attachments/612980054565060639/823110609343217664/unknown.png'); background-repeat:no-repeat; background-size: 100% 100%; center">
  82. <div class="ml-2" style="width:25%; height:40px">
  83. <span class="text-center" style="font-family: courier; color: #000000">Username</span>
  84. </div>
  85. <span class="ml-2" style="font-family: courier; color: #000000">DDD
  86. </div>
  87. <div class="col-sm-12 card rounded-1 border-0 p-1 bg-white my-1" style="width:405px;height:154px;overflow:auto;color:#fff;background-image:url('https://cdn.discordapp.com/attachments/612980054565060639/824696502144204930/unknown.png'); background-repeat:no-repeat; background-size: 100% 100%; center">
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. <p class="mt-2 text-right">
  94. <a href="/ShadowDarespark"><i class="fas fa-code mr-1" />ShadowDarespark</a>
  95. </p>
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!