|
Post by Katniss on Aug 1, 2011 18:56:26 GMT -5
Hi Rin, I'm very enthusiastic when coming to tech and computers. Here we can chat about codes, and chat about anything. I can hopefully answer any questions as well! >(^~\\)<
|
|
|
Post by Yen on Aug 1, 2011 19:42:26 GMT -5
I'm eager to learn! Please teach me too if that's okay! Thank you master Katniss!
|
|
|
Post by Katniss on Aug 1, 2011 19:44:17 GMT -5
What would you like to learn? Should I ask^^
|
|
|
Post by Yen on Aug 1, 2011 19:47:44 GMT -5
Okay, first off, I love the side box idea, and wanted that for the new site. I also wanted to learn how to code the cbox right so that it aligns to the left.
|
|
|
Post by Katniss on Aug 1, 2011 19:50:35 GMT -5
Okay first would you like the side-tables on the right, left or both sides of the forum?
|
|
|
Post by Yen on Aug 1, 2011 19:51:19 GMT -5
Both sides! Thank you so much!
|
|
|
Post by Katniss on Aug 1, 2011 19:56:26 GMT -5
Alright here is the code for both sides. This isn't my code btw~ it is by a girl named Samangii's who works with Proboards.
Global Header:
<!-- ===== START Smangii's {DOUBLE} Side Tables *REVISED* Global Header ===== --> <script> // Resize the welcome table - can be % or a number of pixels document.getElementsByTagName('table')[0].style.width='95%'; </script>
<style type="text/css"> #sidetablesright { width: 200px; margin-bottom: 20px; margin-left: 20px; } #sidetablesleft { width: 200px; margin-bottom: 20px; margin-right: 20px; } </style>
<table width="95%" align="center" cellpadding="0px" cellspacing="0px"> <tr> <td vAlign="top">
<!-- ===== BOX #1 START ===== --> <table id="sidetablesleft" cellpadding="4px" class="bordercolor" cellspacing="1"> <tr><td align="center" class="titlebg"> Side Box Title </td></tr><tr><td class="windowbg"> Replace this text with anything you want to appear in this box.<br /> <b>To add images, links, and styles, you must use HTML, not UBBC.</b>
</td></tr></table>
<!-- ===== BOX #2 START ===== --> <table id="sidetablesleft" class="bordercolor" cellpadding="4" cellspacing="1"> <tr><td align="center" class="titlebg"> Side Box Title </td></tr> <tr><td class="windowbg"> Replace this text with anything you want to appear in this box.<br /> <b>To add images, links, and styles, you must use HTML, not UBBC.</b> </td></tr></table>
<!-- ===== BOX #3 START ===== --> <table id="sidetablesleft" class="bordercolor" cellpadding="4" cellspacing="1"> <tr><td align="center" class="titlebg"> Side Box Title </td></tr> <tr><td class="windowbg"> Replace this text with anything you want to appear in this box.<br /> <b>To add images, links, and styles, you must use HTML, not UBBC.</b> </td></tr></table>
<! -- ***NOTE*** Place any extra added side tables above this line // --> </td> <td align="center" vAlign="top" width="100%">
Global Footer:
<!-- ===== START Smangii's {DOUBLE} Side Tables *REVISED* Global Footer ===== -->
<script type="text/javascript"> <!-- table = document.getElementsByTagName('table'); for(i = 0; i < table.length; i ++) { with(table[i]) { if(width == '92%') { width = '100%'; }}} //--> </script>
</td> <td vAlign="top">
<!-- ===== BOX #1 START ===== --> <table id="sidetablesright" cellpadding="4px" class="bordercolor" cellspacing="1"> <tr><td align="center" class="titlebg"> Side Box Title </td></tr> <tr><td class="windowbg"> Replace this text with anything you want to appear in this box.<br /> <b>To add images, links, and styles, you must use HTML, not UBBC.</b> </td></tr></table>
<!-- ===== BOX #2 START ===== --> <table id="sidetablesright" class="bordercolor" cellpadding="4" cellspacing="1"> <tr><td align="center" class="titlebg"> Side Box Title </td></tr> <tr><td class="windowbg"> Replace this text with anything you want to appear in this box.<br /> <b>To add images, links, and styles, you must use HTML, not UBBC.</b> </td></tr></table>
<!-- ===== BOX #3 START ===== --> <table id="sidetablesright" class="bordercolor" cellpadding="4" cellspacing="1"> <tr><td align="center" class="titlebg"> Side Box Title </td></tr> <tr><td class="windowbg"> Replace this text with anything you want to appear in this box.<br /> <b>To add images, links, and styles, you must use HTML, not UBBC.</b> </td></tr></table>
<! -- ***NOTE*** Place any extra added side tables above this line // --> </td></tr></table>
It pretty much tells you where you can add text and html. It has to HTML only though. Pics included.
|
|
|
Post by Yen on Aug 1, 2011 19:57:55 GMT -5
Thanks Katniss! I owe you one. I'll try and see how it looks on the board, and we'll see what happens!
|
|
|
Post by Katniss on Aug 1, 2011 19:59:01 GMT -5
|
|
|
Post by Yen on Aug 1, 2011 19:59:24 GMT -5
Woot! It looks great!
|
|
|
Post by Katniss on Aug 1, 2011 20:00:43 GMT -5
Anything else?
|
|
|
Post by Yen on Aug 1, 2011 20:02:47 GMT -5
The chatbox still isn't in the upper right, but I think I know why now. I have to put it in one of those nice little side boxes, don't I?
|
|
|
Post by Katniss on Aug 1, 2011 20:03:23 GMT -5
Yes though i don't know how to resize it. Never worked with a chatbox like that before.
|
|
|
Post by Yen on Aug 1, 2011 20:04:59 GMT -5
That's alright, I have another one saved, and I do know how to resize that one properly. It's gonna look right about the same as yours. Thank you so much for the help!
|
|
|
Post by Katniss on Aug 1, 2011 20:07:14 GMT -5
|
|