This is a real dumb question, and, in the wrong place, but

1

How do I change the color of the standard browser buttons such as submit, ok…

Have you ever seen a page with a scroll with different colors? That´s what I´m want, but with buttons.

Thanks in advance!

=)

2

Heh, thats CSS codings youre talking about.


<input type=button id=coloredButton>

put the following in HEAD:


<STYLE TYPE=text/css>
#coloredButton {background-color: #ff00ff; font-family: verdana; color: #ffffff; font-size: 9px; border: 1px solid #ffffff;}
</STYLE>

That’ll create the following
<input type=button id=coloredButton value=“Button!!” onClick=“alert(‘Example button only…’);” style=“background-color: #ff00ff; font-family: verdana; color: #ffffff; font-size: 9px; border: 1px solid #ffffff”>

3

That´s almost what I want.:slight_smile:

To close the deal, do you know how to do the complete coloring effect? The 3D effect (the shadows) and also for the other lements as well (dropdown box and etc), or direct me to a tutorial on that.?

Thanks!

=)

4

I´m lost! Wait, no, I´m no lost but that gave me an idea…

[SIZE=4]LOST HELP ME !!![/SIZE]
=)

5

Maybe these will help :slight_smile:

http://www.websitetips.com/info/css/scrollbars.html
http://www.htmlgoodies.com/beyond/cssforms.html
http://webdesign.about.com/library/weekly/aa052801a.htm

:slight_smile:

CSS is incredibly easy :slight_smile:

6

*Originally posted by lostinbeta *
Maybe these will help

Sorrry lost, but no:(

what I´m tring to do is that (see attachment). Hope you can help me:(

7

That looks like just changing the color of the form elements to me. That is done with CSS, in the second link I sent you.

8

Sorry lost for the delay, some other stuff kept me ocupied.:slight_smile:

That´s half of what I need, It lacks the info on how to colorize the inside the buttons (see attached file), and the 3d shadows too, not just the back ground.

I´m sure that I´ve see this on some sites, but can´t remember wich ones, and I never get to find a tut about that. Do you?

Thanks lib!=)

9

Well see, the 3d shadows are on the scrollbar. The Scrollbar CSS color changer is the first link (only works in IE 5x+).

You can’t change the 3d colors of a button, you can change the border color, but not each individual 3d color like on the scrollbar.

10

hi hi,

i hope this code helps


  .boton    { BACKGROUND-COLOR: #0066CC; BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; COLOR: #cccccc; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 10px; FONT-WEIGHT: bold }

   textarea { BACKGROUND-COLOR: #BBD3ED; COLOR: #1766AF; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; BORDER-STYLE: solid; BORDER-COLOR: #1766AF; }

   input    { BACKGROUND-COLOR: #BBD3ED; COLOR: #1766AF; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; BORDER-STYLE: solid 1px;  BORDER-COLOR: #000000; }

   select    {	BACKGROUND-COLOR: #BBD3ED;COLOR: #1766AF;FONT-FAMILY: Verdana;FONT-SIZE: xx-small;BORDER-STYLE: none 1px;BORDER-COLOR: #000000;scrollbar-arrow-color : #1E90FF; }

just put like… in the button add class=“boton” and mess around witht he colors :smiley:

I hope it helps you.

11

You can make the 3d effect in buttons just change the colors on the borders… border-right… border-left etc…

mess around with that and hex numbs :smiley:

12

Cool man! Thanks a lot!!!

I will give a try, if anything goes wrong I´ll get back to you guys.

Thanks lost and Diablo!:slight_smile:

13

Hey finally i could helped someone here :d:D
no prob guig0! i hope i can help u more, cos u have helped me
alot

:D:D:D

it feels good…

heh

14

I´m having dificulties to make it work cause I don´t know jack about html.

If you can spare some more of your time and help me do this I´ll be in your dept, and plz post the html for me :slight_smile:

What I want:

The input button shoud have:

face/background color: #f5f5f5
top border color: #FFFFFF
botton border color: #C63D0F
left border color: #F4B49F
right border color: #F06739
text color: #E64810

the select dropdown should have the same colors as above but the arrow should be:

arrow color: #F4B49F

Thanks man!

15 
.boton    { BACKGROUND-COLOR: #f5f5f5
; BORDER-BOTTOM: #C63D0F
 1px solid; BORDER-LEFT: #F4B49F
1px solid; BORDER-RIGHT: #F06739
1px solid; BORDER-TOP: #FFFFFF
1px solid; COLOR: #E64810; FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 10px; FONT-WEIGHT: bold }

try that for the btn.

its the colors u gave.

hope it helps

16

As I said before, I don´t know jack about html, so, can you plz post a html file with that working for me?

Thanks
=)