PDA

View Full Version : Where do you get your buttons and graphics?

ScottInTexas
10-22-2003, 04:39 PM
I have tried creating buttons using blender and other 3D modeling software. I just can't get one that has no background so it looks like a button on a field. Same with other graphic items I have tried.

Where do people find or create the buttons that have no background (just like <input type="button"> )?

I want to create my own but I must not understand the requirements.

Thanks
AaronW
10-22-2003, 05:03 PM
Uhh... What?

Do you have an examples? My guess is just using photoshop and using a bevel filter.
ScottInTexas
10-22-2003, 08:41 PM
You know, buttons as in what you click to do something. Instead of your basic, everyday, boring, gray colored, flat looking button. No I don't have an example here at the office, they're on my home system.

Check these out

http://www.aaa-buttons.com/html/9-16.shtml

They have no invisible rectangle around them. The edge of the button is the real edge of the image. When I create an image using Image Composer or any 3D software, there is an invisible rectangle around the image. In other words I can make an image that is round. But the image is always displayed as taking up an area of a rectangle of X pixels by Y pixels.

I can see where my original post might be misleading. Sorry about not giving enough info.
Nightfire
10-22-2003, 09:04 PM
Al buttons have a square / rectangle shape to them. Even the buttons on the page you showed. It's just that the buttons are on transparent backgrounds.
SDP2006
10-22-2003, 09:45 PM
I beleive this has nothing to do with HTML/CSS....
AaronW
10-22-2003, 10:21 PM
Any photo-editing software worth the space it takes up is able to save transparent GIFs.

PNGs support transparent channels too, but they're not that well supported yet...
mindlessLemming
10-23-2003, 12:11 PM
Hi Scott,
You seem a little off track here, so I'll do my best to help you out.

First up, 'buttons' in the context of HTML menus are usually just images.
However, <input type="button"> buttons are not (as far as I know) able to be customised as far as you want to take it.
CSS is really your only choice in this case. Cut'n'Paste this code to see what sort of tweaking IEW will let me get away with

<input type="button" name="Submit" value="Submit" style="background-color:#6699FF;" >


It aint much, but it aint grey either.

Now, the 'dashed rectangles'
Heres a lovely bit of JS that will fix that problem

<script type="text/javascript">
/*
Made by Martial Boissonneault © 2001-2002 http://getElementById.com/
May be used and changed freely as long as this msg is intact
Visit http://getElementById.com/ for more free scripts and tutorials.
*/
function BlurLinks(){
if(document.getElementById){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}
}
</script>
</head>
<body onload="BlurLinks();">


All the best mate, us beginners need to stick together (and now we've got half a chance 'cause everone has to 're-learn' using CSS/DIV and without <object> or <embed> hahahahaa...F$#K!)