premade howrse layout 2

<div align="center">
<div style="background-color: #fffffff; width:530px; height:280px; border: 1px solid #6b6b6b;">

<div style="background-color: #aed5e2; width: 518px; height:268px; margin-top:6px; margin-left:6px; float:left;">

<div style="height: 40px; width:350px; overflow: hidden; margin-top:20px; margin-left: 10px; float: left;  text-align:center; color:#ffffff; font: bold italic 35px arial; letter-spacing:.5px; word-spacing:1px;">
username.
</div>


<div style="width:518px; height:1px;  margin-top:10px; margin-left:0px; float:left; border-top: 1px solid #5fafc7;border-bottom: 1px solid #5fafc7;">
</div>

<img src="https://i.imgur.com/savU6fx.png" style="background-color: #ffffff; width:120px; height:120px; padding:5px ;margin-top:-60px; margin-left:368px; float:left; border: 1px solid #5fafc7;">

<div style="background-color: #f4f4f4;width:310px; height: 160px; overflow: hidden; margin-top:-60px; margin-left: 18px; float: left; padding: 4px 16px 4px 4px; border:1px solid #5fafc7;">

<div style="width:310px; height: 140px; overflow:auto; margin-top:10px; margin-left: -5px; float: left; padding-left: 20px;padding-right: 20px; text-align:justify; color:#388aa2; font: 10px calibri;
letter-spacing:.5px; word-spacing:1px; line-height:11px;">

<div style=" text-align:center; color:#388aa2; font: 15px calibri; padding-bottom:5px;letter-spacing:.5px; word-spacing:1px; border-bottom:#5fafc7 dotted 1px;width:290px; height: 15px; overflow: hidden;  margin-top:0px; margin-left: 0px; float: left;">
<b>info 01</b>
</div>

<b>no scrollbar - still scrolls</b>
<br>
This is best viewed in google chrome on a pc/desktop. ( mobile devices, such as smartphones and tablets, will cut the text off. )
<br>
<br>
Remember to follow all rules that are stated <a href="https://www.howrse.com/centre/forum/sujet?id=1081283&sujet=751804247"><font color="#388aa2"><span style="border-bottom:1px dotted #388aa2;">here.</span></font></a> ( Please do not remove the credit. That's not a cool move, dude. )
<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&sujet=751802963"><font color="#388aa2"><span style="border-bottom:1px dotted #388aa2;">this topic</span></font></a> or message me. I don't mind to help.

<!-- copy and paste the section below where you want a title -->
<div style=" text-align:center; color:#388aa2; font: 15px calibri; padding-bottom:5px; padding-top:5px;letter-spacing:.5px; word-spacing:1px; border-bottom:#5fafc7 dotted 1px;width:290px; height: 15px; overflow: hidden;  margin-top:0px; margin-left: 0px; float: left;">
<b>info 02</b>
</div>
<!-- don't copy and paste anything below -->


<br><br><b>bold</b> // <u>underline</u> // <i>italic</i> // <strike>strike through</strike> // <b><i><u><strike>all at once</b></i></u></strike>
<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.</b>
<br>
<br>
When you're wanting to make a new paragraph make sure you hold shift while you press enter. This should help prevent you from messing up the text boxes by accident.
<br>
<br>
Please only edit the colors or avatar 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.
</div>
</div>

<div style="width:130px; height: 10px; overflow: hidden; margin-top:-100px; margin-left: 370px; float: left;  text-align:justify; color:#388aa2; font:10px calibri; letter-spacing:.5px; word-spacing:1px; line-height:10px;">
online / offline status here
</div>

<div style="background-color: #c9e6ef; border:1px solid #5fafc7;padding: 4px; width:120px; height: 10px; overflow: hidden; margin-top:-85px; margin-left: 370px; float: left;  text-align:center; color:#388aa2; font:11px arial; letter-spacing:.5px; word-spacing:1px; line-height:10px;">
link one
</div>
<div style="background-color: #c9e6ef; border:1px solid #5fafc7;padding: 4px; width:120px; height: 10px; overflow: hidden; margin-top:-60px; margin-left: 370px; float: left;  text-align:center; color:#388aa2; font:11px arial; letter-spacing:.5px; word-spacing:1px; line-height:10px;">
link two
</div>
<div style="background-color: #c9e6ef; border:1px solid #5fafc7;padding: 4px; width:120px; height: 10px; overflow: hidden; margin-top:-35px; margin-left: 370px; float: left;  text-align:center; color:#388aa2; font:11px arial; letter-spacing:.5px; word-spacing:1px; line-height:10px;">
link three
</div>

<div style="width:130px; height: 13px; overflow: hidden; margin-top:-5px; margin-left: 370px; float: left;  text-align:center; color:#388aa2; font:9px calibri; letter-spacing:.5px; word-spacing:1px; line-height:10px;">
premade layout by <a href="https://www.howrse.com/joueur/fiche/?id=38449998"><span style="border-bottom:1px dotted #388aa2;"><font color="388aa2">lazarus</font></span></a>
</div>

</div>

</div>
</div>