Table Auto ajust to board skin background color

[yukishido]

OK long story story,

Had a table at the top of main. However it does not pick up what the back ground color it should have to match the board skin.


Is there code to fix this or does it have to one set color for whatever skin type is picked?


Thanks in advance!

link to the site with the troubling table.

[Tumbleweed]

Mar 1, 2014 15:37:52 GMT -8 yukishido said:

OK long story story,

Had a table at the top of main. However it does not pick up what the back ground color it should have to match the board skin.


Is there code to fix this or does it have to one set color for whatever skin type is picked?


Thanks in advance!

link to the site with the troubling table.

One thing you might want to do first is remove all your old V4 javascript codes. Looks like you might have some in your headers. I would suggest you look into a plugin for a table but if you don't want to do that for now that's o.k.

Since all the classes have changed you'll want to remove them from your table and td tags.

Then above the table add this:

<div class="container boards">
<div class="title-bar bbcode"><div class="title_wrapper"><b><font size="5"><b><center>The 10th Pass Pern Collective</center></b></font></b>
</div></div>
<div class="content cap-bottom">

And at the bottom you are missing one set of closing table tags so add this to the bottom of your table:

</td>
</tr>
</tbody>
</table>
</div>
</div>

I also saw a few html error so I went ahead and redid your table so it suits V5 better and it fixed the errors so you can get an idea what to do with your affiliate table. You can use it or not, up to you.


<style>
.my_text{font-size:12px;text-align:center;padding:8px;}
.my_text img{height: 31px;margin-top:2px;}
.my_white{font-size:12px;color: #ffffff;font-weight:bold;text-align:center;}
.my_limegreen a{font-size:12px;color:limegreen;font-weight:bold;}
.my_titles{font-size:12px;font-weight:bold;}
</style>

<div class="container boards">
<div class="title-bar bbcode"><div class="title_wrapper"><b><font size="5"><b><center>The 10th Pass Pern Collective</center></b></font></b>
</div></div>
<div class="content cap-bottom">
<table>
<tbody>
<tr>
<td class="my_text">


<hr>
These sites are part of 10th Pass Pern, on the same world at the same time.<br>
We're always looking for new Weyrs to add to our Pern. Join us and expand the world a little more.
<br />
<b>10th Pass Pern Collective:</b>
<br />
<a href="http://crafthalls.proboards80.com/index.cgi"><img src="http://img./v192/Sannah/Crafthall.jpg" border="0" alt="Train and Learn for all the Weyrs of Pern"></a>
<a href="LINK TO Crashing Seas WEYR HERE"><img src="http://i1109./h426/Tsarlena/CSbanner_zpsb684e85f.jpg"></a>
<a href="LINK TO Great Cliffs WEYR HERE"><img src="http://i43./e400/kivanofbaizynth/DRoP/gcbanner.jpg"></a>
<a href="LINK TO WHITE SANDS WEYR HERE"><img src="http://img./v690/Tigo2057/wswbanners/WSWButtoncopy.jpg"></a><br>

<table width="100%">
<tbody>
<tr>
<td width="100%" valign="top" class="my_text>
<hr>
<div class="my_white">
<a url="http://whitesandsweyr.proboards.com/thread/3116/events-pern-wide"><span="my_limegreen">Pern-Wide Events</span></a>
<center><i>-->Current<--</i>
<br />
<div style="text-align:left;">
<br>~~ What happened on Huryen? What about the woman who died coughing up blood? A <font color="sandybrown">Mysterious Illness</font> that spread through the archipelago. Is it contagious? How will it affect those already infected with firehead? Fortunately White Sands Weyr finally has a Weyr Healer! Thank Faranath Lyxia's specialty is infectious diseases, especially with the outbreak of this secondary epidemic simultaneous to the fire-head.
</div>
<br /><br />
<div class="my_limegreen">
<a url="http://whitesandsweyr.proboards.com/thread/3115/events-crashing-seas-weyr">Crashing Seas Weyr Events</a><br />
<a url="http://whitesandsweyr.proboards.com/thread/3114/events-great-cliffs-weyr">Great Cliffs Weyr Events</font></a><br />
<a url="http://whitesandsweyr.proboards.com/thread/3113/events-white-sands-weyr">White Sands Weyr Events</a><br />
</div>
<br><center><p><i>~Up-Coming~</i></p></center>
<br>~~ <b>Mini-Plots:</b> PM Ja'ryns if you would like one. I will design it around your character.
<br><br>~~ <b>???</b> - Suggestions welcome
<p></p>
</td>
<td width="100%" valign="top" class="my_text">
<hr>
<div class="my_title">OOC><br /><i>>>Read<<</i></div>
<div style="text-align:left;">
<br>*The <a href="http://whitesandsweyr.proboards.com/index.cgi#info"><font color="aqua">Information Category</font></a> is under-going a major revamp. The first thing we're working on is the History section. Look for updates here:<span class="my_limegreen"><a href="http://whitesandsweyr.proboards.com/index.cgi?board=siteimprove&action=display&thread=3006">
Suggestion Board</span></a>.
<br><br>*White Sands Weyr welcomes Lyxias! Tsuchi brings her extraordinary Master Healer to the Weyr just in time.
<br><br>*<a href="http://whitesandsweyr.proboards.com/index.cgi?board=siteimprove&action=display&thread=2673"><font color="goldenrod">Board Improvement</font></a>: Looking for suggestions on board movement and stream-lining of the site. Input highly appreciated. Please check this out when you get a chance and tell us your opinion! It is important to us.
<br><br>*<a href="http://whitesandsweyr.proboards.com/index.cgi?board=ideas"><font color="limegreen"><b>New Board!</b></font></a> - Come Check out the new "Ideas" Board. Meant to assist role-play ideas. Some have been provided, but if you have one post it here.
<br><br>*<a href="http://whitesandsweyr.proboards.com/index.cgi?board=announcements&action=display&thread=2097"><font color="aqua">10thPPC Facebook Group</font></a>
<br>*<a href="http://whitesandsweyr.proboards.com/index.cgi?board=funnfrolic&action=display&thread=2285"><font color="orange">Proboard Support Forum Ad</font></a>
<hr>
<p>
<b>In the skies:</b> No one - any volunteers?<br>
<b>On the Sands:</b> <a href="=http://whitesandsweyr.proboards.com/index.cgi?action=display&board=hatch&thread=3060&page=1#9189"><font color="gold"><b> Syndoreth</b></font></a>
</div>

</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>

<br /><br />



[yukishido]

O.O THANK YOU!

[Tumbleweed]

You're welcome.