MyBB Community Forums

Full Version: Menu Rearrangement
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
See this picture here:

[Image: nonameq.png]

How do I get the menu (the boxes on the top right) moved to above the social bookmarking site icons?

EDIT: This is the menu code...

<div id="menu" class="menu">
<table class="tborder" border="0" cellpadding="4" cellspacing="1">
	<thead>
		<tr> 
			<td class="thead" align="center"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/news.png" alt="News" title="News" /><strong><a href="{$mybb->settings['bburl']}/portal.php">News</a></strong></td>
                        <td class="thead" align="center"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/mobile.png" alt="Version for Mobile Devices" title="Mobile" /><strong><a href="<archive_url>">Mobile</a></strong></td>
			<td class="thead" align="center" width="100"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/memberlist.png" alt="Forum Staff" title="Staff" /><strong><a href="{$mybb->settings['bburl']}/showteam.php">Staff</a></strong></td>
</tr><tr>
			
			<td class="thead" align="center"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/index.png" alt="Forum Index Page" title="Forum" /><strong><a href="{$mybb->settings['bburl']}/index.php">Forum</a></strong></td>
			<td class="thead" align="center"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/search.png" alt="Search" title="Search" /><strong><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></strong></td>

			<td class="thead" align="center"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/help.png" alt="Help Section" title="Help" /><strong><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></strong></td>
	</tr>
	</thead>
</table>
</div>
</td>
	</tr>
	</thead>
</table>
</div>
The formation is this

<table>
<tr>

<td>
Block1 Extreme left
</td>

<td>
Block 2 center
</td>

<td>
Block3 at extreme right
</td>

</tr>
</table>

So just copy the Code of Block 3 at extreme right and put at place 2 and put the code of place 2 to place 3

then it comes to aligning the three boxes, like here it is align="center"

So if you want the box at center to be more towards the first block then put align="left"

so it will move a little left from center
Hmm Im a little confised still :\

What would the code look like?
It is not the complete code
you see it has started from <table class="" and so on, but when it has to end at </table> you have not copied that here.
I just dont understand anything I have to do yet. Sorry, it's not you, it's just my ability to learn Toungue
can you changethe code?
The formation is not <table><tr><td>
and</tr></td></table>

When I asked you to move codes between <td> and </td>

here you have to move codes from <tr> and </tr> <-- there are three such opening from <tr> and closing at </tr>

I can try doing it, If you can send me actual html code from the source of your page as well, not just from the template
How do I get the code from the source of my page?
Don't post source code, post the whole header template and i will change it, as you said, if i can
<div id="container">
		<a name="top" id="top"></a>

		<div id="header"><table class="tborder" border="0" cellpadding="4" cellspacing="1">
	<thead>
		<tr> 
<td width="25%">

<div class="userbox"><div id="panel">
				{$welcomeblock}</div>
				<a href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a> | <a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a>

				
			</div>
</td>
			<td width="50%">
			<div class="logo"><a href="{$mybb->settings['bburl']}/index.php" ><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>



</td>

<td width="25%">


<div id="menu" class="menu">
<table class="tborder" border="0" cellpadding="4" cellspacing="1">
	<thead>
		<tr> 
			<td class="thead" align="center"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/news.png" alt="Home" title="Home" /><strong><a href="{$mybb->settings['bburl']}/index.php">Home</a></strong></td>
                        <td class="thead" align="center"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/mobile.png" alt="Version for Mobile Devices" title="Mobile" /><strong><a href="<archive_url>">Mobile</a></strong></td>
			<td class="thead" align="center" width="100"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/memberlist.png" alt="Forum Staff" title="Staff" /><strong><a href="{$mybb->settings['bburl']}/showteam.php">Staff</a></strong></td>
</tr><tr>
			
			<td class="thead" align="center"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/index.png" alt="Forum Index Page" title="Forums" /><strong><a href="{$mybb->settings['bburl']}/forums.php">Forums</a></strong></td>
			<td class="thead" align="center"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/search.png" alt="Search" title="Search" /><strong><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></strong></td>

			<td class="thead" align="center"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/help.png" alt="Help Section" title="Help" /><strong><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></strong></td>
	</tr>
	</thead>
</table>
</div>
</td>
	</tr>
	</thead>
</table>
</div>


<div class='shr-bookmarks' >
<script>

function fbs_click() 
{
        u=location.href;
        t=document.title;
        window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),' sharer', 'toolbar=0, status=0, width=626, height=436');
        return false;
}

</script>

<div class="sharing-menu">
<ul class='socials' style="margin: auto auto;">
<li class='shr-facebook'><a href="location.href" onclick="return fbs_click()"/></a></li>
<script>
function twitt_click() 
{
        u=location.href;
        t=document.title;
        window.open('http://twitthis.com/twit?url='+encodeURIComponent(u)+'&t='+encodeURIComponent(t));
        return false;
}
</script>
<li class='shr-twitter'><a onclick="return twitt_click()"/></a></li>

<li
class='shr-delicious'><a href="http://delicious.com/save" onclick="window.open('http://delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=550,height=550'); return false;"></a></li>

<li
class='shr-digg'><a href="http://digg.com/submit" onclick="window.open('http://digg.com/submit?url='+encodeURIComponent(location.href)+'&topic=playable_web_games&title='+encodeURIComponent(document.title), 'digg','toolbar=no,width=550,height=550'); return false;"></a></li>

<li
class='shr-googlebuzz'><a onclick="window.open('http://www.google.com/reader/link?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'google buzz','toolbar=no,width=550,height=550'); return false;"></a></li>

<li
class='shr-reddit'><a href="http://reddit.com/submit" onclick="window.location = 'http://reddit.com/submit?url=' + encodeURIComponent(window.location); return false"></a></li>

<li
class='shr-stumbleupon'><a onclick="window.open('http://www.stumbleupon.com/submit?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'stumbleupon','toolbar=no,width=550,height=550'); return false;"></a></li>

<li
class='shr-yahoobuzz'><script type="text/javascript"
	src="http://d.yimg.com/ds/badge2.js"
	badgetype="text-votes">
encodeURIComponent(location.href)
</script>
</li>

<li
class='shr-mixx'><a href="http://www.mixx.com/submit?page_url=" onclick="window.open('http://www.mixx.com/submit?page_url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'mixx','toolbar=no,width=550,height=550'); return false;"></a></li>

</ul></div>
</div>




		<div id="content">
			<navigation>

			{$pm_notice}
			{$bannedwarning}
			{$bbclosedwarning}
			{$unreadreports}
Here is the updated header,
<div id="container">
        <a name="top" id="top"></a>

        <div id="header"><table class="tborder" border="0" cellpadding="4" cellspacing="1">
    <thead>
        <tr>
<td width="25%">

<div class="userbox"><div id="panel">
                {$welcomeblock}</div>
                <a href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a> | <a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a>

                
            </div>
</td>
            <td width="25%">
            <div id="menu" class="menu">
<table class="tborder" border="0" cellpadding="4" cellspacing="1">
    <thead>
        <tr>
            <td class="thead" align="center"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/news.png" alt="Home" title="Home" /><strong><a href="{$mybb->settings['bburl']}/index.php">Home</a></strong></td>
                        <td class="thead" align="center"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/mobile.png" alt="Version for Mobile Devices" title="Mobile" /><strong><a href="<archive_url>">Mobile</a></strong></td>
            <td class="thead" align="center" width="100"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/memberlist.png" alt="Forum Staff" title="Staff" /><strong><a href="{$mybb->settings['bburl']}/showteam.php">Staff</a></strong></td>
</tr><tr>
            
            <td class="thead" align="center"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/index.png" alt="Forum Index Page" title="Forums" /><strong><a href="{$mybb->settings['bburl']}/forums.php">Forums</a></strong></td>
            <td class="thead" align="center"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/search.png" alt="Search" title="Search" /><strong><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></strong></td>

            <td class="thead" align="center"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/help.png" alt="Help Section" title="Help" /><strong><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></strong></td>

<td width="50%">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php" ><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>



</td>
    </tr>
    </thead>
</table>
</div>
</td>
    </tr>
    </thead>
</table>
</div>


<div class='shr-bookmarks' >
<script>

function fbs_click()
{
        u=location.href;
        t=document.title;
        window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),' sharer', 'toolbar=0, status=0, width=626, height=436');
        return false;
}

</script>

<div class="sharing-menu">
<ul class='socials' style="margin: auto auto;">
<li class='shr-facebook'><a href="location.href" onclick="return fbs_click()"/></a></li>
<script>
function twitt_click()
{
        u=location.href;
        t=document.title;
        window.open('http://twitthis.com/twit?url='+encodeURIComponent(u)+'&t='+encodeURIComponent(t));
        return false;
}
</script>
<li class='shr-twitter'><a onclick="return twitt_click()"/></a></li>

<li
class='shr-delicious'><a href="http://delicious.com/save" onclick="window.open('http://delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=550,height=550'); return false;"></a></li>

<li
class='shr-digg'><a href="http://digg.com/submit" onclick="window.open('http://digg.com/submit?url='+encodeURIComponent(location.href)+'&topic=playable_web_games&title='+encodeURIComponent(document.title), 'digg','toolbar=no,width=550,height=550'); return false;"></a></li>

<li
class='shr-googlebuzz'><a onclick="window.open('http://www.google.com/reader/link?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'google buzz','toolbar=no,width=550,height=550'); return false;"></a></li>

<li
class='shr-reddit'><a href="http://reddit.com/submit" onclick="window.location = 'http://reddit.com/submit?url=' + encodeURIComponent(window.location); return false"></a></li>

<li
class='shr-stumbleupon'><a onclick="window.open('http://www.stumbleupon.com/submit?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'stumbleupon','toolbar=no,width=550,height=550'); return false;"></a></li>

<li
class='shr-yahoobuzz'><script type="text/javascript"
    src="http://d.yimg.com/ds/badge2.js"
    badgetype="text-votes">
encodeURIComponent(location.href)
</script>
</li>

<li
class='shr-mixx'><a href="http://www.mixx.com/submit?page_url=" onclick="window.open('http://www.mixx.com/submit?page_url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'mixx','toolbar=no,width=550,height=550'); return false;"></a></li>

</ul></div>
</div>




        <div id="content">
            <navigation>

            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
Pages: 1 2