how do you change the look of a HTML search button

[chris9902]

you no those grey buttons that say search on

no?... look on www.yahoo.com

YES... well how do you change what they look like

thanks alot for any help

[Jubba]

Check out this thread. it answers your question:


http://www.kirupaforum.com/showthread.php?s=&threadid=10200

[eyeinfinitude]

You can change the color using CSS, here is a link that would help.

http://www.boogiejack.com/howx026.html

[chris9902]

ok that went so far over my head....

this is the code for my ATOMZ search feild.

-----------------------------------------

<!-- Atomz Search HTML for GTA_games -->
<form method="get" action="http://search.atomz.com/search/">
<input size=15 name="sp-q"><br>
<input type=submit value="Search">
<input type=hidden name="sp-a" value="sp10023518">
<input type=hidden name="sp-p" value="any">
<input type=hidden name="sp-f" value="ISO-8859-1">

------------------------------------------


i need the button to be square, black with grey writing in

and the text feild to be black with a grey border and grey writing

also both need to be the same length with the word search in the middle but the text in the text area to start from the left

if thats possible

thanks to ANYONE who can

[chris9902]

<*!-- Atomz Search HTML for GTA_games -->
<*form method="get" action="http://search.atomz.com/search/">
<*input size=15 name="sp-q"><br>
<*input type=submit value="Search">
<*input type=hidden name="sp-a" value="sp10023518">
<*input type=hidden name="sp-p" value="any">
<*input type=hidden name="sp-f" value="ISO-8859-1">

thats the code

remove *'s

[Jubba]

read thru the post that I gave you and check out the link that Egeek gave you. they will help you, and they answer your question.

[DDD]

You can also use a image as a submit button. Some sites do that and peeps think it is css.

*input name="button" type="image" src="yourimage.jpg"*

this can also jazz up a form.

replace * with < >

[chris9902]

thanks to everyone how helped

[lostinbeta]

You mean like this...???


<!-- Atomz Search HTML for GTA_games -->
<form method="get" action="http://search.atomz.com/search/">
<input size="16" name="sp-q" STYLE="border:1px solid #000000;background-color: #000000;color: #999999;"><br>
<input type="submit" value="Search" width="155" STYLE="border:1px solid #000000;background-color: #000000;color: #999999;">
<input type="hidden" name="sp-a" value="sp10023518">
<input type="hidden" name="sp-p" value="any">
<input type="hidden" name="sp-f" value="ISO-8859-1">
</form>


<STYLE TYPE="text/css">
<!--
.searchField {
border:1px solid #000000;
background-color: #000000;
color: #999999;
}
-->
</STYLE>
<!-- Atomz Search HTML for GTA_games -->
<form method="get" action="http://search.atomz.com/search/">
<input size="16" name="sp-q" class="searchField"><br>
<input type="submit" value="Search" width="155" class="searchField">
<input type="hidden" name="sp-a" value="sp10023518">
<input type="hidden" name="sp-p" value="any">
<input type="hidden" name="sp-f" value="ISO-8859-1">
</form>

[Jubba]

grrrrrrrr

[lostinbeta]

LOL, what was that about Jubba?

[chris9902]

thanks alot but now i can make image buttons i have more to play with

thanks alot

[chris9902]

one last thing, is it possible to change the alpha

and the font and the size of the font so the box is smaller

[DDD]

You cannot change the alpha but the font can be done with css



<style>
.submitbtn {
font-family: arial,verdana;
font-size: 8px;
}
</style>

[Jubba]

I gave him a link to the answers and Egeek posted a link to a TUTORIAL about exactly what he wanted, and he probably looked at it for two seconds and then said:

"THAT WENT WAY OVER MY HEAD"

that pisses me off...and then you just supplied to code...So he learned nothing except how to cut and paste.

lazy.

[DDD]

Maybe he was pressed for time. Its cool tho. I have been like that b4 where I did not feel like reading. Maybe he will look into learning it for himself later. I post allot of code for his other posts also. You think we helped too much??

[Jubba]

Well actually yeah. I don't like it when people just post the code for someone. Because then they aren't really learning anything. They just copy and paste the code and they are good to go. When I ask for help, I usually just ask for a push, something to start with and then I figure out the rest on my own. Egeek gave him a link to an actually tutorial that told him how to do it step by step.... Just saying, "Wow that was over my head" is like saying, "can you just supply me with everything that I need to do because I am too lazy to do it myself..." Just IMO...

[DDD]

Sorry Man...I have received so much help here in the past I get all jolly when I can help.....I try to explain when I post maybe he read that. I never thought about it as being lazy but I guess it is. But I still feel good I helped.

[Jubba]

No need to apologize. You may not see it the way I do. Not many people see things the way I do. I try to help people by letting them help themselves. They didn't want to read the documentation I provided, even though it completely and thoroughly answered their question... that just irks me. That says to me, "You wasted your time providing a link so this person could take a quick look at it, see that it had more than 3 words on the page and say 'oops too much work, let me ask again and maybe someone will just post the code for me, so I don't have to do any work'"

Thats just how I see things... I know, I know...I"m a little messed up :):P

[eyeinfinitude]

I agree with Jubba, I know 3d-iva has good intentions about providing just the code for everything, but it's not teaching chris9902 how the code works. Jubba isn't being messed up for making him read the threads for the answer, but actually helping him understand how everything works. Reading and experimenting is the best way of learning instead of copying and pasting.

[lostinbeta]

Sorry Jubba :(

I have cut back on doing that though. I used to just post code all of the time, but then I realized I wasn't helping by doing that.


Sometimes it slips my mind and I do it.... usually when I am bored and looking for something to do :-\

[Guig0]

on that date: 01-03-2003 06:14 PM:crazy:



anyways, jubba is right. we should teach instead of doing someone else´s job.

but sometimes I´m lazy to give an answer too, and I just give the answer chewed and ready to swallow :P that, perhaps, generates a bad habbit.

I think that is up to the helper to stablish the way he will help, and the others helpers tha may come along have to maintain some respect for the original helper.

EX:
In this thread jubba was the first helper to come by, he set the ground rules for helping, geek followed suit, then lost and 3d-iva turned all upside-down:P

Plz don´t take me wrong, I´m just speaking my mind. And maybe I have some right in this matter, who knows :-\

[lostinbeta]

OK OK, I get it.. I screwed up... sheesh... talk about throwing it back in my face :P


LOL.... :)

[eyeinfinitude]

I'm sure all the veterans of this forum has done it time to time, we think we're helping them by just tossing out codes, but instead we're just giving them the easy way out and not really teach them as much as letting them figure some of it out on their own.

note to myself: I should listen to my own advice. :-\

[c0ldfusion]

well, sorry to 'interupt' this conversation... i wanna say i just pasted some code to someone LOLZ, not realizing i'm not teaching that person anything...

anyway, i've registered for this forum kind of three days ago, so this is my excuse for what i've done :)

the main reason i wanted to post this thread was that i encourage every1 who helps to teach ppl something, not to copy/paste some code or even do the coding for them;

peace!

[eyeinfinitude]

That's okay coldfusion, you're new so we wont kill you. :cool:
Also welcome to Kirupa, I hope you'll stick around and mingle with us more. =)

[DDD]

It was kinda helpin him. If he was pressed for time and had to get something out there and I had it in my mind or my code library I figured why not throw him a life jacket. I put allot of comments in the code explaining the process at least...Ya'll makin me feel bad :+)

[eyeinfinitude]

No we understand 3d, your intentions are good so no worries, just continue helping however you feel like. =)

[lostinbeta]

I was thinking about writing a tutorial on this to make up for me posting the code ;)


(this being using CSS to change the look of form elements)

[eyeinfinitude]

go for it lost, make sure you cover the part about how to use images as buttons as well. =)

[lostinbeta]

Roger That ;)

I have to finish up my Javascript semi-tutorials first though.

[Jubba]

yeah, Coldfusion posted code in a thread for me. I saw the function I was using and before I used it I checked the manual to see what it did. Now I know what it is and how to use it. Posting code is not bad... I just dont' agree with just giving out code from the beginning. I don't think that we should have t opost the code. I think we should push people in the correct direction first, and then if they need more help, supply them with minimal code, and then if they need more help supply more help.

[c0ldfusion]

tutorials, tutorials... i would write one every day (i like helping ppl, donno why... genetic deseas?)...

if only i had some time off... the school is killing me :(

maybe in my summer vacation i'll write some tutorials... who knows, maybe even for kirupa ;)

oh, and thx for your kind welcome at kirupa :)

[Makaveli]

hey guys, this whole thread is WAY OVER my HEAD, CAN YOU GIVE ME A TUTORIAL OR A POST BY POST COMMENTARY? :beam: :beam: :beam:

[DDD]

hey lost ill help ya if ya need it with the css thing.

[lostinbeta]

Hey 3d, thanks for the offer, but I think I am pretty well off on my own :)

Still not sure if I am going to do a CSS tutorial yet, but I might, ya never know ;)