[Info] Profile Help/Tips - NO ads

By Retired breeder, 28th February 2010 01:21:55
125
Please post any profile questions or tips you may have here.

This is a Help topic only.

This is *NOT* for advertising services. If ads are placed in this topic, then you will be sanctioned.

Edit by horselover1981:
If you are getting the following error message try saving your presentation again, on the same page the error comes up on, sometimes it fixes itself. If that doesn't work then you need to copy and paste your profile to a word document, delete your page, add your content back a pieace at a time, saving after each piece.

Error message:
"You can't continue...
The profile page presentation you wrote cannot be published because the HTML tags are incorrect."
Go to page:
Hi, I would like to change the background colour of my profile page. How do I do that?
shadowkokufu
  • Posted messages: 100
  • Karma: 10 points
could somebody give me a short breakdown on what css/html we can't and can use nowdays? and why did they change it? I left the game in 2015 (my old account has been deleted long ago ofc) and none of my old presentations are working, despite looking just fine outside of howrse. Now we got no fancy cursors, no hiding scrollbars... I've heard there's been an update but can't find what exactly did they change besides the few stuff I just tested.
ghostmuffin
  • Posted messages: 10
  • Karma: 10 points
Heyyyo I need some help, so this is what my html looks like

Click to display
<div style="background:url(&quot;https://img.sunset02.com/sunsetm/wp-content-uploads/2019-03-28UTC09/fall-wildflowers-lupine-getty-166258781-0718-900x500.jpg&quotdefault smiley ;);width:900px;height:500px;">

<div style="text-align:center;width:500px;height:300px;font-size:50px;overflow:auto;float:left;margin-left:200px;margin-top:200px;"><font color="#FFFFFF" face="Times">

Welcome to The Flower Farm</font></div></div><table><tbody><tr><td><div style="background-color:#ecb4e6;text-align:center;width:435px;height:300px;font-size:12px;overflow-y:auto;float:left;margin-left:0px;margin-top:10px;"><br></div></td>
</tr><tr><td><div style="background-color:#ecb4e6;text-align:center;width:435px;height:300px;font-size:12px;overflow-y:auto;float:left;margin-left:465px;margin-top:-304px;"><font color="#FFFFFF" face="Times"></font></div></td>
</tr><tr></tr></tbody></table>


And when I go to normal mode it looks great, but as soon as I start typing in the text boxes everything gets real weird, with text boxes jumping and stretching.

(Also they scroll horizontally and I want them to scroll vertically) if anyone could help out that would be great! Also obviously the smiley above is supposed to be : ) , but not space between.
megagoatbabe
  • Posted messages: 3
  • Karma: 10 points
Ghostmuffin wrote:

could somebody give me a short breakdown on what css/html we can't and can use nowdays? and why did they change it? I left the game in 2015 (my old account has been deleted long ago ofc) and none of my old presentations are working, despite looking just fine outside of howrse. Now we got no fancy cursors, no hiding scrollbars... I've heard there's been an update but can't find what exactly did they change besides the few stuff I just tested.

Hi, I'm an old player as well and I've recently had to figure out how in the heck I can use text-shadow without it disappearing on me... it used to work back in the days but now it doesn't default smiley :(

Anyway, I've been studying other layouts (I didn't straight up steal their coding of course) to try to get back into coding, and I found out earlier today that invisible scrollbars exist! I don't know anything about coding, like why something works that way or whatever, but I hope I can explain this enough.

Click to display
<div style="width:200px;height:150px;overflow:hidden;margin-top:0px;margin-left:0px;float:left;">
<div style="width:220px;height:150px;overflow:auto;float:left;">
<div style="width:200px;height:150px;float:left;(any font stuff here);">
Tempus eget dolor phasellus ut. Mus dictum tortor aenean turpis, ornare phasellus fames nulla vel. Metus sodales massa hendrerit sociosqu id augue. Vitae conubia malesuada turpis penatibus pellentesque quisque vitae dictumst laoreet ipsum semper. Rhoncus cras cras ornare maecenas, mus sagittis tempor. Donec dolor commodo eros nulla congue volutpat parturient. Pharetra consectetur id parturient consectetur mauris rhoncus senectus.

Diam; iaculis metus massa curae; quam! Sagittis tempus imperdiet feugiat venenatis platea donec varius tincidunt mollis congue. Eu quam taciti convallis turpis curabitur varius interdum per tortor facilisis. Odio tempus quisque bibendum fusce at cras aliquam vitae odio aptent ultricies quam. Placerat rutrum nec fames feugiat senectus fusce ipsum bibendum pellentesque elit. Suspendisse penatibus class dignissim varius sodales class volutpat id luctus sit proin ullamcorper. Odio lacus fusce purus nostra aenean conubia nibh mauris est imperdiet molestie.
</div></div></div>


Doing overflow:hidden hides the scrollbar; however, it can also disable the entire scroll functionality. Doing overflow:auto creates a scrollbar if the width/height of the box isn't big enough for all the text to fit in. When you have both, it'll still have the scrollbar... unless you make the width in the <div> section with overflow:auto larger than the actual box. I hope that made sense, lol.
ᴀɴɢᴇʟ ᴀᴄɪᴅ
  • Posted messages: 254
  • Karma: 10 points
MegaGoatBabe wrote:

Heyyyo I need some help, so this is what my html looks like

Click to display
<div style="background:url(&quot;https://img.sunset02.com/sunsetm/wp-content-uploads/2019-03-28UTC09/fall-wildflowers-lupine-getty-166258781-0718-900x500.jpg&quotdefault smiley ;);width:900px;height:500px;">

<div style="text-align:center;width:500px;height:300px;font-size:50px;overflow:auto;float:left;margin-left:200px;margin-top:200px;"><font color="#FFFFFF" face="Times">

Welcome to The Flower Farm</font></div></div><table><tbody><tr><td><div style="background-color:#ecb4e6;text-align:center;width:435px;height:300px;font-size:12px;overflow-y:auto;float:left;margin-left:0px;margin-top:10px;"></div></td>
</tr><tr><td><div style="background-color:#ecb4e6;text-align:center;width:435px;height:300px;font-size:12px;overflow-y:auto;float:left;margin-left:465px;margin-top:-304px;"><font color="#FFFFFF" face="Times"></font></div></td>
</tr><tr></tr></tbody></table>


And when I go to normal mode it looks great, but as soon as I start typing in the text boxes everything gets real weird, with text boxes jumping and stretching.

(Also they scroll horizontally and I want them to scroll vertically) if anyone could help out that would be great! Also obviously the smiley above is supposed to be : ) , but not space between.


the problem was with the odd margin values in your table, that's what threw the text all over the place.
adding overflow-wrap:break-word; to each text box makes sure that you don't get horizontal scroll, now if a row would be too long it will just "break" like when you hit enter.
I also put in padding:10px; so that the text doesn't touch the edges of the boxes so closely, you can remove or change it to more/less px if you want, it won't mess anything up.

This code is working for me right now:

Click to display
<div style="background:url(https://img.sunset02.com/sunsetm/wp-content-uploads/2019-03-28UTC09/fall-wildflowers-lupine-getty-166258781-0718-900x500.jpg);width:900px;height:500px;">

<div style="text-align:center;width:500px;height:300px;font-size:50px;overflow:auto;float:left;margin-left:200px;margin-top:200px;">
<font face="Times" color="#FFFFFF">
Welcome to The Flower Farm</font></div>

<table>
<tbody><tr>
<td><div style="background-color:#ecb4e6;text-align:center;width:440px;height:300px;font-size:12px;overflow-y:auto;overflow-wrap:break-word;float:left;margin-left:0px;margin-top:10px;padding:10px">TEXT BOX 1 </div></td>
<td><div style="background-color:#ecb4e6;text-align:center;width:435px;height:300px;font-size:12px;overflow-y:auto;float:left;margin-left:0px;margin-top:10px;padding:10px;overflow-wrap:break-word;">TEXT BOX 2</div></td>
</tr>
<tr>
<td><div style="background-color:#ecb4e6;text-align:center;width:440px;height:300px;font-size:12px;overflow-y:auto;float:left;margin-left:0px;margin-top:10px;padding:10px;overflow-wrap:break-word;">TEXT BOX 3<br></div></td>
<td><div style="background-color:#ecb4e6;text-align:center;width:435px;height:300px;font-size:12px;overflow-y:auto;float:left;margin-left:0px;margin-top:10px;padding:10px;overflow-wrap:break-word;">TEXT BOX 4<font face="Times" color="#FFFFFF"></font></div><br></td>
</tr>
</tbody></table></div>
ghostmuffin
  • Posted messages: 10
  • Karma: 10 points
@angel acid (I can't quote multiple quotes aghhh) that makes sense, I didn't think of that! It's more bothersome than using css but better than nothing, I hate scroll bars lol. thechnically the bar is still there this way, but you can't see it because the smaller div crops it out, like if you looked through a big window with a smaller window right in front of it, you wouldn't be able to see the big window's frame.
You can do this with just 2 divs, no need for the 3rd one. make the 2nd div 20px bigger and your text will stay in view, but the 20px wide scroll bar won't.
ghostmuffin
  • Posted messages: 10
  • Karma: 10 points
Ghostmuffin wrote:

@angel acid (I can't quote multiple quotes aghhh) that makes sense, I didn't think of that! It's more bothersome than using css but better than nothing, I hate scroll bars lol. thechnically the bar is still there this way, but you can't see it because the smaller div crops it out, like if you looked through a big window with a smaller window right in front of it, you wouldn't be able to see the big window's frame.
You can do this with just 2 divs, no need for the 3rd one. make the 2nd div 20px bigger and your text will stay in view, but the 20px wide scroll bar won't.

Oh okay, that makes sense! Kind of like using overflow to crop an image, yeah? Explanations like yours really helps, because anything that’s technical or scientific tend to go over my head haha.
ᴀɴɢᴇʟ ᴀᴄɪᴅ
  • Posted messages: 254
  • Karma: 10 points
could someone please help me put together a presentation?
brianna100
  • Posted messages: 2,803
  • Karma: 10 points
updating my question, how can i make a layout that has a picture on the background, and a single textbox over it that scrolls?
brianna100
  • Posted messages: 2,803
  • Karma: 10 points
brianna100 wrote:

updating my question, how can i make a layout that has a picture on the background, and a single textbox over it that scrolls?


To get a link of the picture you want to use: right click, select "copy image location" and paste it into the code below.

<div style="background:url(https://insert the link to the picture here);width:800px;">
<div style="overflow:auto;">This is where your text goes!</div>
</div>
ghostmuffin
  • Posted messages: 10
  • Karma: 10 points
Go to page: