How to change text menus to images.

Started by m3talc0re, April 24, 2008, 01:31:08 PM

Previous topic - Next topic

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.  :D 
With every breathe my soul takes, there is the light of the moon.

Shawnchapp

#21
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.
Any man who knows a thing knows
He knows not a damn, damn thing at all
And every time I felt the hurt
And I felt the givin' gettin' me up off the wall

Hj Ahmad Rasyid Hj Ismail

Quote from: Shawnchapp on August 02, 2010, 03:46:25 PM
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

Quote from: Shawnchapp on August 02, 2010, 03:46:25 PM
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:
.buttonlist ul li
{
margin: 0;
padding: 0;
list-style: none;
float: left;
}

to this:
.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

Quote from: ahrasis on August 03, 2010, 02:29:41 PM
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:
.buttonlist ul li
{
margin: 0;
padding: 0;
list-style: none;
float: left;
}

to this:
.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?
Any man who knows a thing knows
He knows not a damn, damn thing at all
And every time I felt the hurt
And I felt the givin' gettin' me up off the wall

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

#26
I still think it is your css and I have visited your site to check you index.css. Try to change this:
.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:
.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

Quote from: ahrasis on August 03, 2010, 05:02:15 PM
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 :(
Any man who knows a thing knows
He knows not a damn, damn thing at all
And every time I felt the hurt
And I felt the givin' gettin' me up off the wall

Hj Ahmad Rasyid Hj Ismail

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

Shawnchapp

Any man who knows a thing knows
He knows not a damn, damn thing at all
And every time I felt the hurt
And I felt the givin' gettin' me up off the wall

Hj Ahmad Rasyid Hj Ismail

#30
Try this. Open your MessageIndex.template.php and find 2 occurences of this and change it:
<div class="pagesection">
to this:
<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

#31
Quote from: ahrasis on August 03, 2010, 05:43:24 PM
Try this. Open your MessageIndex.template.php and find 2 occurences of this and change it:
<div class="pagesection">
to this:
<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 :D 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....
Any man who knows a thing knows
He knows not a damn, damn thing at all
And every time I felt the hurt
And I felt the givin' gettin' me up off the wall

Hj Ahmad Rasyid Hj Ismail

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

Shawnchapp

Quote from: ahrasis on August 03, 2010, 06:21:02 PM
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...
Any man who knows a thing knows
He knows not a damn, damn thing at all
And every time I felt the hurt
And I felt the givin' gettin' me up off the wall

Hj Ahmad Rasyid Hj Ismail

Quote from: Shawnchapp on August 03, 2010, 06:29:25 PM
Quote from: ahrasis on August 03, 2010, 06:21:02 PM
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

Quote from: ahrasis on August 03, 2010, 06:33:04 PM
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.
Any man who knows a thing knows
He knows not a damn, damn thing at all
And every time I felt the hurt
And I felt the givin' gettin' me up off the wall

Hj Ahmad Rasyid Hj Ismail

Yes the same line.

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

Shawnchapp

Quote from: ahrasis on August 03, 2010, 06:44:14 PM
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...
Any man who knows a thing knows
He knows not a damn, damn thing at all
And every time I felt the hurt
And I felt the givin' gettin' me up off the wall

Hj Ahmad Rasyid Hj Ismail

Quote from: Shawnchapp on August 03, 2010, 06:57:52 PM
Quote from: ahrasis on August 03, 2010, 06:44:14 PM
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

Quote from: ahrasis on August 04, 2010, 07:15:18 AM
Quote from: Shawnchapp on August 03, 2010, 06:57:52 PM
Quote from: ahrasis on August 03, 2010, 06:44:14 PM
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 :)
Any man who knows a thing knows
He knows not a damn, damn thing at all
And every time I felt the hurt
And I felt the givin' gettin' me up off the wall

Advertisement: