Jan 31 2010

Pre-Made Scrolling Layouts

Published by Jessica

Finally! Working pre-made layouts! To get the coding, click the link that has the name of the layout you would like. To copy the HTML coding, click on the code. Then, hit the Control (CTRL) key and the “A” key together. This will select all the text. You can either right-click and select “Copy”, or hit the Control (CTRL) key and “C” key together.

**I am so sorry to all of you who had problems with the previous pre-made layouts. The coding was correct but this website made the code into a font that Howrse didn’t have. All layouts now work! Thank you so much for your patience.**

NEW! Player-Made Layouts!

This layout was made by the user horsesarefavored.

Text goes here…Will scroll
Text goes here, will scroll…
Text goes here, will scroll…
Text goes here, will scroll…
Text goes here, will scroll…
Text goes here, will scroll…
Layout made by horsesarefavored ~ Edited by Jessica27 ~ Layout found on HowrseHelper.com
  • White Text (Doesn’t show up here, but will on Howrse)
  • Six scroll boxes (one is on the picture, under the word Welcome)
  • Please keep both user names and HowrseHelper at the bottom. (If you need to remove the link, I understand.) You may add you own, but please only put “For (user name)” Thank you.

Click here to view the coding. Just copy and paste and it will work!

Working Layouts!! (Sorry for the wait guys!)


Picture with Two Columns — Copy Coding here

(Add)Picture with Two Columns

Text goes here. Once you add more, it begins to scroll..

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet
turpis quis nulla lobortis quis faucibus orci dapibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet
turpis quis nulla lobortis quis faucibus orci dapibus.

Text goes here. Once you add more, it begins to scroll..

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet
turpis quis nulla lobortis quis faucibus orci dapibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet
turpis quis nulla lobortis quis faucibus orci dapibus.
Layout from HowrseHelper.com ~ Made by Jessica27 ~ Pictured added by (user name)

About this layout:

  • Two scrolling text boxes
  • Add your own picture! (If you need help, PM me on Howrse)
  • Please keep HowrseHelper and Jessica27 in the footer. I added a spot for you to put your user name once you add a picture.

Picture with Three Columns: Copy Coding here:

(Add)Picture with Three Columns

Text goes here. Once you add more, it begins to scroll..

The layout is bigger, I needed to shrink if for the website.

Text goes here. Once you add more, it begins to scroll..

The layout is bigger, I needed to shrink if for the website.

Text goes here. Once you add more, it begins to scroll..

The layout is bigger, I needed to shrink if for the website.
Layout from HowrseHelper.com ~ Made by Jessica27 Picture added by (user name)

About this layout:

  • Three scrolling text boxes
  • Add your own picture! (If you need help, PM me on Howrse)
  • Please keep HowrseHelper and Jessica27 in the footer. I added a spot for you to put your user name once you add a picture.

Picture with Six Columns:

Coming Soon

Two Pictures or Textboxes:

Coming Soon


<table style=”height: 1237px;” border=”5″ width=”668″ bgcolor=”#123456″ bordercolor=”#123456″>
<tbody>
<tr>
<td colspan=”2″>
<table style=”height: 503px;” border=”0″ cellspacing=”0″ cellpadding=”0″ width=”512″ background=”http://i50.tinypic.com/2j104gk.jpg”>
<tbody>
<tr>
<td colspan=”3″ width=”512″ height=”175″></td>
</tr>
<tr>
<td rowspan=”2″ width=”57″ height=”328″></td>
<td width=”338″ height=”260″ valign=”top”>
<div style=”font-size: 9pt; overflow: auto; width: 100%; color: white; font-family: centuary gothic; height: 100%; text-align: left;”>

Scrolling text box

</div></td>
<td rowspan=”2″ width=”117″ height=”328″></td>
</tr>
<tr>
<td width=”338″ height=”68″></td>
</tr>
</tbody>
</table>
<div>
<div style=”overflow: auto; width: 620px; height: 200px;”>Scrolling text box</div>
</div></td>
</tr>
<tr>
<td rowspan=”3″>
<div>
<div style=”overflow: auto; width: 300px; height: 600px;”>Scrolling text box</div>
</div></td>
<td>
<div>
<div style=”overflow: auto; width: 350px; height: 200px;”>Scrolling text box</div>
</div></td>
</tr>
<tr>
<td>
<div>
<div style=”overflow: auto; width: 350px; height: 200px;”>
<div>Scrolling text box</div>
</div>
</div></td>
</tr>
<tr>
<td colspan=”2″>
<div>
<div style=”overflow: auto; width: 400px; height: 200px;”>Scrolling text box</div>
</div></td>
</tr>
<tr>
<td colspan=”3″>Layout made by horsesarefavored ~ Found on <a href=”http://howrsehelper.com”>HowrseHelper.com</a></td>
</tr>
</tbody>
</table>

  • Share/Bookmark

20 responses so far

20 Responses to “Pre-Made Scrolling Layouts”

  1. # just_smileon 28 Jun 2010 at 6:32 am

    how do you use these? and am i allowed?

  2. # Jessicaon 28 Jun 2010 at 1:13 pm

    Ha, funny – your user name is the name of my tumblr! :D

    Click the link to view the code; copy and paste it to the HTML mode of your profile and it comes up!

  3. # celtic_ghirlon 03 Jul 2010 at 4:42 am

    Thanks I used the Second one and It’s really good on my page! Thanks!! :D

  4. # Amyon 07 Jul 2010 at 4:41 pm

    Why doesnt it let me put my own picture? i dont understand….

  5. # Jessicaon 07 Jul 2010 at 4:56 pm

    You need to edit the coding – Make sure you image is hosted on a website. Right click and select “Copy image location” go back to the coding and where it says replace the link with your picture link. If you need help, feel free to PM me on Howrse. :)

  6. # Wonder's Horseson 24 Jul 2010 at 2:35 pm

    Where is the coding for the layouts?

  7. # Jessicaon 24 Jul 2010 at 10:28 pm

    Click on the links – they will bring you to a page with just the coding.

  8. # JM_Shadow92on 28 Jul 2010 at 11:53 am

    The coding isn’t on the other link…just the layout

  9. # Zippos Pistol Peteon 28 Jul 2010 at 11:56 pm

    When you click on the link for the coding all it does is putthelayout on a bigger picture, there is no coding……???

  10. # Jessicaon 29 Jul 2010 at 8:50 am

    You must be clicking on the picture then..All links lead out to the coding.

  11. # Horseygirl1412on 07 Aug 2010 at 12:32 am

    how do i get the coding???

  12. # Jessicaon 07 Aug 2010 at 7:18 am

    Click on the link that either has the name or says “Click here to get the coding”

  13. # Zippos Pistol Peteon 16 Aug 2010 at 3:28 pm

    I click on those links, and all it gives me it a picture of the layout. No coding whatsoever. Could you please send me the coding on howrse for the “picture with 3 colums” and the “picture with one column”?

  14. # Jessicaon 16 Aug 2010 at 5:37 pm

    I can view the coding…Are you sure you’re clicking the link and not the picture?

  15. # Zippos Pistol Peteon 16 Aug 2010 at 5:40 pm

    Im Positive. I click on both of the links that say “(Add) Picture with 2 columns” and “(Add) Picture with 3 columns”. It only takes me to a full view/picture of the layout.

  16. # Jessicaon 16 Aug 2010 at 7:08 pm

    *sigh* What browser are you using? Perhaps that’s why..

  17. # kezzypopon 23 Aug 2010 at 8:26 am

    i cant find a link *anywhere* for the add your own pic layouts. =(

    my howrse is kezzypop could you PM as ill forget to check back xD

  18. # QuarterHorseBreeder2on 29 Aug 2010 at 5:08 am

    can you send me the code for picture with two text boxes? thanks

  19. # Janeon 07 Sep 2010 at 3:55 pm

    sorry to be the idiot here, but what is HTML mode?? I don’t understand how this works. Please help. :) thank you.

  20. # Jessicaon 07 Sep 2010 at 7:19 pm

    Nah, it’s fine. I couldn’t find it when I first was on Howrse. Click Modify on your page and on the right, above the smiley faces, it will have the HTML mode button. All coding goes there.

Comments RSS

Leave a Reply