Advertisement
Guest User

Untitled

a guest
Oct 18th, 2017
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.80 KB | None | 0 0
  1. <div style="float:left;width:1000px;height:660px;padding:100px;">
  2. <div style="float:left;width:900px;height:660px;background:#d3c5e2;border:1px solid #a48fba;"><div style="margin-left:650px;opacity:.9;padding:10px 10px 0px 10px;width:230px;height:10px;font-family:arial;font-size:9px;letter-spacing:5px;color:#fff; margin-top:10px;"><b><i>layout by <a href ="https://www.howrse.com/joueur/fiche/?id=38177995" style="color:#fff;text-decoration:none;">daenerys design (tianeu) on intl. howrse</a></i></b></div></div>
  3. <div style="float:left;width:900px;height:660px;margin-top:-660px;opacity:.9999;overflow:hidden;">
  4. <div style="float:left;width:920px;height:660px;overflow:auto;">
  5. <div style="float:left;width:900px;">
  6. <div style="float:left;width:900px;height:660px;">
  7. <div style="margin:auto;width:451px;">
  8. <div style="float:left;width:451px;height:206px;margin-top:227px;border:1px solid #fff;">
  9. <div style="float:left;width:443px;margin-left:8px;margin-top:46px;text-align:center;"><span style="font-family:arial;font-size:50px;text-transform:uppercase;letter-spacing:8px;color:#fff;">apostasia</span></div>
  10. </div>
  11. <div style="float:left;width:430px;margin-top:-110px;text-align:center;padding:10px;"><span style="font-family:arial;font-size:9px;letter-spacing:2px;color:#fff;line-height:9px;">insert quote here, oneliner or two is preferable but line spacing is deliberately closer.<br><br><br>scroll for more</span></div>
  12. </div>
  13. </div>
  14. </div>
  15. <div style="float:left;width:100px;height:152px;margin-left:45px;margin-top:-382px;opacity:.9999;">
  16. <div style="float:left;width:100px;line-height:11px;"><span style="font-family:arial;font-size:9px;letter-spacing:2px;color:#fff;">this is your side bar as requested, keep it simple with everything please, as it is suitable most for updates, etc. width of course is adjustable and additional padding can be applied depending on your needs. for now i just kept it more or less plain.<br><br><span style="color:#fff;">status</span><br><span style="color:#fff;">inbox</span><br><span style="color:#fff;">ec forum</span><br><span style="color:#fff;">link 1</span><br><span style="color:#fff;"><br><a href ="https://www.howrse.com/joueur/fiche/?id=38177995" style="color:#fff;">layout credit</a></span></span></div>
  17. <div style="float:left;width:100px;">
  18. <div style="float:left;width:23px;">
  19. <div style="float:left;width:23px;height:3px;background:#fff;margin-top:17px;">&nbsp;</div>
  20. <div style="float:left;width:23px;height:3px;background:#fff;margin-top:3px;">&nbsp;</div>
  21. <div style="float:left;width:23px;height:3px;background:#fff;margin-top:3px;">&nbsp;</div>
  22. </div>
  23. </div>
  24. </div>
  25. <div style="float:left;width:900px;height:660px;margin-bottom:20px;">
  26. <div style="margin:auto;width:537px;">
  27. <div style="float:left;width:537px;margin-top:88px;height:auto;border:2px solid #fff;">
  28. <div style="float:left;width:537px;border-bottom:1px solid #fff;">
  29. <div style="margin:auto;width:446px;">
  30. <div style="float:left;width:446px;text-align:justify;margin-top:42px;margin-bottom:42px;line-height:9px;"><span style="font-family:arial;font-size:8px;letter-spacing:1px;color:#fff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin auctor ac odio vel interdum. Praesent tempus, lectus a tincidunt malesuada, elit orci bibendum felis, et sollicitudin nisi eros sed tortor. Maecenas semper, nisl vitae volutpat hendrerit, nisi odio semper eros, eu luctus metus quam a mi. Fusce convallis id libero vehicula molestie. Aliquam eu scelerisque velit. Nunc ac mauris hendrerit, vulputate sapien sit amet, ultrices ligula. Nullam porttitor magna in lectus viverra, ut vestibulum mi lacinia. Sed cursus nunc eget leo varius, mattis molestie nibh ultrices. Sed mollis commodo ligula nec volutpat. sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque risus nibh, dignissim sed euismod eget, porta nec est. Sed commodo nulla vitae eleifend maximus. Sed ac pharetra dui, mattis sollicitudin augue.</span></div>
  31. </div>
  32. </div>
  33. <div style="float:left;width:537px;margin-top:18px;margin-bottom:18px;text-align:center;line-height:9px;"><span style="font-family:arial;font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#fff;">about me</span></div>
  34. </div>
  35. <div style="float:left;width:537px;margin-top:88px;height:auto;border:2px solid #fff;">
  36. <div style="float:left;width:537px;border-bottom:1px solid #fff;">
  37. <div style="margin:auto;width:446px;">
  38. <div style="float:left;width:446px;text-align:justify;margin-top:42px;margin-bottom:42px;line-height:9px;"><span style="font-family:arial;font-size:8px;letter-spacing:1px;color:#fff;">001 // Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin auctor ac odio vel interdum.<br>
  39. 002 //&nbsp;Praesent tempus, lectus a tincidunt malesuada, elit orci bibendum felis, et sollicitudin nisi eros sed tortor.<br>
  40. 003 //&nbsp;Maecenas semper, nisl vitae volutpat hendrerit, nisi odio semper eros, eu luctus metus quam a mi.<br>
  41. 004 // Fusce convallis id libero vehicula molestie. Aliquam eu scelerisque velit. Nunc ac mauris hendrerit, vulputate sapien sit amet, ultrices ligula.<br>
  42. 005 // Nullam porttitor magna in lectus viverra, ut vestibulum mi lacinia.<br>
  43. 006 //&nbsp;Sed cursus nunc eget leo varius, mattis molestie nibh ultrices. Sed mollis commodo ligula nec volutpat. sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br>
  44. 007 //&nbsp;Pellentesque risus nibh, dignissim sed euismod eget, porta nec est. Sed commodo nulla vitae eleifend maximus. Sed ac pharetra dui, mattis sollicitudin augue.</span></div>
  45. </div>
  46. </div>
  47. <div style="float:left;width:537px;margin-top:18px;margin-bottom:18px;text-align:center;line-height:9px;"><span style="font-family:arial;font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#fff;">advertisements</span></div>
  48. </div>
  49.  
  50. </div>
  51.  
  52. </div>
  53.  
  54. </div>
  55.  
  56. </div>
  57.  
  58. </div>
  59.  
  60. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement