Runboard.com
You're welcome.



       Use the black navigation bar to log in or create your account.

Jump to Page:  1  2 

 
Messup434 Profile
Live feed
Blog
Friends
Miscellaneous info

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 ( emoticon ), 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 emoticon

---
Keshi Heads
8/12/2015, 1:58 am Link to this post PM Messup434 Read Blog
 
Queenyforever Profile
Live feed
Blog
Friends
Miscellaneous info

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... emoticon

---

*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 Profile
Live feed
Blog
Friends
Miscellaneous info

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.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
8/15/2015, 1:24 am Link to this post PM Lesigner Girl Read Blog
 
Messup434 Profile
Live feed
Blog
Friends
Miscellaneous info

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 emoticon ).

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 emoticon

---
Keshi Heads
8/17/2015, 4:05 am Link to this post PM Messup434 Read Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

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. emoticon

"URL TO IMAGE" is whatever Photobucket gives you as the "Direct" link.

For a sample, click on the running Wario below:

Image

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
8/19/2015, 1:32 am Link to this post PM Lesigner Girl Read Blog
 
Messup434 Profile
Live feed
Blog
Friends
Miscellaneous info

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 emoticon emoticon

---
Keshi Heads
8/19/2015, 6:03 pm Link to this post PM Messup434 Read Blog
 
Messup432 Profile
Live feed
Blog
Friends
Miscellaneous info

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 Profile
Live feed
Blog
Friends
Miscellaneous info

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!


 emoticon

---

*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 Profile
Live feed
Blog
Friends
Miscellaneous info

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 emoticon

---

8/20/2015, 7:38 pm Link to this post PM Kaunisto
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

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? emoticon


Last revised by Lesigner Girl, 8/22/2015, 3:33 pm


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
8/22/2015, 5:43 am Link to this post PM Lesigner Girl Read Blog
 


Add to this discussion


Jump to Page:  1  2 



You are not logged in (login)
Back To Top

This board's time is GMT.

Board's time is GMT