Buttons - How?


Author Message
MrAwesome

Posted: 2/21/2010
Quote message 

They're in the editor, but how do you make them in the HTML editor?

Thx
 
Sylvain

Posted: 2/23/2010
Quote message 

Not sure about what you can and can't do with the HTML editor because I don't use it - I'm using Windows Live Writer (WLW) instead - but you should create <button> elements inside a <form> and give them give them the "art-button" class; something like (untested) :

<form name="form1">
<p><button class="art-button" onclick="javascript:alert('Hi!');"></p>
</form>

You can see an example of two buttons - one for selecting the text inside a textarea and the other for opening it in a new window - on the following article:

http://coding-paparazzi.sylvainlafontaine.com/2010/02/solving-connection-problems-wlw.html

Also, when you create them in WLW, you don't see their final format while in Edition mode; only on the blog site after publication of the article. Maybe this is simply a question of some fine adjustment in the style template used for WLW; I don't know, I never took the time to check this because this is not really important for me.

Sylvain

 
Mr Awesome

Posted: 3/1/2010
Quote message 

Hey I copied and pasted that line of code in my blog post and it worked! Button wise, at least. The button appears but how do I get it to link to a website? I've been playing with the url for a while now and can;t get it to go anywhere except reload the blog page. The reloaded page returns with a ? at the end of the url, if that helps any.

???
 
MrAwesome

Posted: 3/1/2010
Quote message 

Ok, got button links to work, kinda. Here's what I need to know now:

Open button links in same window page
Center buttons on page
Make a list of buttons all the same size (width)

Please and Thank you!
 
Janys

Posted: 3/20/2010
Quote message 

Your button links will open in the same page until you replace the # symbol in the html with the actual url address of the link you wish to create.

To centre the buttons on a page you will have to make some changes to the css file.

To make the buttons all the same size you will have to create images for them all. As they are now, the button will expand or shrink according to the text on each button.