Office Live Small Business Community Forums

How do I make my own navigation buttons??

Last post 08-18-2008 6:17 PM by RxDave. 7 replies.
Page 1 of 1 (8 items)
Sort Posts:
07-15-2008 9:20 AM
kmay Joined on 07-11-2008 Posts 4
How do I make my own navigation buttons??

Okay, thanks to some good advice here my website is starting to show promise!  I have created new navigation buttons and they look great.  Only problem is when I hyperlink them to the page the are referencing it leaves a big ol blue square around them.  Does anyone have the correct html code to eliminate this.  Right now I have the old buttons up as well until I figure it out.  Thanks everyone, I am learning!  What is sad is I have Dreamweaver on my computer and have not a clue how to use!    Please take a look and help!  www.servingourseniorstx.com

Thanks

 

07-15-2008 7:28 PM In reply to
RxDave Joined on 02-08-2008 Western Washington State, USA Posts 1,367
Re: How do I make my own navigation buttons??

kmay, I am not seeing what you describe.  Are you intending to put your custom left navigation on every page?  To control the image borders and their colors, check Sue Rivers' tip site here:  http://oldesigntips.com/gallery.aspx.

 

I have to say you have done  an outstanding job on your site.  Weren't you having problems with your header logo?  It looks terrific now just using the simple tools.  Sometimes less is more.  I really like the way you have used images; just enough to make the site attractive, but not overdone.

 

Your side navigation is also nicely done.  The only change I would suggest for it is to eliminate the "open in new window" option since you are linking to your own site.  As is, the visitor can end up with deep pile of new windows.  Also check the "Nominate" button link.  The link should be "Nominations." 

 

Finally, where on the planet you are located is nowhere to be found on your site.  Or did I miss it?  Since you seem to be a community service, that might be something to consider.  Nevertheless, great job overall.  Good luck on your endeavor.


Visit fidalgoweather.net

www.fidalgoweather.net
Check the Masters Forum for help and good ideas.
For beginners: Getting started with OLSB.

07-15-2008 7:48 PM In reply to
StudioAllen Joined on 02-08-2008 Dorr, MI Posts 1,893
Re: How do I make my own navigation buttons??

You can remove the blue border around images using the following CSS

a, img
{
border: 0px;
}

StudioAllen
Solutions for Office Live How to Verify your site on Google Webmasters!
07-16-2008 9:05 AM In reply to
kmay Joined on 07-11-2008 Posts 4
Re: How do I make my own navigation buttons??
Thank you, I searched thru all the discussions and found out how to remove the borders from my buttons.  And that is so funny, because the comment you just made about opening the windows...I was just going to post the question of how to tell it NOT to do that !  I hate that too.  I was trying to come up with the code yesterday but I couldn't get it right.  Can you give me the code to eliminate that AND do I just add it at the end of every button code?  Here is the code I have now. 

<a href="http://servingourseniorstx.com/aboutus.aspx" target="_new">

<img src="/images/aboutus2 copy.gif" border="0" alt="Servingourseniorstx.com" > </A>

And I am graphic designer that is out of practice.  I also have Dreamweaver and Flash on my computer and have no clue how to use!  My next step is creating a custom header.  I made one yesterday but I looked real pixely when I posted it.

Thanks for all your help.  It is becoming FUN!  Oh and I am in Conroe Texas. 

07-16-2008 10:49 AM In reply to
RxDave Joined on 02-08-2008 Western Washington State, USA Posts 1,367
Re: How do I make my own navigation buttons??

Good morning kmay.  For that code, just remove the target="_new" so that the expression becomes ...aboutus.aspx">.  An alternate way to do this is to add StudioAllen's CSS to your style sheet and use the native hyperlink function.  The advantage could be faster loading pages and easier editing.  The disadvantage would be the inability to use the alt text.  For now, though, I would leave it as is since it is so well done.

 

Another performance tip is to change the href= expression to just ...="/aboutus.aspx">.  This eliminates the need to go out to the internet to load one of your own pages.  Before you try it let me go test it out first...

 

...I'm back and yes, it works.  It's also lightning fast compared to the way you are doing it.

 

Finally, I mention your location because it would not be unexpected for someone to go to a Google search box and type "Conroe Texas senior services."  You should have all of those words woven into your home page and similar ones on the others as appropriate.  That would give you Page 1 exposure, if not line 1.  I would also be sure that specifically what services you do are listed on your site.  Good luck.


Visit fidalgoweather.net

www.fidalgoweather.net
Check the Masters Forum for help and good ideas.
For beginners: Getting started with OLSB.

07-16-2008 7:52 PM In reply to
StudioAllen Joined on 02-08-2008 Dorr, MI Posts 1,893
Re: How do I make my own navigation buttons??

Just a note the alt text don't do much good since it is in an HTML module.  As for the pixelation probably OL's image uploader's fault it compressess image here's a link to the secondary uploader: http://<your domain name>/WebSitePageEditor/ImageUploader_NoActiveX.aspx or you can use FireFox

StudioAllen
Solutions for Office Live How to Verify your site on Google Webmasters!
08-18-2008 3:27 PM In reply to
puppie804 Joined on 08-18-2008 Posts 1
Re: How do I make my own navigation buttons??

 Hi, im new at this too, could you share the code you used to customize your navigational buttons. It would really help. Thanks. 

P.S. Your site looks good!!!! 

08-18-2008 6:17 PM In reply to
RxDave Joined on 02-08-2008 Western Washington State, USA Posts 1,367
Re: How do I make my own navigation buttons??

puppie, they are just images of buttons made into links.  On my "Getting Started" page is something similar, only not as nicely done.


Visit fidalgoweather.net

www.fidalgoweather.net
Check the Masters Forum for help and good ideas.
For beginners: Getting started with OLSB.

Advertisement