Advertisement
lazarus00

premade howrse layout 5

Sep 1st, 2018
331
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.33 KB | None | 0 0
  1. <!-- please do not remove any parts of the coding.
  2. You may only do the following:
  3. change the background, change font colors, or add/remove text boxes -->
  4.  
  5. <div align="center">
  6. <!-- the first url changes the background. -->
  7. <div style="background: url(https://i.imgur.com/mnKpQx9.png); width: 930px; height: 480px; border:1px solid #000;">
  8. <div style="background: url(https://i.imgur.com/T4eyEmZ.png); width: 930px; height: 480px;">
  9.  
  10. <div style="width:324px; height:480px; margin-top:0px; margin-left:606px; overflow:hidden; float:left;">
  11. <div style="width:344px; height:480px; overflow:auto; float:left;">
  12.  
  13.  
  14. <div style="width:250px; height: 85; overflow: hidden; margin-top:170px; margin-left: 0px; float: left; text-align: center; color:#eee; font: italic 12px Georgia, San-Serif; letter-spacing:.5px; word-spacing:1px;">
  15. <span style="font: bold italic 25px Georgia, San-Serif;">username here.</span>
  16. <br>
  17. link / link / link / link
  18. </div>
  19.  
  20. <div style="background: url(https://i.imgur.com/vg3sQWo.png); overflow: auto; width:324px; height:595px; margin-top:110px; margin-left:0px; float:left;">
  21.  
  22. <div style="width:250px; height:370px; margin-top:160px; margin-left:40px; overflow:hidden; float:left;">
  23. <div style="width:270px; height:370px; overflow:auto; float:left;">
  24.  
  25. <div style="width:250px; height: auto; overflow: none; margin-top:0px; margin-left: 0px; float: left; text-align:justify; color:#444444; font:10px calibri; letter-spacing:.5px; word-spacing:1px; line-height:10px; border-bottom:2px solid #444; padding-bottom:10px;">
  26. <div align="right"><span style="font: bold 15px Georgia, San-Serif;">info 01</span></div>
  27. If you encounter any issues with the layout please don't hesitate to message me.
  28. <Br><Br>Your text boxes expand and the boxes themselves scroll. Feel free to write as much as you desire.
  29. <Br><Br>
  30. This is best viewed in google chrome on a pc/desktop at 100%. ( mobile devices, such as smartphones and tablets may not allow you to view as intended. )
  31. <br><br>Remember to follow all rules that are stated <a href="https://www.howrse.com/centre/forum/sujet?id=1081283&amp;sujet=751804247"><font color="#444444"><span style="border-bottom:1px dotted #444444;">here.</span></font></a> ( Please do not remove the credit. That's not a cool move, dude. )
  32. <br><br>If you want to learn coding, or need help, you can visit <a href="https://www.howrse.com/centre/forum/sujet?id=1081283&amp;sujet=751802963"><font color="#444444"><span style="border-bottom:1px dotted #444444;">this topic</span></font></a> or message me. I don't mind to help.
  33. </div>
  34.  
  35. <!-- copy and paste the code below to add another text box -->
  36. <div style="width:250px; height: auto; overflow: none; margin-top:30px; margin-left: 0px; float: left; text-align:justify; color:#444444; font:10px calibri; letter-spacing:.5px; word-spacing:1px; line-height:10px; border-bottom:2px solid #444; padding-bottom:10px;">
  37. <div align="right"><span style="font: bold 15px Georgia, San-Serif;">info 02</span></div>
  38. <b>bold</b> // <u>underline</u> // <i>italic</i> // <strike>strike through</strike> // <b><i><u><strike>all at once</strike></u></i></b>
  39. <Br><Br>Never highlight all the text and backspace. This will <u>delete</u> the text box(es). Also, note that if you highlight text from multiple boxes and start typing you'll mess up the layout's coding / boxes too. <br><br>Put at least something in the text box to keep the box from automatically deleting itself when you're saving your presentation.
  40. <br><br>
  41. When you're wanting to make a new paragraph make sure that you hold shift while you press enter. This should help prevent you from messing up the text boxes by accident.
  42. <br><br>
  43. Please only edit the colors or images of the layout if you have coding experience. If you want these things changed for you or if you ever have any coding problems with this layout <i>please</i> don’t hesitate to message me.
  44. </div>
  45. <!-- do not copy and paste anything past this point -->
  46.  
  47. </div></div>
  48. <div style="width:120px; height: 15px; overflow: auto; margin-top:10px; margin-left: 165px; float: left; text-align:right; color:#767676; font:10px calibri; letter-spacing:.5px; word-spacing:1px;">
  49. <span style="border-bottom:1px dotted #767676;"><a href="https://www.howrse.com/joueur/fiche/?id=38449998"><font color="#767676">lazarus</a>
  50. </div>
  51.  
  52.  
  53. </div>
  54.  
  55. </div>
  56. </div>
  57.  
  58.  
  59. </div>
  60. </div>
  61. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement