| ||||
html/css so you can mess with this yourself!
<div style="width: 500px;"><table width='53%' cellspacing='5' style="border: 2px solid #739D71; background-image:url('https://staging.cohostcdn.org/attachment/b4ba6411-1c23-40b4-a575-296fa7c3a213/GAL_chomby_tablebg.gif');"><tr><td align="center">
<table width='500px' height='400px' style="background-image:url('https://staging.cohostcdn.org/attachment/08cd030c-6691-4ae1-ab03-e42d9d6f5c1d/GAL_chomby_rock.gif')">
<tr><td colspan="2" height="15"></td></tr><tr><td width="150px"></td><td valign="top" align="left">
<div style="overflow: auto; height: 190px; width: 310px; color: #292327; font-size: 8pt font-family: verdana; font-weight: bold; padding-left: 0px; top: 164px; left: 0px; padding: 0px 0.5em; overflow-y: scroll;">
YOUR TEXT HERE
</div>
</td></tr></table></table></div>The blog layouts do work!* These are great because all the CSS is already inline. The only changes you'll need to make are rehosting the image(s) and placing the text area in the correct position because the td height property doesn't seem to function the same way on cohost. There are multiple ways to do that, but a way that requires minimal editing is adding a "margin-top" property to the inner div that's equal to the "td height" property. *Sadly, the CSS to recolor the scrollbar no longer works, but that's a browser thing, not a cohost thing. Blog by SunnyNeo |
+ code!
<div style="background:url(https://staging.cohostcdn.org/attachment/5e868195-4dc2-4495-86fd-dfea502f71b1/waterblog.jpg);height:300px;width:300px;border:none;"> <table width="300px" height="300px" border="0"> <tr><td height="125"></td></tr> <tr><td width="5"></td> <td> <div style="width: 270px; height: 112px; overflow: auto; scrollbar-arrow-color: #1E085A; scrollbar-track-color: #E1D098; scrollbar-face-color: #EFE6C7; scrollbar-darkshadow-color: #1E085A; scrollbar-shadow-color: #1E085A; scrollbar-highlight-color: #15BBE1; scrollbar-3dlight-color: #15BBE1; font-size:8pt; color: white; text-align:center; font-weight: bold; font-family: verdana; margin-top: 125px;"> <a href="http://www.sunnyneo.com/blogs.php">The blog layouts</a> do work!* These are great because all the CSS is already inline. The only changes you'll need to make are rehosting the image(s) and placing the text area in the correct position because the td height property doesn't seem to function the same way on cohost. There are multiple ways to do that, but a way that requires minimal editing is adding a "margin-top" property to the inner div that's equal to the "td height" property. *Sadly, the CSS to recolor the scrollbar no longer works, but that's a browser thing, not a cohost thing. <br> <br>Blog by <a href="http://www.neopets.com/~TheSunnyNeo"><font color="#E1D098">SunnyNeo</font></a><br> </div></td></tr> </table> </div>