Apple Style Buttons Request

RiVi3rA · 19-09-10, 10:44 AM

Hi,

I would like to change the text on 3 buttons for my apple style menu bar.

Spoiler

I would like to replace 3 of them:

1. About Us- Would like to change it to Free iPhone. Dimensions: 118x42
2. Gallery- Would like to change it to Proof. Dimensions: 106x42
3. Popular Posts- Would like to change it to Our Other Sites. Dimensions: 154x42

At the moment, when you run your mouse over them the button and text changes colour (like on Apple site). Will this still happen if I simply change the image on the following code:

Code:

<div id="menu">
				<ul>
					<li><a href="#" class="but1 active"><img src="http://www.exceem.co.uk/forums/images/spacer.gif" alt="" width="106" height="42" /></a></li>
					<li><a href="#" class="but2"><img src="http://www.exceem.co.uk/forums/images/spacer.gif" alt="" width="118" height="42" /></a></li>
					<li><a href="#" class="but3"><img src="http://www.exceem.co.uk/forums/images/spacer.gif" alt="" width="106" height="42" /></a></li>
					<li><a href="#" class="but4"><img src="http://www.exceem.co.uk/forums/images/spacer.gif" alt="" width="99" height="42" /></a></li>
					<li><a href="#" class="but5"><img src="http://www.exceem.co.uk/forums/images/spacer.gif" alt="" width="154" height="42" /></a></li>
					<li><a href="#" class="but6"><img src="http://www.exceem.co.uk/forums/images/spacer.gif" alt="" width="129" height="42" /></a></li>
				</ul>
				<form action="#">

Thanks,

Denys

EDIT: If it's easier to do all of the buttons again from scratch to get the right colour please tell me and I will give you the dimensions.

RiVi3rA · 20-09-10, 06:13 PM

anyone?

chapperzUK · 20-09-10, 06:26 PM

You will have to do CSS coding towards it if you want the hover thing to work.

RiVi3rA · 20-09-10, 07:47 PM

Thanks. I'll find out about that later. Can anyone do the buttons though?

RiVi3rA · 21-09-10, 05:33 PM

Have uploaded the original image files. If you could change the text on them as requested, that would be great!

Here is the link to the photos: http://img842.imageshack.us/gal.php?g=but1m.jpg

**ryan1087** · 21-09-10, 06:21 PM

Who made these for you? If you have a .psd file then it will make the job alot easier.

RiVi3rA · 21-09-10, 06:31 PM

I just got these off a website template. Does not include PSD file I'm afraid...

**ryan1087** · 21-09-10, 07:03 PM

Hmmm ok, might pose a problem trying to edit, if somebody could make the background of the nav bar button and you can overlap it with text so it can edited if needed in future.

RiVi3rA · 22-09-10, 06:12 AM

Have found a .psd file in the .zip folder. How do I upload it on here?

MrRedman · 22-09-10, 12:22 PM

Don't upload the .zip file on here. Use a service like Sendspace, upload your .zip file there and once it's done, paste the link here on eXceem.

RiVi3rA · 22-09-10, 03:03 PM

Thanks, have uploaded it to sendspace as you said! This is the only psd it came with!

Download psd buttons apple.zip from Sendspace.com - send big files the easy way

RiVi3rA · 24-09-10, 05:05 PM

My site is basically completed apart from the buttons. Please can someone help me here?

Thanks,

Denys

RiVi3rA · 26-09-10, 03:04 PM

Getting pretty desperate here... please can someone do this?! Do I need to attach something else?

Thanks,

Denys

RiVi3rA · 29-09-10, 08:56 AM

Help please??

MrRedman · 29-09-10, 01:38 PM

Take Chapperz' advice and find out about how to create CSS buttons.

We're all pretty busy making adjustments to our sites / busy getting referrals especially since the Lovefilm changes.
Google is always a start. There are so many tutorials on how to make Apple style layouts, designs, buttons, etc. so try there.

Good luck.

19-09-10, 10:44 AM	#1
RiVi3rA iPod Nano 4GB Join Date: Aug 2010 Location: N/A Posts: 338	Apple Style Buttons Request Hi, I would like to change the text on 3 buttons for my apple style menu bar. Spoiler I would like to replace 3 of them: 1. About Us- Would like to change it to Free iPhone. Dimensions: 118x42 2. Gallery- Would like to change it to Proof. Dimensions: 106x42 3. Popular Posts- Would like to change it to Our Other Sites. Dimensions: 154x42 At the moment, when you run your mouse over them the button and text changes colour (like on Apple site). Will this still happen if I simply change the image on the following code: Code: <div id="menu"> <ul> <li><a href="#" class="but1 active"><img src="http://www.exceem.co.uk/forums/images/spacer.gif" alt="" width="106" height="42" /></a></li> <li><a href="#" class="but2"><img src="http://www.exceem.co.uk/forums/images/spacer.gif" alt="" width="118" height="42" /></a></li> <li><a href="#" class="but3"><img src="http://www.exceem.co.uk/forums/images/spacer.gif" alt="" width="106" height="42" /></a></li> <li><a href="#" class="but4"><img src="http://www.exceem.co.uk/forums/images/spacer.gif" alt="" width="99" height="42" /></a></li> <li><a href="#" class="but5"><img src="http://www.exceem.co.uk/forums/images/spacer.gif" alt="" width="154" height="42" /></a></li> <li><a href="#" class="but6"><img src="http://www.exceem.co.uk/forums/images/spacer.gif" alt="" width="129" height="42" /></a></li> </ul> <form action="#"> Thanks, Denys EDIT: If it's easier to do all of the buttons again from scratch to get the right colour please tell me and I will give you the dimensions. __________________ Last edited by RiVi3rA; 19-09-10 at 10:46 AM..

20-09-10, 06:13 PM	#2
RiVi3rA iPod Nano 4GB Join Date: Aug 2010 Location: N/A Posts: 338	anyone? __________________

20-09-10, 07:47 PM	#4
RiVi3rA iPod Nano 4GB Join Date: Aug 2010 Location: N/A Posts: 338	Thanks. I'll find out about that later. Can anyone do the buttons though? __________________

21-09-10, 05:33 PM	#5
RiVi3rA iPod Nano 4GB Join Date: Aug 2010 Location: N/A Posts: 338	Have uploaded the original image files. If you could change the text on them as requested, that would be great! Here is the link to the photos: http://img842.imageshack.us/gal.php?g=but1m.jpg __________________ Last edited by RiVi3rA; 21-09-10 at 05:34 PM..

21-09-10, 06:21 PM	#6
ryan1087 What to put... Join Date: Mar 2010 Posts: 9,007	Who made these for you? If you have a .psd file then it will make the job alot easier. __________________ free ipad 3

20-09-10, 06:26 PM	#3
chapperzUK Mini Mac Join Date: Nov 2009 Location: Southend, Essex Posts: 3,056	You will have to do CSS coding towards it if you want the hover thing to work.

21-09-10, 06:31 PM	#7
RiVi3rA iPod Nano 4GB Join Date: Aug 2010 Location: N/A Posts: 338	I just got these off a website template. Does not include PSD file I'm afraid... __________________

21-09-10, 07:03 PM	#8
ryan1087 What to put... Join Date: Mar 2010 Posts: 9,007	Hmmm ok, might pose a problem trying to edit, if somebody could make the background of the nav bar button and you can overlap it with text so it can edited if needed in future. __________________ free ipad 3

22-09-10, 06:12 AM	#9
RiVi3rA iPod Nano 4GB Join Date: Aug 2010 Location: N/A Posts: 338	Have found a .psd file in the .zip folder. How do I upload it on here? __________________

22-09-10, 12:22 PM	#10
MrRedman HTC Sensation 4G Join Date: Sep 2010 Location: London Posts: 346	Don't upload the .zip file on here. Use a service like Sendspace, upload your .zip file there and once it's done, paste the link here on eXceem.

22-09-10, 03:03 PM	#11
RiVi3rA iPod Nano 4GB Join Date: Aug 2010 Location: N/A Posts: 338	Thanks, have uploaded it to sendspace as you said! This is the only psd it came with! Download psd buttons apple.zip from Sendspace.com - send big files the easy way __________________

24-09-10, 05:05 PM	#12
RiVi3rA iPod Nano 4GB Join Date: Aug 2010 Location: N/A Posts: 338	My site is basically completed apart from the buttons. Please can someone help me here? Thanks, Denys __________________

26-09-10, 03:04 PM	#13
RiVi3rA iPod Nano 4GB Join Date: Aug 2010 Location: N/A Posts: 338	Getting pretty desperate here... please can someone do this?! Do I need to attach something else? Thanks, Denys __________________ Last edited by RiVi3rA; 26-09-10 at 03:04 PM..

29-09-10, 08:56 AM	#14
RiVi3rA iPod Nano 4GB Join Date: Aug 2010 Location: N/A Posts: 338	Help please?? __________________

29-09-10, 01:38 PM	#15
MrRedman HTC Sensation 4G Join Date: Sep 2010 Location: London Posts: 346	Take Chapperz' advice and find out about how to create CSS buttons. We're all pretty busy making adjustments to our sites / busy getting referrals especially since the Lovefilm changes. Google is always a start. There are so many tutorials on how to make Apple style layouts, designs, buttons, etc. so try there. Good luck. __________________ Click here! to join the freebiejeebies gadgets conga and get 2 FREE greens! Last edited by MrRedman; 29-09-10 at 01:42 PM..