Input Boxes

Hi i made a photoshop template and i have made a Login Box and a Search box and i need help with the "Add Style" so when people go on the site in the Login box they will be able to type and the same with the "Search Box" so was wondering if any can help me with this "style the page to type over the search box" And same with the "Login Box"

Best Regards
Aaron

wow matey...
I don't get what the hell you're going on about...

can you send code, screen-shot, url????

Same here ... but I've been know to not understand certain posts 'til I had my breakfast

*off to grab some breakfast*

Aaron is saying that he designed an input box in Photoshop, and to use that input box that he designed in Photoshop. What steps should he take to accomplish this effect, I would imagine it would be something within CSS...style over the picture at this position, not sure though. I think that is what he means…right Aaron??

you can apply background: to inputs with CSS for both normal and focused states.

input {
background: #FFF url("foo.jpg") no-repeat top left;
}

input:focus {
background: #FFF url("foo2.jpg") no-repeat top left;
}

etc etc. However from reading his post I think he wants a way to lay inputs over a background image i.e. his comp. That however is an approach that is more trouble than its worth.

__________________
I hate IE 6. Just sayin....

I agree with moojoo, and just incase you did not know focus would be when the user clicks into the input box.

Yes thats right Jacob but heres the url http://www.3d-modelling-art-online.com

on this in top right hand corner you see a Login box and in the right middle theres a search box.

I was wonering how can i accomplish so when people visit the site click in the boxes and for example type there username and password and the same with the Search Box.

As i have done this with Template With Photoshop

Thanks
Aaron

A photoshop template is just graphic elements not a functional web site,

__________________
I hate IE 6. Just sayin....

That's all great guys, but :focus doesn't work on every browser...
Might need a little JS to help it out:

<input onfocus="this.className+=' Focus';" onblur='this.className=this.className.replace(' Focus','');'...

and change the CSS to...
input:focus, input.Focus{
background: #FFF url("foo2.jpg") no-repeat top left;
}

Thats all well and good, but he is expecting a photoshop web site template to be functional in a browser which is the dillema.

__________________
I hate IE 6. Just sayin....

hey so how can i make the boxes functional

Thanx
Aaron

Well, not to be mean but i think at this point any explanation will be over your head. i suggest reading up and learning at least the basics of xHTML/HTML and CSS prior to this endeavor.

__________________
I hate IE 6. Just sayin....

I agree with moojoo...
firstly you need to grasp the concept of what a website/webpage is.
you need to understand the difference between a webpage and an image...

the link you sent us is just a plain page with a bunch of images...

Hey i know webdesign and stuff and the only reason its only got images is because for 1. its all plain "PHOTOSHOP" so when you save for web it puts them all as images also i am making a 3d modelling art online Shopping Store

Thanks
Aaron

You are using slices from what I can tell, what is holding you back is photo shop can't insert text inputs for you. You really need to slice it by hand and start from square one.

__________________
I hate IE 6. Just sayin....

Turns out he was trying to accomplish this text box within flash, so I am helping him with it...lol

Hey Jacob your right but i want to accomplish anyway i can lol so if i can do it in flash i will if i can do it in css i will if i can do in XHTML/HTML i will n so on but posted in here cause was gonna try and accomplish in CSS but then i thought what bout FLASH

You cannot change many things in form elements with CSS. Font, size, color and background are the only things easily changeable. Extremely advanced JavaScript could let you have such a thing without plugins or Flash, however. In my opinion, using default inputs is the best. Unexperienced users need conformity, and to throw something unexpected at them is a recipe for disaster.

I don't think were at a stage to even begin to consider cross-browser functionality, accessibility or usability...
it's all about the look!

If its flash then I am going to hide my head back in the sand.

__________________
I hate IE 6. Just sayin....