Web Hosting Forum | Lunarpages

Author Topic: Buttons  (Read 40094 times)

Offline Canvas

  • Pong! (the videogame) Master
  • *****
  • Posts: 20
Buttons
« on: April 12, 2007, 01:11:14 PM »
Hello,
  I am trying to rebuild our website and I have a page I really like http://www.canvasdesigners.com/Products.htm
However some of our logos have changed and we have new products we would like to add.  I can not for the life of me figure out how these were created.  They act like buttons but I can not find anywhere to add/delete/change an image inside the button.  Does anyone have an idea on how I can either edit them and create new ones.
Thanks in advance.

Offline MrPhil

  • Senior Moderator
  • Berserker Poster
  • *****
  • Posts: 6190
Re: Buttons
« Reply #1 on: April 12, 2007, 01:26:04 PM »
On the page in question, you do a View > Page Source in your browser, and it will show you the code it's using. For the buttons, they're simply links (<a href="oceanair.htm"> ... </a>) with an image instead of a text label (<img ... src="buttons/OceanAirNormal.jpg" ...>). The magic is the Javascript stuff: onmouseover= swaps the image with another one (with the colored fringe) when you move your pointer over it, and onmouseout= swaps it back when you leave. They're just ordinary JPEG images that are being swapped with each other. I don't know if you'll be able to salvage these button images and modify them in Photoshop or GIMP, but you can try. By the way, whoever did the orginal code should be shot for having alt="......................". Alt tags are vital for visually impaired people and visitors using graphics-less browsers.
Visit My Site

E-mail Me
  
-= From the ashes shall rise a sooty tern =-

Offline gentact123

  • Newbie
  • *
  • Posts: 1
Re: Buttons
« Reply #2 on: May 09, 2008, 07:39:20 AM »
It looks easy to fix it, e-mail to me , I will try to fix it.
Regards
George Chou ; dave@ms22.url.com.tw

Offline diaaneray

  • Newbie
  • *
  • Posts: 4
Re: Buttons
« Reply #3 on: June 17, 2011, 01:39:21 AM »
To bring the buttons in the font page write this code in HTML page <BUTTON TYPE=SUBMIT>
<IMG SRC="source.jpg" HEIGHT=97 WIDTH=105 ALT="Starflower" ALIGN="ABSMIDDLE">  <STRONG>Send It In!</STRONG></BUTTON>. By using this code button will appear in browser.

Offline alen123

  • Trekkie
  • **
  • Posts: 10
Re: Buttons
« Reply #4 on: October 21, 2011, 02:00:45 AM »
I think you check this site for get more button:-http://www.buttons.com/Home.asp

Offline alen123

  • Trekkie
  • **
  • Posts: 10
Re: Buttons
« Reply #5 on: November 03, 2011, 08:21:43 AM »
Your site closed so i do't know your mean.

Offline pavel

  • Spacescooter Operator
  • *****
  • Posts: 30
Re: Buttons
« Reply #6 on: September 18, 2012, 11:01:31 AM »
Please remove (<a href="oceanair.htm"> ... </a>) only use this tag l (<img ... src="buttons/OceanAirNormal.jpg" ...>). That my be help...

Thanks

Offline nancy29

  • Pong! (the videogame) Master
  • *****
  • Posts: 24
Re: Buttons
« Reply #7 on: January 17, 2013, 03:15:56 AM »
they may be images which are being referenced from a css file, just use the web developer tool, and find out what is the name of the element and the class or id assigned to it.

Offline mithcd

  • Intergalactic Superstar
  • *****
  • Posts: 133
Re: Buttons
« Reply #8 on: November 16, 2014, 03:16:22 PM »
Hi. Can you site an example of a web developer tool that can do this please?

Offline MrPhil

  • Senior Moderator
  • Berserker Poster
  • *****
  • Posts: 6190
Re: Buttons
« Reply #9 on: November 17, 2014, 08:27:39 AM »
Firebug (for the Firefox web browser) will tell you the exact CSS for a page element, including where it was defined. All the major browsers (including Firefox) have some level of developer tools built in to them (see the HTML source, see the applicable CSS and its source, etc.).
Visit My Site

E-mail Me
  
-= From the ashes shall rise a sooty tern =-

 

Share |