Advanced search  

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Pages: [1]   Go Down

Author Topic: Centering Menu on IGames Theme  (Read 4929 times)

0 Members and 1 Guest are viewing this topic.

PTownBandit

  • Coppermine newbie
  • Offline Offline
  • Gender: Male
  • Posts: 13
    • Racin Web Design
Centering Menu on IGames Theme
« on: August 01, 2007, 07:07:54 pm »

I have searched through many posts on the board but canít find a solution to my issue.  I found one that mentioned centering the <DIV> for the menus which I have tried every which way I know and can't get the results I want.  I am usually fairly good at figuring out these things but I am stumped on this one.

On the Igames Theme I want the menu to be centered with the tables that hold all the galleries.  The menu I mean is the one with "Album Lists, @, Last Uploads, Last Comments, etc. etc.  Of Course I would want the sub menu under @ to move with it, I donít want it left hanging out in left field so to speak.

Any help would be greatly appreciated, even if it is pointing out a previous post with the solution in it, and I donít just mean the post that I have already found that says "center it" because I have tried that.  I guess I need this one spelled out in detail.
« Last Edit: August 02, 2007, 12:27:43 am by Nibbler »
Logged

phill104

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 4885
    • Windsurf.me
Re: Centering Menu on IGames Theme
« Reply #1 on: August 01, 2007, 10:59:38 pm »

If your site is a fixed width you could just edit your style.css file

Code: [Select]
#SUB_MENU {
            background-image: url(images/top_panel_r2_c2.jpg);
        background-position: left;
        padding-left: 20px;

The value of 20px can be changed to positio your menu. Maybe changing it to a percentage will allow it to move but I havn't tried it.
Logged
It is a mistake to think you can solve any major problems just with potatoes.

Nibbler

  • Guest
Re: Centering Menu on IGames Theme
« Reply #2 on: August 01, 2007, 11:26:33 pm »

You need to change the $template_sys_menu in your theme.php to

Code: [Select]
$template_sub_menu = <<<EOT
                        <table border="0" cellpadding="0" cellspacing="0" align="center">
                                <tr>
<!-- BEGIN custom_link -->
<!-- END custom_link -->
                                        <td class="top_menu_left_bttn">
                                                <a href="{ALB_LIST_TGT}" title="{ALB_LIST_TITLE}">{ALB_LIST_LNK}</a>
                                        </td>
                                        <td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
                                        <td class="top_menu_bttn">
                                                <a href="javascript:;" onmouseover="MM_showHideLayers('SYS_MENU','','show')">@</a>
                                        </td>
                                        <td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
                                        <td class="top_menu_bttn">
                                                <a href="{LASTUP_TGT}" title="{LASTUP_LNK}">{LASTUP_LNK}</a>
                                        </td>
                                        <td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
                                        <td class="top_menu_bttn">
                                                <a href="{LASTCOM_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{LASTCOM_LNK}">{LASTCOM_LNK}</a>
                                        </td>
                                        <td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
                                        <td class="top_menu_bttn">
                                                <a href="{TOPN_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{TOPN_LNK}">{TOPN_LNK}</a>
                                        </td>
                                        <td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
                                        <td class="top_menu_bttn">
                                                <a href="{TOPRATED_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{TOPRATED_LNK}">{TOPRATED_LNK}</a>
                                        </td>
                                        <td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
                                        <td class="top_menu_bttn">
                                                <a href="{FAV_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{FAV_LNK}">{FAV_LNK}</a>
                                        </td>
                                        <td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
                                        <td class="top_menu_right_bttn">
                                                <a href="{SEARCH_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{SEARCH_LNK}">{SEARCH_LNK}</a>
                                        </td>
                                </tr>
                        </table>
EOT;

It's in a conditional, so modify the first if you use a custom link, the second if you don't.

Then in style.css file set the #SYS_MENU to text-align: center and adjust the left position until it looks correct.
Logged

PTownBandit

  • Coppermine newbie
  • Offline Offline
  • Gender: Male
  • Posts: 13
    • Racin Web Design
Re: Centering Menu on IGames Theme
« Reply #3 on: August 02, 2007, 12:26:18 am »

You need to change the $template_sys_menu in your theme.php to

Code: [Select]
$template_sub_menu = <<<EOT
                        <table border="0" cellpadding="0" cellspacing="0" align="center">
                                <tr>
<!-- BEGIN custom_link -->
<!-- END custom_link -->
                                        <td class="top_menu_left_bttn">
                                                <a href="{ALB_LIST_TGT}" title="{ALB_LIST_TITLE}">{ALB_LIST_LNK}</a>
                                        </td>
                                        <td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
                                        <td class="top_menu_bttn">
                                                <a href="javascript:;" onmouseover="MM_showHideLayers('SYS_MENU','','show')">@</a>
                                        </td>
                                        <td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
                                        <td class="top_menu_bttn">
                                                <a href="{LASTUP_TGT}" title="{LASTUP_LNK}">{LASTUP_LNK}</a>
                                        </td>
                                        <td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
                                        <td class="top_menu_bttn">
                                                <a href="{LASTCOM_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{LASTCOM_LNK}">{LASTCOM_LNK}</a>
                                        </td>
                                        <td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
                                        <td class="top_menu_bttn">
                                                <a href="{TOPN_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{TOPN_LNK}">{TOPN_LNK}</a>
                                        </td>
                                        <td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
                                        <td class="top_menu_bttn">
                                                <a href="{TOPRATED_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{TOPRATED_LNK}">{TOPRATED_LNK}</a>
                                        </td>
                                        <td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
                                        <td class="top_menu_bttn">
                                                <a href="{FAV_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{FAV_LNK}">{FAV_LNK}</a>
                                        </td>
                                        <td><img src="themes/igames/images/menu_spacer.gif" width="2" height="35" border="0" alt="" /><br /></td>
                                        <td class="top_menu_right_bttn">
                                                <a href="{SEARCH_TGT}" onmouseover="MM_showHideLayers('SYS_MENU','','hide')" title="{SEARCH_LNK}">{SEARCH_LNK}</a>
                                        </td>
                                </tr>
                        </table>
EOT;

It's in a conditional, so modify the first if you use a custom link, the second if you don't.

Then in style.css file set the #SYS_MENU to text-align: center and adjust the left position until it looks correct.

Thanks, that got me in the right place and I figured it out.
Logged
Pages: [1]   Go Up
 

Page created in 0.022 seconds with 19 queries.