Messup434
Citizen
Registered: 12-2014
Posts: 17
Karma: 0 (+0/-0)
|
|
ReplyQuote
|
|
How to add a Menu Thing on the Side of a Website?
OK so most of the website design makes sense to me (  ), but the menu thing is throwing me for a loop.
So correct me but to make one I have to draw some buttons in Flash and then make a background for the sidebar (just orange, no design to keep it simple).
Then I put the buttons on the background (right?). But then I don't know how to make the buttons clickable. So can I have a sample code for that to help?
Thanks, Brian 
|
|
8/12/2015, 1:58 am
|
Link to this post
PM Messup434
Read Blog
|
Queenyforever
Ignore me.
Registered: 01-2007
Province: Walking a new path in Nature.
Posts: 1467
Karma: 48 (+48/-0)
|
|
ReplyQuote
|
|
Re: How to add a Menu Thing on the Side of a Website?
HI Brian.....Lesa has taken two 'real jobs'...as well as her work for Runboard. SHE WILL ANSWER THIS....just not sure how soon.
Might have luck asking at the Support Forum too, and directing her here....she always checks that first... 
---
*The noblest art is that of making others happy*
*No one ever made a difference by being like everyone else -P.T. Barnum*
|
|
8/14/2015, 6:01 pm
|
Link to this post
PM Queenyforever
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9597
Karma: 132 (+147/-15)
|
|
ReplyQuote
|
|
Re: How to add a Menu Thing on the Side of a Website?
Hi Brian!
Sorry for the late reply. My RSS quit working, and I keep forgetting to check my own board, but Queeny spotted your post and sent me a message to let me know you were here. Thanks, Queeny!
You don't need to do the buttons in flash. All you need are images and code like this:
<a href="http://URL_TO_PAGE"><img src="http://URL_TO_IMAGE" alt="ALTERNATE TEXT" /></a>
Replace the red with the following:
http://URL_TO_PAGE = Address you want the link to lead to.
http://URL_TO_IMAGE = Address of the image.
ALTERNATE TEXT = If your image host goes down, this text will display instead of the image.
I usually do it differently and do put the image in the background, but this is an easier way. If you want the image to change when it's hovered on and/or clicked on, then you would need to put it in the background instead of the way I have explained here.
|
|
8/15/2015, 1:24 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
Messup434
Citizen
Registered: 12-2014
Posts: 17
Karma: 0 (+0/-0)
|
|
ReplyQuote
|
|
Re: How to add a Menu Thing on the Side of a Website?
Apology right back atch'a for my late response!
Thank you Lesa and Queeny for posting here and PM'ing me (which I tried to respond to but I don't know if it worked because when I sent a reply to it the WiFi broke  ).
This is very helpful Lesa. I have actually made some buttons for my website using Paint (the program of course) so can I use them if I wish or will they work differently?
Also, on Photobucket which of the sharing links do I use (Direct, HTML, etc.)?
If you could show me a sample that would be great, but this code is really helpful anyway! Just don't know which "URL TO IMAGE" to use 
|
|
8/17/2015, 4:05 am
|
Link to this post
PM Messup434
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9597
Karma: 132 (+147/-15)
|
|
ReplyQuote
|
|
Re: How to add a Menu Thing on the Side of a Website?
I prefer Gimp, but if you have images you made in Paint, they will work.
"URL TO IMAGE" is whatever Photobucket gives you as the "Direct" link.
For a sample, click on the running Wario below:
|
|
8/19/2015, 1:32 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
Messup434
Citizen
Registered: 12-2014
Posts: 17
Karma: 0 (+0/-0)
|
|
ReplyQuote
|
|
Re: How to add a Menu Thing on the Side of a Website?
Thank you as always Lesa
|
|
8/19/2015, 6:03 pm
|
Link to this post
PM Messup434
Read Blog
|
Messup432
Citizen
Registered: 05-2015
Posts: 1
Karma: 0 (+0/-0)
|
|
ReplyQuote
|
|
Re:
OK sorry but I have a question. I used this code. Any idea what's gone worong here:
<a href=http://bkeshiheads.runboard.com/><img src=http://i296.photobucket.com/albums/mm170/mbvansmith/Caption%201_zpswrbgnbun.png alt=Image not Found /></a>
Thanks again Lesa. I really appreciate your help!
---
>test<
|
|
8/19/2015, 6:26 pm
|
Link to this post
PM Messup432
Read Blog
|
Queenyforever
Ignore me.
Registered: 01-2007
Province: Walking a new path in Nature.
Posts: 1467
Karma: 48 (+48/-0)
|
|
ReplyQuote
|
|
Re: How to add a Menu Thing on the Side of a Website?
Thanks, Queeny!
---
*The noblest art is that of making others happy*
*No one ever made a difference by being like everyone else -P.T. Barnum*
|
|
8/19/2015, 7:22 pm
|
Link to this post
PM Queenyforever
Read Blog
|
Kaunisto
Citizen
Registered: 01-2008
Province: Finland
Posts: 174
Karma: 7 (+7/-0)
|
|
ReplyQuote
|
|
Re: How to add a Menu Thing on the Side of a Website?
No problem with that code on my IE or Firefox 
|
|
8/20/2015, 7:38 pm
|
Link to this post
PM Kaunisto
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9597
Karma: 132 (+147/-15)
|
|
ReplyQuote
|
|
Re: How to add a Menu Thing on the Side of a Website?
Put quotes around your attributes, and have your 'alt' say whatever text you want to appear if Photobucket goes down. If an image is strictly decorative and you don't need alternate text, you can use a blank alt as seen below:
<a href="http://bkeshiheads.runboard.com/"><img src="http://i296.photobucket.com/albums/mm170/mbvansmith/Caption%201_zpswrbgnbun.png" alt="" /></a>
To explain the logic behind the alt attribute, let's say you use an image for your "New topic" link. You don't want to show "Image not found" if the image goes down, because people wouldn't know what that link is for. You want it to say "New topic," so people will know it's a link to post a new topic. In that case, you would want to use alt="New topic".
Since your link leads to Keshi Heads, I would use alt="Keshi Heads" in your code. That way, If the image goes down, the text will tell people that the link leads to Keshi Heads.
Does this make sense?
Last revised by Lesigner Girl, 8/22/2015, 3:33 pm
|
|
8/22/2015, 5:43 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
