MyBB Community Forums

Full Version: How to add toplinks like this?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
This is the theme i'm using
http://mods.mybb.com/view/block-blue
How would i add toplinks?
Go to AdminCP > Templates & Styles >Templates > Header templates> header template
find :
<li ><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>

Add your link after the above link in that template :
<li><a href="your link here">Link Name</a></li>

hope this helps Smile
(2012-12-13, 06:36 AM)envira Wrote: [ -> ]Go to AdminCP > Templates & Styles >Templates > Header templates> header template
find :
<li ><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>

Add your link after the above link in that template :
<li><a href="your link here">Link Name</a></li>

hope this helps Smile

I know how to add toplinks, but i dont know how to add this to them
[Image: 1AnYm] When you hover over them, they turn blue. I made the .gif and everything.
Download the theme and poke around. If I had to guess, I'd say he's using an icon-font and using CSS for the coloring on hover.

Edit: Turns out he's using sprites for the icons.
(2012-12-13, 11:35 AM)Beardy Wrote: [ -> ]Download the theme and poke around. If I had to guess, I'd say he's using an icon-font and using CSS for the coloring on hover.

Edit: Turns out he's using sprites for the icons.

I made the gif's
[Image: 1AqbI]
donate,skons and upgrade.
How do i add them?
<li><a href="{$mybb->settings['bburl']}/donate.php"><img src="/images/blockblue/image.gif"></a></li>
When you add a toplink use that as the code, replace image.gif with the gif image you are using.
(2012-12-13, 07:52 PM)Headphones Wrote: [ -> ]<li><a href="{$mybb->settings['bburl']}/donate.php"><img src="/images/blockblue/image.gif"></a></li>
When you add a toplink use that as the code, replace image.gif with the gif image you are using.
I looked at the header template and they didnt have the same as that, i want it the same so it would work perfectly with the others.
		<li class="search"><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
		<li class="memberlist"><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
		<li class="help"><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
I recently looked at the global.css and it said something about the menu, about hovering and stuff, but i didnt know what to put.
}

.menu {
	color: #000000;
	padding: 4px;
        background: #3b3b3b;
        padding: 39px 10px;
        margin: 21px 0 0;
	list-style: none;
}

.menu ul {
        margin: 0 0 0 20px;
        padding: 0 0 20px;
        list-style: none;
}

.menu li {
	display: inline;
}

.menu ul a:link {
	color: #000000;
	text-decoration: none;
}

.menu ul a:visited {
	color: #000000;
	text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
	color: #d9de56;
	text-decoration: none;
}

.menu .search a, 
.menu .memberlist a, 
.menu .calendar a,
.menu .help a {
	float: left;
        text-indent: -99999px;
        margin-right: 35px;
}

.menu .search a {
	background: url(images/blockblue/toplinks/search.gif);
        height: 47px;
        width: 58px;
        margin-top: -13px;
}

.menu .search a:hover {
	background: url(images/blockblue/toplinks/search.gif) 0 46px;
}

.menu .memberlist a {
	background: url(images/blockblue/toplinks/memberlist.gif);
        height: 47px;
        width: 101px;
        margin-top: -14px;
}

.menu .memberlist a:hover {
	background: url(images/blockblue/toplinks/memberlist.gif) 0 47px;
}

.menu .calendar a {
	background: url(images/blockblue/toplinks/calendar.gif);
        height: 48px;
        width: 80px;
        margin-top: -15px;
}

.menu .calendar a:hover {
	background: url(images/blockblue/toplinks/calendar.gif) 0 48px;
}

.menu .help a {
	background: url(images/blockblue/toplinks/help.gif);
        height: 46px;
        width: 37px;
        margin-top: -13px;
}

.menu .help a:hover {
	background: url(images/blockblue/toplinks/help.gif) 0 46px;
}
[/code][/quote]
Hey, How did you get the same background? do you mind giving me the template?
(2012-12-15, 10:32 AM)therussiangamer Wrote: [ -> ]Hey, How did you get the same background? do you mind giving me the template?

What? I dont understand.
(2012-12-15, 04:15 PM)Dermoid Wrote: [ -> ]
(2012-12-15, 10:32 AM)therussiangamer Wrote: [ -> ]Hey, How did you get the same background? do you mind giving me the template?

What? I dont understand.


for the gif's how did you make them look like the real thing
Pages: 1 2