10 replies to this topic

[jhaygamba]

Hey yo! I'm in need here. I am making an online bike shop (image below) of my friend. Tho i know everything about slicing images. But, i dont know have an idea for the Search box. How will i make this operational when editing in Dreamweaver or Visual Web Developer? and using the same image as what i did in Photoshop. Like the same search box of Greycobra, that what's i meant.

[greg]

You need to program it with PHP or something similar. I think Google provides free site-searching as long as it's for a personal site.

[jhaygamba]

ohh i see. but i will be using ASP.NET, any idea?

[Mr. Matt]

you cant slice the template with the login box there, it needs to be removed then the HTML coding to create the search box

then just do a search around for some tutorials on searching using ASP.Net, i think it might be hard to do it with that, i would recomend using php and mysql but thats just me

[jhaygamba]

ohh.. but i mean how to create your own Searchbox style? not only that standard form/field..

[Stu]

add this too you style:

.input{
background: url("images/input_bg.gif");
border: 1px solid black;
}

and then slice the image of the textbox up there and save the slice as input_bg.gif... that way the gradient will show up as your background image on the textbox.

NOTE do not slice the BORDER of the textbox, you dont need it, just your gradient.

then when creating the textbox:

<input type="text" name="search" class="input" />

is that what you mean?

its pretty much the same for the button just edit the style

Edited by Stu, 20 February 2006 - 09:48 AM.

[jhaygamba]

Stu, on Feb 20 2006, 10:47 PM, said:

add this too you style:

.input{
background: url("images/input_bg.gif");
border: 1px solid black;
}

and then slice the image of the textbox up there and save the slice as input_bg.gif... that way the gradient will show up as your background image on the textbox.

NOTE do not slice the BORDER of the textbox, you dont need it, just your gradient.

then when creating the textbox:

<input type="text" name="search" class="input" />

is that what you mean?

its pretty much the same for the button just edit the style

tnx! i think this is it. btw, is this CSS ? or just a standard HTML code? if not a standard HTML code are there any code for standard HTML code?

Edited by pjhay03, 20 February 2006 - 09:59 AM.

[Stu]

the first part is CSS. the second part is just HTML code for a textbox and then the class="input" refers to the CSS in the first part, hence giving the box the style you want

[jhaygamba]

ok. thanks so much. but i think i need to learn CSS first and apply it on ASP.NET.

Edited by pjhay03, 20 February 2006 - 10:01 AM.

[Stu]

have a look here, some good basic tutorials that hsould get you started...

http://www.w3schools...ss_examples.asp
http://www.htmlhelp.com/reference/css/

[jhaygamba]

thx so much man. now ill be concentrating on my template first.