A friend of mine editted up an old set of Invisionfree forums I had to have a vertical scrolling text bar, as well as a single line horizontal scrolling text bar.
I'm trying to get those same scroll bars onto a new forum skin I'm working on. I've tried countless times to fix the issues I'm having on my own, but can't seem to get it right.
At first I just tried copying over the main section with the scroll bars, then once it was working edit up the colors and such to match the new skin, but the problem was, the header/body resized the whole forums page to the max width, when it needs to be specific.
This is the old Header/Body with the scroll bars:
<div align="center"> <table class="outer" cellspacing="0"> <td class="border"> <table class="inner" cellspacing="0"> <tr> <td class="bordertd"> <div align="center"> <div class="sub1"><div align="center"><div class="sub2"><a href="http://z9.invisionfree.com/Fuzzies"/>Index</a> | <a href="http://z9.invisionfree.com/Fuzzies/index.php?act=site"/>Portal</a> | <a href="http://z9.invisionfree.com/Fuzzies/index.php?act=Members"/>Users</a> | <a href="http://z9.invisionfree.com/Fuzzies/index.php?act=calendar"/>Calender</a> | <a href="http://z9.invisionfree.com/Fuzzies/index.php?act=Search&f="/>Search</a> | <a href="http://z9.invisionfree.com/Fuzzies/index.php?act=Help"/>Help</a></div></div></div></div> <% BOARD HEADER %> <table width="100%" border="0" cellpadding="2" cellspacing="0"> <tr><td width="20%" valign="top"> <div class='maintitle'>Fuzzies</div> <table width="100%" border="0" cellspacing="1" cellpadding="4"> <tr><td class="row2" width="25%" height=”100” valign="top"><center><font color=A3C518> <b>Fuzzie Timezones</b></font></center><center> <!-- START LEFT SIDE NEWS --> <script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5005-green.swf";obj.TimeZone="GMT-0500";obj.width=120;obj.height=40;obj.wmode="transparent";showClock(obj);</script> <B>EST <BR><BR><br> <script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5005-green.swf";obj.TimeZone="GMT";obj.width=120;obj.height=40;obj.wmode="transparent";showClock(obj);</script> GMT <BR><BR><BR><script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5005-green.swf";obj.TimeZone="AEST";obj.width=120;obj.height=40;obj.wmode="transparent";showClock(obj);</script> AEST<br></b> <BR><BR><BR><BR> <Font Color=A3C518> <U><B> Fuzzie Leaders</u> <BR><BR> <Font Color=white> Ashley_83 <BR> Jmd_Als <BR></B> <!-- END LEFTSIDE NEWS --> </center></td> <td class="row2" width="50%" valign="top"><center> <font color=grey><b></b></font></center> <center><marquee height="215" width="300" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2" style="Filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=0);"><font face="verdana" color="grey"></center><center><u></u><font color="grey"> <!--START SCROLLING CENTER --> <br><b>Welcome to The Fuzzie Forums<br> We are an Events, Skilling and PK Clan<br><br>Our Requirements:<br> 110+ CMB <br><br>Our IRC channel: <br> #fuzzies<br><br> Our Clan Chat:<br> Ashley_83<br><br><br> <a href="http://cooltext.com"><img src="http://i493.photobucket.com/albums/rr300/Ashley_83/Fuzzies/cooltext430905535.png" width="217" height="48" alt="Fuzzies FTW!" /></a> <br /></a> <!--END SCROLLING CENTER --> </font></center></marquee></center></td> <td class="row2" height=”100” width="25%" valign="top"> <center><font color=A3C518><b>Useful Links</b></font></font></center> <center> <!-- START RIGHT SIDE LINKS --> <br> <a href="http://z9.invisionfree.com/fuzzies” onDragstart="return false" onClick='window.external.AddFavorite(location.href, document.title);return false'><b>Add us to Your Favorites</a></B><br><br> <a href="http://www.runescape.com"><b>Official Runescape Website</b></a><br><br> <a href="http://z9.invisionfree.com/Fuzzies/index.php?act=calendar"><b>Calendar</></a> <br> <!-- END RIGHT SIDE LINKS --> <BR><BR><BR> <font color=A3C518> <U><B> Fuzzie Elites </B></U> <BR><br> <font color=white> Bj0rkz0r <BR> Boborian <BR> Cedar_H <BR> Natster_1 <BR> </td></tr></table></div></td></tr><br> <table align="center" border="0" width="100%" cellspacing="0" cellpadding="0"> <tr><td><table cellpadding="1" cellspacing="0" border="0" width="100%"><tr> <td class=align=”center" colspan="3"></td></tr><tr><td width="70%" valign="middle" class="row4"> <marquee scrollamount="4" onMouseover="this.scrollAmount=0" onMouseout="this.scrollAmount=4"> <!-- START AFFILATES LINKS --> Fuzzie News: See calendar for upcoming events ::: Happy Birthday to S_T0I on the 23rd!!! *** Good Luck to Ashley_83 - surgery on the 18th! <!-- END AFFILATES LINKS --> </marquee></td></tr></table></td></tr></table> <% NAVIGATION %> <% BOARD %> <P align="center"> <Img Src="http://img.photobucket.com/albums/v203/jmd_als/Fuzzie/Logo.png"> </img></p>
Example: http://z9.invisionfree.com/Fuzzies/
As you can see, those forums are stretched to the max width of the page.
This is the new Header/Body with the fixed width (I believe):
<center><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"> <table cellspacing="0" bgcolor="#0C0C0C" valign="top" height="100%" width="740"><tr><td valign="top" height="100%" halign="right" background="http://70.85.240.179/3935/94/upload/p146794.gif" style="padding: 11px; border: 0px;"></td><td height="100%" valign="top"> <% BOARD HEADER %> <% NAVIGATION %> <% BOARD %><br />
Example: http://z9.invisionfr...m/Pork_N_Beans/
I thought maybe the width was in the main CSS Style Sheet, but after removing the new skin's header/body and replacing it with the old one, the width was changed. So I'm assuming that means, the width is within it somewhere.
If anyone could help I'd REALLY appreciate it, and I apologize ahead of time if this is in the wrong section.
Thanks for any replies,
Cedar_H
Sign In
Create Account
