Hello everyone! I am new to this site and new to CSS! but this is the site I was looking for! :) Welcome everybody :)
I have been designing web interfaces in Photoshop for quite a while, I have stopped for couple a months and now I am trying to go back into designing but would also like to learn how to code my interfaces after. I am not an expert at html nor at css. I know more then basics and I try to learn as I go :)
So coming back into designing, I have designed a very simple web interface in order for me to start on coding for the first time. So I got stuck with some problems, I know they shouldn’t be a problem for you, more experienced coders :) So according to my attached preview of the layout, you can see that it has a background with a little simple logo and 2 buttons. you can see a little rounded glare on top center of the background and a little gradient that is stretched on the top of the layout.
My question is, how do I begin coding a background, that top middle glare, and a starched gradient, to make it look like on the preview?
It looks like you’re off to a good start. I’m not sure what your "topbg.jpg" and "bg.jpg" look like. so maybe you’re already doing this. but, since your header stretches the width of the browser, cut a vertical slice of your gradient, and repeat that image to make that gradient across the top. then use a single image of the rounded gradient in the middle as a background for a div that’s centered within the header. Also you would probably want your body the color of that dark gray. You might be able to create the line across the header and footer playing around with top and bottom border properties.
anyway, just a few ideas, hope they help in some way.