Jump to Page: 1 2 3
cfm518
Citizen
Worldly Traveler
Registered: 06-2007
Province: Tennessee
Posts: 20
Karma: 0 (+0/-0)
|
|
Reply | Quote
|
|
Making Stand-alone Buttons In HTML
I want to try and make buttons in my header that will link to other pages. I don't want them in a "Macromedia Flash Movie"; I just want buttons at the top of the page(s) that when pressed will send the user to another page. How would I go about doing that?
--- We need to get back to the basics of life:
A heart that is pure and a love that is blind;
A faith that is fervently grounded in Christ,
The hope that endures for all time.
(4Him/Avalon)
All Avalon |
|
12/29/2007, 12:09 am
|
PM cfm518
|
Lesigner Girl
Minerva
Worldly Traveler (premium)
Runboard staff member
Registered: 11-2005
Province: SW MI, USA
Posts: 5126
Karma: 89 (+103/-14)
|
|
Reply | Quote
|
|
Re: Making Stand-alone Buttons In HTML
Hi cfm,
Assuming you're actually referring to the
runboard.com | Control panel | Mark forum as read | Add board to favorites | Inbox
links and not really your "header"...
Go into your Custom Language Set and replace the appropriate text with the appropriate HTML code for an image.
If I want to replace "Inbox" with this smiley  (which I wouldn't, but for the sake of having an example) the HTML for that would be:
<img src="http://illusia.lesigns.com/smileys/smiley.gif" alt="Inbox" />
To choose the appropriate "alt" text (here, alt="Inbox"), just think about what text you would want to show there if your image host ever goes down.
The parts in your Custom Language Set that you will want to change for the area I think you are talking about are:
control_panel
mark_all_forums_read
mark_forum_read
add_board_to_favorites
inbox
donate
upgrade_your_account
...and for the runboard.com link, scroll all the way down to...
misc_miscoptbar_host_service_link
This last one is a little different than the others. In that box, you need to put:
<a href="%1"><img src="_____" alt="Runboard.com" /></a>
Replace the above blank with the url to your Runboard.com button.
|
|
12/29/2007, 6:01 pm
|
PM Lesigner Girl
Read Blog
|
cfm518
Citizen
Worldly Traveler
Registered: 06-2007
Province: Tennessee
Posts: 20
Karma: 0 (+0/-0)
|
|
Reply | Quote
|
|
Re: Making Stand-alone Buttons In HTML
What I actually want to do is make my own button that will link to a different site, and not in the miscoptbar section.
But I think I understand generally how to do it from your code.
--- We need to get back to the basics of life:
A heart that is pure and a love that is blind;
A faith that is fervently grounded in Christ,
The hope that endures for all time.
(4Him/Avalon)
All Avalon |
|
1/1/2008, 3:58 pm
|
PM cfm518
|
Lesigner Girl
Minerva
Worldly Traveler (premium)
Runboard staff member
Registered: 11-2005
Province: SW MI, USA
Posts: 5126
Karma: 89 (+103/-14)
|
|
Reply | Quote
|
|
Re: Making Stand-alone Buttons In HTML
I'm glad it helps, cfm.
|
|
1/1/2008, 5:46 pm
|
PM Lesigner Girl
Read Blog
|
cfm518
Citizen
Worldly Traveler
Registered: 06-2007
Province: Tennessee
Posts: 20
Karma: 0 (+0/-0)
|
|
Reply | Quote
|
|
Re: Making Stand-alone Buttons In HTML
I'm working on a plan of new stuff for my All Avalon board, and this is part of it. But I'm not ready to put the new features and stuff up yet. I'll be working on this for the next couple of weeks. During that time, I'll probably be posting here or at RB Support for help with whatever comes to mind for the new six-month anniversary design. I'll come back and visit this thread when it comes time for the updating.
*Edited post to add in the word "month" to make more sense ... guess I was half-asleep when I posted that or something ... lol*
Last revised by cfm518, 1/4/2008, 5:54 pm
--- We need to get back to the basics of life:
A heart that is pure and a love that is blind;
A faith that is fervently grounded in Christ,
The hope that endures for all time.
(4Him/Avalon)
All Avalon |
|
1/3/2008, 12:03 am
|
PM cfm518
|
Lesigner Girl
Minerva
Worldly Traveler (premium)
Runboard staff member
Registered: 11-2005
Province: SW MI, USA
Posts: 5126
Karma: 89 (+103/-14)
|
|
Reply | Quote
|
|
Re: Making Stand-alone Buttons In HTML
Sounds like a good plan.  Are you putting it all up on a test board first?
|
|
1/3/2008, 9:32 pm
|
PM Lesigner Girl
Read Blog
|
cfm518
Citizen
Worldly Traveler
Registered: 06-2007
Province: Tennessee
Posts: 20
Karma: 0 (+0/-0)
|
|
Reply | Quote
|
|
Re: Making Stand-alone Buttons In HTML
Oops; hadn't thought about that ... I just didn't consider trying it out on my test board first ... might oughta give that a go.
--- We need to get back to the basics of life:
A heart that is pure and a love that is blind;
A faith that is fervently grounded in Christ,
The hope that endures for all time.
(4Him/Avalon)
All Avalon |
|
1/4/2008, 5:49 pm
|
PM cfm518
|
cfm518
Citizen
Worldly Traveler
Registered: 06-2007
Province: Tennessee
Posts: 20
Karma: 0 (+0/-0)
|
|
Reply | Quote
|
|
Re: Making Stand-alone Buttons In HTML
Okay, just to be accurate on this piece of code, if I want a button with no image, I would code it like this:
<a href="http://url_to_link" alt="text_I_want_it_to_say" />
Would that be right for a button that just links to a different page?
--- We need to get back to the basics of life:
A heart that is pure and a love that is blind;
A faith that is fervently grounded in Christ,
The hope that endures for all time.
(4Him/Avalon)
All Avalon |
|
1/4/2008, 6:10 pm
|
PM cfm518
|
Lesigner Girl
Minerva
Worldly Traveler (premium)
Runboard staff member
Registered: 11-2005
Province: SW MI, USA
Posts: 5126
Karma: 89 (+103/-14)
|
|
Reply | Quote
|
|
Re: Making Stand-alone Buttons In HTML
What do you mean a button with no image? Do you mean a text link?
At either rate, never use <a...> without </a>. Just so you have a better understanding of how link code works, here is a breakdown...
<a stands for anchor. This starts a link.
href stands for Hypertext REFerence. It says, "I'm about to say where this link is going to."
="http://..." says where this link is going to, or "this is what the href equals".
> completes the opening anchor tag.
Text or image code goes here, giving people text or an image to click on.
</a> "slash A" says this is the end of the anchor link, so text and/or images that follow are not part of the link.
In more layman's terms, compare the colors in the above breakdown with the following line...
<anchor destination="this_url">CLICK ME!<end anchor>. This is not part of the link, because that was ended after CLICK ME!
Putting the above all together...
<a href="http://url_to_link">CLICK ME!</a> This is not part of the link, because that was /'d after CLICK ME!
If you really do want a button without an image, and not just a text link that is styled with CSS to look like a button, then the code for that wouldn't involve an <a> tag at all.
Last revised by Lesigner Girl, 1/5/2008, 3:43 am
|
|
1/5/2008, 3:41 am
|
PM Lesigner Girl
Read Blog
|
Lesigner Girl
Minerva
Worldly Traveler (premium)
Runboard staff member
Registered: 11-2005
Province: SW MI, USA
Posts: 5126
Karma: 89 (+103/-14)
|
|
Reply | Quote
|
|
Re: Making Stand-alone Buttons In HTML
alt is used for images, not links.
alt stands for "alternative text," which will show up instead of an image if the image doesn't load for some reason.
<a href="http://google.com"><!-- starts link -->
<img src="url_to_image" alt="Google" /><!-- image with alt text -->
</a><!-- ends link -->
In this example, assume that the image is Google's logo, telling people that the link leads to Google. If the host where you are hosting the Google logo goes down or the image itself gets deleted from the host, then you will have text that says Google to click on, in place of the missing Google logo.
|
|
1/5/2008, 3:53 am
|
PM Lesigner Girl
Read Blog
|
Add to this discussion
Jump to Page: 1 2 3
Powered by AkBBS 0.9.5b - Link to us
- Blogs
- Hall of Honour
- Chat
Click here to get your own free message board
|
You are not logged in (login)
Board's time is: 12/1/2008, 6:58 pm EDT
|
|
|
