How to change text menus to images.

[ravenzmoon]

m3talc0re,
Thank you sooooo sooo very much.  I spent hours workin on this for someone else and I was about to throw myself off the steps and found your post.   

[Shawnchapp]

Does anyone know how to fix the problem with all the buttons going to the right hand side instead of left side?

2.0 rc3 other then that the code works great.

[Hj Ahmad Rasyid Hj Ismail]

Does anyone know how to fix the problem with all the buttons going to the right hand side instead of left side?

2.0 rc3 other then that the code works great.

You are asking the same question at too many threads. You should avoid that in the future. As solutions to this is originally referred to Babylon theme, you should IMHO refer to it too. It is for RC2 but is not much different with RC3. Here is the link for the theme. http://custom.simplemachines.org/themes/index.php?lemma=1993

IMHO the copy of code you take from the above is basically from the earlier SMF 2.0 which may not be compatible with RC3.

[Hj Ahmad Rasyid Hj Ismail]

Does anyone know how to fix the problem with all the buttons going to the right hand side instead of left side?

2.0 rc3 other then that the code works great.

I am not sure whether to answer you here or elsewhere. But IMHO here since the above question is directly presented here. IMHO you just need to edit your index.css. I have checked index.css for raven and I think you should try change this:

Code Select Expand

.buttonlist ul li
{
margin: 0;
padding: 0;
list-style: none;
float: left;
}
to this:

Code Select Expand

.buttonlist ul li
{
margin: 0;
padding: 0;
list-style: none;
float: right;
}

See how it goes. Btw, please close the topic that have already been solved so it would not be confusing. Next time, open a new thread for question or help like this ok?

[Shawnchapp]

I am not sure whether to answer you here or elsewhere. But IMHO here since the above question is directly presented here. IMHO you just need to edit your index.css. I have checked index.css for raven and I think you should try change this:

Code Select Expand

.buttonlist ul li
{
margin: 0;
padding: 0;
list-style: none;
float: left;
}
to this:

Code Select Expand

.buttonlist ul li
{
margin: 0;
padding: 0;
list-style: none;
float: right;
}

See how it goes. Btw, please close the topic that have already been solved so it would not be confusing. Next time, open a new thread for question or help like this ok?

Thanks for the help but that didn't work.... and topic closed

So what should i wait a few days and open a new thread with this question or no?

[Hj Ahmad Rasyid Hj Ismail]

Just be patient and wait ok. I'll see to it at the same time.

[Hj Ahmad Rasyid Hj Ismail]

I still think it is your css and I have visited your site to check you index.css. Try to change this:

Code Select Expand

.buttonlist ul li
{
margin: 0;
padding: 0;
list-style: none;
float: right;
}
.buttonlist ul li a
{
/*display: block;
font-size: 0.8em;
color: #EEE;
background: url(../images/theme/menu_gfx.png) no-repeat 0 -60px;
padding: 0;
margin-left: 12px;
text-transform: uppercase;
cursor: pointer;*/
}
.buttonlist ul li a:hover
{
/*background: url(../images/theme/menu_gfx.png) no-repeat 0 0;
color: #fff;
text-decoration: none;*/
}
.buttonlist ul li a span
{
/*background: url(../images/theme/menu_gfx.png) no-repeat 100% -60px;
display: block;
height: 24px;
line-height: 20px;
padding: 0 8px 0 0;
position: relative;
right: -8px;*/
}

to this:

Code Select Expand

.buttonlist ul li
{
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.buttonlist ul li a
{
display: block;
font-size: 0.8em;
/* color: #EEE;
background: url(../images/theme/menu_gfx.png) no-repeat 0 -60px; */
padding: 0;
margin-left: 12px;
text-transform: uppercase;
cursor: pointer;
}
.buttonlist ul li a:hover
{
/* background: url(../images/theme/menu_gfx.png) no-repeat 0 0;
color: #fff; */
text-decoration: none;
}
.buttonlist ul li a span
{
/* background: url(../images/theme/menu_gfx.png) no-repeat 100% -60px; */
display: block;
height: 24px;
line-height: 20px;
padding: 0 8px 0 0;
position: relative;
right: -8px;
}


[Shawnchapp]

I still think it is your css and I have visited your site to check you index.css. Try to change this:

Didn't do anything

[Hj Ahmad Rasyid Hj Ismail]

Did you make any changes to your Display.template.php?

[Shawnchapp]

Did you make any changes to your Display.template.php?

No....

[Hj Ahmad Rasyid Hj Ismail]

Try this. Open your MessageIndex.template.php and find 2 occurences of this and change it:

Code Select Expand

<div class="pagesection">
to this:

Code Select Expand

<div class="pagesection" align="right">
Remember there is two places for that. The reference was just above in http://www.simplemachines.org/community/index.php?topic=235833.msg1959371#msg1959371

[Shawnchapp]

Try this. Open your MessageIndex.template.php and find 2 occurences of this and change it:

Code Select Expand

<div class="pagesection">
to this:

Code Select Expand

<div class="pagesection" align="right">
Remember there is two places for that. The reference was just above in http://www.simplemachines.org/community/index.php?topic=235833.msg1959371#msg1959371

Thanks it worked like a charm i did read that post but i had no clue what file it was in so i search the index one and couldn't find it...

EDIT: nevermind, now when your in a post that part isn't fix..... so hlaf of it is fixed Lol

Also since i got you here, in the member list its tring to use the same image fore all members and search members where would i got to change that to set the image link to somewhere else....

[Hj Ahmad Rasyid Hj Ismail]

I dont quite get your last question. Explain to me further please.

[Shawnchapp]

I dont quite get your last question. Explain to me further please.

When your reading a thread it still shows the reply, notify, mark as unread, and print buttons on the let hand side...

And the member list is Like view all members is /image/english/mlist.gif  and search for member is the same link /image/english/mlist.gif how do i change that...

[Hj Ahmad Rasyid Hj Ismail]

I dont quite get your last question. Explain to me further please.

When your reading a thread it still shows the reply, notify, mark as unread, and print buttons on the let hand side...

And the member list is Like view all members is /image/english/mlist.gif  and search for member is the same link /image/english/mlist.gif how do i change that...

I suspect that too. Do the same change to your Display.template.php. See how it goes. 2 occurrences as well.

You can just change mlist.gif to other image if you have it.

[Shawnchapp]

I suspect that too. Do the same change to your Display.template.php. See how it goes. 2 occurrences as well.

You can just change mlist.gif to other image if you have it.

Is it the same line of code you posted above? I know i can change the image but i want to know if i can change the link of where it grabs the image. because i don't want to same button for "View all members" and "Search for members" becasuse it looks stupid have 2 buttons the excat same beside each other.

[Hj Ahmad Rasyid Hj Ismail]

Yes the same line.

Yes, you can change the link, the image and the image folder.

[Shawnchapp]

Yes the same line.

Yes, you can change the link, the image and the image folder.

ok sweet, is there other files i should use the code in? like the mod buttons and what not? also what file would i go in to edit the image root for one of those images...

[Hj Ahmad Rasyid Hj Ismail]

Yes the same line.

Yes, you can change the link, the image and the image folder.

ok sweet, is there other files i should use the code in? like the mod buttons and what not? also what file would i go in to edit the image root for one of those images...

Better off with new thread this time. Or else you gonna 'spam' this thread with the 'irrelevant'.

[Shawnchapp]

Yes the same line.

Yes, you can change the link, the image and the image folder.

ok sweet, is there other files i should use the code in? like the mod buttons and what not? also what file would i go in to edit the image root for one of those images...

Better off with new thread this time. Or else you gonna 'spam' this thread with the 'irrelevant'.

oh ok... i thought I'd asked it here since it was created by this code but I'll make a new thread