MyBB Community Forums

I want to move the Portal, Search, Member List, Calendar, and Help links.

Either to the left of the search box below.

Or in between the Admin CP and "Open Buddy List" area.



To start, I tried commenting the Portal through Help links in the header template.

But then they still appear, just on the side.

                    <!--<ul class="menu top_links">
                        {$menu_portal}
                        {$menu_search}
                        {$menu_memberlist}
                        {$menu_calendar}
                        <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
                    </ul>-->

Result:



I want to keep those same icons next to the Portal, Search, Member List, Calendar, and Help links.

Just move them to either the Menu Panel (to the left of the search box) or the User panel area (in between "Admin CP" and "Open Buddy List".)

Go to header_welcomeblock_member and copy {$usercplink} and move it under {$admincplink} this will put the User CP link next to the admin CP link.

If you need any more help please reply here.

Unfortunately moving and changing these links on the default theme is not so easy.

They are controlled in global.css by:

#header ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header ul.menu li {
	margin: 0 7px;
	display: inline;
}

#header ul.menu li a {
	padding-left: 20px;
	background-image: url(images/headerlinks_sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 16px;
}

#logo ul.top_links {
	font-weight: bold;
	text-align: right;
	margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
	background-position: 0 0;
}

#logo ul.top_links a.memberlist {
	background-position: 0 -20px;
}

#logo ul.top_links a.calendar {
	background-position: 0 -40px;
}

#logo ul.top_links a.help {
	background-position: 0 -60px;
}

#logo ul.top_links a.portal {
	background-position: 0 -180px;
}

#panel .upper a.logout {
	font-weight: bold;
	background: url(images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
	background: url(images/headerlinks_sprite.png) 0 -100px no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .upper a.register {
	background: url(images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
	font-weight: bold;
}

and they are built from a single sprite image in the images folder - images/headerlinks_sprite.png

(2017-05-20, 07:27 PM)Brian. Wrote: [ -> ]Go to header_welcomeblock_member and copy {$usercplink} and move it under {$admincplink} this will put the User CP link next to the admin CP link.

If you need any more help please reply here.

That just moves the "User CP" link to the right of the Admin CP link.

It doesn't move the links that I had wanted, Portal, Search, Member List, Calendar, and Help links.

---

(2017-05-20, 07:42 PM)Ashley1 Wrote: [ -> ]Unfortunately moving and changing these links on the default theme is not so easy.

They are controlled in global.css by:

#header ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header ul.menu li {
	margin: 0 7px;
	display: inline;
}

#header ul.menu li a {
	padding-left: 20px;
	background-image: url(images/headerlinks_sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 16px;
}

#logo ul.top_links {
	font-weight: bold;
	text-align: right;
	margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
	background-position: 0 0;
}

#logo ul.top_links a.memberlist {
	background-position: 0 -20px;
}

#logo ul.top_links a.calendar {
	background-position: 0 -40px;
}

#logo ul.top_links a.help {
	background-position: 0 -60px;
}

#logo ul.top_links a.portal {
	background-position: 0 -180px;
}

#panel .upper a.logout {
	font-weight: bold;
	background: url(images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
	background: url(images/headerlinks_sprite.png) 0 -100px no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .upper a.register {
	background: url(images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
	font-weight: bold;
}

and they are built from a single sprite image in the images folder - images/headerlinks_sprite.png

I kind of see what you're saying.  That sprite image though has several icons, 10 icons.

How does that work?  The links I mentioned consist of 5 of those icons, not all of them.

Bump, any help?

Bump?

(2017-06-12, 09:08 PM)nuraman00 Wrote: [ -> ]Bump?

It's not possible what you are asking. Top links don't work in the header_member template. So if you want that, you need to create a plugin for it.