Hi again
Here's the picture and what I would like to do.

BLUE:I want to attach picture to those buttons instead of just clicking the words. If it is possible of course.
RED:I want to completely remove those two buttons since nobody on our forum uses that.

And one more. I made hover effect on buttons like quote, edit, ip, delete and I tried everything to do hover effect on multi quote selected/unselected but I can't. I tried all versions that come to my mind but seems none of them is working. I think it is somethnig around .i_icon_multi_quote_selected but can't quite figure it out...
Thanks in advance

Hi,

Those buttons are found in the index_body template. Find this part in the template...

Code:

<ul>
   <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
   <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
   <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
   <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
</ul>

and replace it with this code...

Code:

<ul>
   <li><a href="{U_SEARCH_NEW}"><img src="POST SINCE LAST VISIT IMAGE URL" /></a></li>
   <li><a href="{U_MARK_READ}"><img src="MARK FORUMS READ IMAGE URL" /></a></li>
</ul>

Add the image URLs before you add the code. Save the template and publish it.

For hover effect, I need to know what kind of hover effect are you trying to add. What should it do on mouse hover?

Thanks for the buttons code, it's working
For the second one, I wanna have code like this for multi quote button

Code:

.i_icon_edit              {
  background: url('IMAGE URL') no-repeat center !important;
  width:60px;
  height:19px;
}
.i_icon_edit:hover        {
  background: url('IMAGE URL') no-repeat center !important;
  width:60px;
  height:19px;
}

This is the selector for the multi quote button...

Code:

img[alt="Select/Unselect multi-quote"]{
background: url('IMAGE URL') no-repeat center !important;
width:60px;
height:19px;
}
img[alt="Select/Unselect multi-quote"]:hover{
background: url('IMAGE URL') no-repeat center !important;
width:60px;
height:19px;
}

that will do it
and just one more an you can lock this
how to make this in one line?

http://www.admincentar.net/mybb/showthread.php?tid=11771

I don't want to remove it, just to make it in one line like on this forum

Sorry I did not read it, just saw the photo.
Here it's in one line cause this was removed:

View posts since last visit
View your posts
View unanswered posts
Mark all forums read

So it can fit.

If you have it than all can't fit in one line. Find this:

Code:

<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>

And replace it with this:

Code:

</div> <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>

It can't fit all in one line so either that or lower the letter size.

I erased it all then. Thanks and lock please

Glad we could help

Solved | Locked