MyBB Community Forums

See picture.

Im using menu manager plugin and rules plug in.

The images next to rules and donate are the exact same.

I have no idea how to change them, i've been messing around with the codes to see if i can get the image to change but im well and truly stuck here.


Few codes here you might need..

<ul class="menu clearfix">

<li><a href="{$mybb->settings['bburl']}/index.php">{$mybb->settings['bbname']}</a></li>



<li><a href="{$mybb->settings['bburl']}/memberlist.php" 

class="memberlist">{$lang->toplinks_memberlist}</a></li>



<li><a href="{$mybb->settings['bburl']}/calendar.php" 

class="calendar">{$lang->toplinks_calendar}</a></li>



<li><a 

href="{$mybb->settings['bburl']}/misc.php?action=help" 

class="help">{$lang->toplinks_help}</a></li>



<li><a href="{$mybb->settings['bburl']}/misc.php?action=rules">Rules</a></li>

<li><a href="{$mybb->settings['bburl']}/donate.php">Donate</a></li>

</ul>

You need to add a class to these codes:

<li><a href="{$mybb->settings['bburl']}/misc.php?action=rules">Rules</a></li>

<li><a href="{$mybb->settings['bburl']}/donate.php">Donate</a></li>

Like this:

<li><a href="{$mybb->settings['bburl']}/misc.php?action=rules" class="rules">Rules</a></li>

<li><a href="{$mybb->settings['bburl']}/donate.php" class="donate">Donate</a></li>

Then modify the class in your global.css basing it in the .memberlist class.

Understand the first bit.

Do what in the global css?

---

.menu {list-style: none; padding: 0; margin: 0; background: url(images/glowing/menu_bg.png) no-repeat; float: left;}
.menu li {display: block; float: left; margin-right: 25px; background: url(images/glowing/glo.png) no-repeat center 200px; position: relative;}
.menu li:hover {background-position: center center;}
.menu a {display: block; font-size: 10px; font-weight: bold; color: #fff; height: 48px; line-height: 48px; text-shadow: 0 1px 0 #3e5506;
padding-left: 40px; background: url(images/glowing/menu_icons.png) no-repeat 0 -86px;}
.menu .calendar {background-position: 0 -40px;}
.menu .help {background-position: 0 5px;}
.menu .memberlist {background-position: 0 -129px;}

Add this to your global.css:

.menu .rules {background: url('ICON_PATH') no-repeat center;}
.menu .donate {background: url('ICON_PATH') no-repeat center;}

And please share your forum link.

(2011-09-19, 08:47 PM)Sama34 Wrote: [ -> ]Add this to your global.css:

.menu .rules {background: url('ICON_PATH') no-repeat center;}
.menu .donate {background: url('ICON_PATH') no-repeat center;}

And please share your forum link.

www.thefootballbase.co.uk/forum

---

If you look at the my site, the rules is really close to the image, how do i get it the same as the rest?

By adding a space before the image?

Or try this:

.menu .rules {padding-left:10px;background: url('ICON_PATH') no-repeat center;}
.menu .donate {padding-left:10px;background: url('ICON_PATH') no-repeat center;}

Modify 10px to your needs.

thats just changing the icons spacing :/ not between the icon and the text.

(2011-09-19, 09:19 PM)jamie1990 Wrote: [ -> ]thats just changing the icons spacing :/ not between the icon and the text.

Edit it to put the padding on the right, then.

Probably best im going to get.


In the picture below.