Rainy Day Button Layout [PS]

[sbpoole]

Having added several buttons to the rainy day theme, I am wondering if it is possible to display the buttons on two rows and possibly centering them as well?  Thanks, Sonny

[Joachim Müller]

just edit /themes/rainy_day/theme.php and add </tr><tr>-tags wherever you like - you can do anything to the table or the <span>tag the menu is in - it's all done in plain html.
Change

Code Select Expand

// HTML template for main menu
$template_main_menu1 = <<<EOT
                <span class="topmenu">
                        <table border="0" cellpadding="0" cellspacing="0">
                                <tr>to

Code Select Expand

// HTML template for main menu
$template_main_menu1 = <<<EOT
                <span class="topmenu" align="center">
                        <table border="0" cellpadding="0" cellspacing="0">
                                <tr>The same thing applies to $template_main_menu2

To add a new line, simply start a new row by adding

Code Select Expand

</tr><tr>after

Code Select Expand

                                       <td><img name="button1_r1_c3" src="themes/rainy_day/images/button1_r1_c3.gif" width="5" height="25" border="0" id="button1_r1_c3" alt="" /></td>
                                        <td><img name="spacer" src="images/spacer.gif" width="5" height="25" border="0" id="spacer" alt="" /></td>
                                        <td><img name="button1_r1_c1" src="themes/rainy_day/images/button1_r1_c1.gif" width="5" height="25" border="0" id="button1_r1_c1" alt="" /></td>
                                        <td background="themes/rainy_day/images/button1_r1_c2.gif">
                                                <a href="{TOPN_TGT}">{TOPN_LNK}</a>
                                        </td>

GauGau

[sbpoole]

Thanks for your reply GauGau.  I changed the following lines, but it made no difference at all.  The buttons are still in the same locations.

// HTML template for main menu
$template_main_menu1 = <<<EOT
                <span class="topmenu" align="center">
                        <table border="0" cellpadding="0" cellspacing="0">
                                <tr>


Thanks again for your help,  Sonny Poole

[jasendorf]

You still need to add the </tr><tr> after the lines he said to add them after....

That starts the new row.

[sbpoole]

jasendorf, I'm not trying to start a new row yet, I'm trying to center the buttons first but adding the align="center" to the <span class="topmenu"> has no effect at all.  I also tried making 2 rows of buttons, but it resulted in broken and misaligned buttons.  I'll try that later, for now I would just like to center the buttons on the page.

[sbpoole]

Adding

<div align="center">
                <span class="topmenu">
                        <table border="0" cellpadding="0" cellspacing="0">
                                <tr>.........................</div>

worked in centering the buttons.