API tools faq
paste
Advertisement
lazarus00

premade howrse layout 8 (light)

lazarus00
Dec 13th, 2018
329
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.41 KB | None | 0 0
raw download clone embed print report
  1. <div align="center">
  2.  
  3. <!-- the url below changes the background image-->
  4. <div style="background: url('https://i.imgur.com/8gQLtO2.png'); width: 930px; height: 480px; border: 1px solid #b7b7b7;">
  5.  
  6. <div style="width:930px; height:480px; margin-top:0px; margin-left:0px; overflow:hidden; float:left;">
  7. <div style="width:950px; height:480px; overflow:auto; float:left;">
  8.  
  9. <div style="width:450px; height: 45px; overflow: hidden; margin-top:210px; margin-left: 230px; float: left; text-align: center; color:#fff; font: italic bold 35px Georgia, San-Serif; letter-spacing:.5px; word-spacing:1px; border: 2px solid #f1f1f1; padding:10px; background: url('https://i.imgur.com/vAf0coF.png'); ">
  10. username.
  11. </div>
  12.  
  13. <div style="background: url('https://i.imgur.com/FBG4O8U.png'); width: 930px; height: 480px; margin-top:250px; margin-left: 0px; float: left; overflow: hidden;">
  14. <!-- links start -->
  15. <div style="background-color: #fff; border: 1px solid #444; width:100px; height: 10px; overflow: hidden; padding:5px; margin-top:35px; margin-left: 160px; float: left; text-align:center; color:#444; font:12px calibri; letter-spacing:.5px; word-spacing:1px; line-height:10px;">
  16. link one
  17. </div>
  18. <div style="background-color: #fff; border: 1px solid #444; width:100px; height: 10px; overflow: hidden; padding:5px; margin-top:35px; margin-left: 50px; float: left; text-align:center; color:#444; font:12px calibri; letter-spacing:.5px; word-spacing:1px; line-height:10px;">
  19. link two
  20. </div>
  21. <div style="background-color: #fff; border: 1px solid #444; width:100px; height: 10px; overflow: hidden; padding:5px; margin-top:35px; margin-left: 50px; float: left; text-align:center; color:#444; font:12px calibri; letter-spacing:.5px; word-spacing:1px; line-height:10px;">
  22. link three
  23. </div>
  24. <div style="background-color: #fff; border: 1px solid #444; width:100px; height: 10px; overflow: hidden; padding:5px; margin-top:35px; margin-left: 50px; float: left; text-align:center; color:#444; font:12px calibri; letter-spacing:.5px; word-spacing:1px; line-height:10px;">
  25. link four
  26. </div>
  27. <!-- links end -->
  28. <!-- text boxes: container start -->
  29. <div style="width:720px; height:380px; margin-top:43px; margin-left:10px; overflow:hidden; float:left;">
  30. <div style="width:740px; height:380px; overflow:auto; float:left;">
  31. <div style="padding:50px; width:auto;height:auto;overflow:auto;margin-top:0px;margin-left:0px;float:left;">
  32.  
  33. <!-- text box 1 start -->
  34. <div style="background-color: #fff; padding: 5px; border: 1px solid #b5b5b5; width: 280px; height: 190px; margin-top:0px; margin-left: 0px; float: left; overflow: hidden;">
  35.  
  36. <!-- to change background image change the url below to the url of your image. -->
  37. <div style="background: url('https://i.imgur.com/hnhMyJx.png'); width:280px; height:190px; margin-top:0px; margin-left:0px; overflow:hidden; float:left;">
  38. <div style="width:300px; height:190px; overflow:auto; float:left;">
  39.  
  40. <div style="background: url('https://i.imgur.com/8HcyeLQ.png'); width:300px; height: 190px; overflow: hidden; margin-top: 200px; margin-left: 0px; float: left;">
  41.  
  42. <div style="width:272px; height: 170px; padding: 10px; overflow: auto; margin-top:0px; margin-left: 0px; float: left; text-align:justify; color:#444; font:10px calibri; letter-spacing:.5px; word-spacing:1px; line-height:10px;">
  43. <div style="width:255px;float:left;">
  44. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br><br> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <br><br>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br><br>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <br><br>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  45. </div>
  46. </div>
  47.  
  48. </div>
  49.  
  50. </div>
  51. </div>
  52.  
  53. </div>
  54. <!-- text box 1 end -->
  55. <!-- text box 2 start -->
  56. <div style="background-color: #fff; padding: 5px; border: 1px solid #b5b5b5; width: 280px; height: 190px; margin-top: 220px; margin-left: 30px; float: left; overflow: hidden;">
  57.  
  58. <!-- to change background image change the url below to the url of your image. -->
  59. <div style="background: url('https://i.imgur.com/UR9U2CI.png'); width:280px; height:190px; margin-top:0px; margin-left:0px; overflow:hidden; float:left;">
  60. <div style="width:300px; height:190px; overflow:auto; float:left;">
  61.  
  62. <div style="background: url('https://i.imgur.com/8HcyeLQ.png'); width:300px; height: 190px; overflow: hidden; margin-top: 200px; margin-left: 0px; float: left;">
  63.  
  64. <div style="width:272px; height: 170px; padding: 10px; overflow: auto; margin-top:0px; margin-left: 0px; float: left; text-align:justify; color:#444; font:10px calibri; letter-spacing:.5px; word-spacing:1px; line-height:10px;">
  65. <div style="width:255px;float:left;">
  66. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br><br> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <br><br>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br><br>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <br><br>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  67. </div>
  68. </div>
  69.  
  70. </div>
  71.  
  72. </div>
  73. </div>
  74.  
  75. </div>
  76. <!-- text box 2 end -->
  77. <!-- text box 3 start -->
  78. <div style="background-color: #fff; padding: 5px; border: 1px solid #b5b5b5; width: 280px; height: 190px; margin-top:25px; margin-left: 0px; float: left; overflow: hidden;">
  79.  
  80. <!-- to change background image change the url below to the url of your image. -->
  81. <div style="background: url('https://i.imgur.com/ndrztlX.png'); width:280px; height:190px; margin-top:0px; margin-left:0px; overflow:hidden; float:left;">
  82. <div style="width:300px; height:190px; overflow:auto; float:left;">
  83.  
  84. <div style="background: url('https://i.imgur.com/8HcyeLQ.png'); width:300px; height: 190px; overflow: hidden; margin-top: 200px; margin-left: 0px; float: left;">
  85.  
  86. <div style="width:272px; height: 170px; padding: 10px; overflow: auto; margin-top:0px; margin-left: 0px; float: left; text-align:justify; color:#444; font:10px calibri; letter-spacing:.5px; word-spacing:1px; line-height:10px;">
  87. <div style="width:255px;float:left;">
  88. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br><br> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <br><br>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br><br>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <br><br>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  89. </div>
  90. </div>
  91.  
  92. </div>
  93.  
  94. </div>
  95. </div>
  96.  
  97. </div>
  98. <!-- text box 3 end -->
  99. <!-- text box 4 start -->
  100. <div style="background-color: #fff; padding: 5px; border: 1px solid #b5b5b5; width: 280px; height: 190px; margin-top:245px; margin-left: 30px; float: left; overflow: hidden;">
  101.  
  102. <!-- to change background image change the url below to the url of your image. -->
  103. <div style="background: url('https://i.imgur.com/FaFk8YF.png'); width:280px; height:190px; margin-top:0px; margin-left:0px; overflow:hidden; float:left;">
  104. <div style="width:300px; height:190px; overflow:auto; float:left;">
  105.  
  106. <div style="background: url('https://i.imgur.com/8HcyeLQ.png'); width:300px; height: 190px; overflow: hidden; margin-top: 200px; margin-left: 0px; float: left;">
  107.  
  108. <div style="width:272px; height: 170px; padding: 10px; overflow: auto; margin-top:0px; margin-left: 0px; float: left; text-align:justify; color:#444; font:10px calibri; letter-spacing:.5px; word-spacing:1px; line-height:10px;">
  109. <div style="width:255px;float:left;">
  110. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br><br> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <br><br>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br><br>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <br><br>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  111. </div>
  112. </div>
  113.  
  114. </div>
  115.  
  116. </div>
  117. </div>
  118.  
  119. </div>
  120. <!-- text box 4 end -->
  121.  
  122. </div>
  123. </div>
  124. </div>
  125. <!-- text boxes: container end -->
  126.  
  127. <!-- avatar: switch url below with your avatar url-->
  128. <img src="https://i.imgur.com/IGvzwMB.png" style="background-color: #fff; padding:10px; border: 1px solid #b5b5b5; padding:5px; margin-top:90px; margin-left: 20px; float: left; overflow: hidden;">
  129.  
  130. <!-- status section start -->
  131. <div style="width:150px; height: 100px; overflow: hidden; margin-top:20px; margin-left: 10px; float: left; text-align:justify; color:#444; font:10px calibri; letter-spacing:.5px; word-spacing:1px; line-height:10px;">
  132. <b>01:</b> <i>links do not expand. try not to make them too long (same goes for the username.)</i>
  133. <br>
  134. <b>02:</b> <i>all images can be switched out (this version of the layout is meant to go with lighter colored images.)</i>
  135. <br>
  136. <b>03:</b> <i>this text doesn't scroll and cuts off when content is at a certain length.</i>
  137. </div>
  138. <!-- status section end -->
  139.  
  140. <!-- credit: do not remove under any circumstances -->
  141. <div style="width:150px; height: 20px; overflow: hidden; margin-top:20px; margin-left: 10px; float: left; text-align:center; color:#444; font:10px calibri; letter-spacing:.5px; word-spacing:1px;">
  142. premade layout: <a href="https://www.howrse.com/joueur/fiche/?id=38449998"><font color="#444"><span style="border-bottom:1px dotted #444;">lazarus</span></font></a>
  143. </div>
  144.  
  145. </div>
  146.  
  147. </div>
  148. </div>
  149.  
  150. </div>
  151. </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!