PDA

View Full Version : buttons

teckno
10-13-2002, 02:16 PM
how do i change the buttons fp uses, i am tired of thoose dippy grey boxes
Orange
10-14-2002, 06:45 AM
buttons for what?
Forms?
teckno
10-14-2002, 09:09 AM
when you put in a anchor/link, you can choose between a normel link and a button link, how do i change the looks of the button link?
Orange
10-15-2002, 05:33 AM
are you looking for something like this?



<!-- put this in the <head> -->

<style type=text/css>
<!--
.text { color: #FFFFFF; font-family: Arial; font-size: 10pt; font-weight: bold; text-decoration: none}
-->
</style>

<!-- put this in the <body> -->

<input type="Submit" name="submit" value="Submit" style="background-color:#0080FF; border: 1 solid #FFFFFF" class="text">




Im still not clear on what you mean but I think thats something along the lines of what your asking.
teckno
10-15-2002, 09:13 AM
sorta, hold on let me try some software i just rembered i had
DCElliott
10-15-2002, 09:17 AM
I make CSS buttons for links with the following:
A.button
{ display:inline; width:auto; height: auto;
text-align: center;
text-decoration: none;
color: #3163CE;
background: #ffcc33;
font : bold 10pt courier;
vertical-align : middle;
padding : 2px;
margin: 3px 0.5% 3px 0;
border-top: 2px solid #ffff99;
border-left: 2px solid #ffff99;
border-right: 2px solid #cc9933;
border-bottom: 2px solid #cc9933;
}
A.button:hover, A.button:active
{ border-top: 2px solid #cc9933;
border-left: 2px solid #cc9933;
border-right: 2px solid #ffff99;
border-bottom: 2px solid #ffff99;
}

This is great for when you want buttons for links but don't want to use graphics. Alternatively, you could use a graphic for the background and switch it in the :hover :active style. You would use it as below.

<A class="button" href="http://somewhere.com" title="This is a link to somewhere.com">Go Somewhere</A>

DE
teckno
10-15-2002, 09:23 AM
when I link to another page i want to use good looking buttons, like the kind that you download, how do i do it?
teckno
10-15-2002, 09:30 AM
??? sorry, but i know very little html. i just want to know what to do in first page 2000. i got some software that well let me make a java applet for the buttons but i want to use that as a last resort.
Orange
10-15-2002, 01:36 PM
oh I got you now. You have to create them in a graphic program like photoshop.

You make a single picture for each state i.e. over, off, and click states. You dont need to use all three, though it will make the button look like it is sinking in.


Then use some javascript code for rollovers.