New Features!
This is an example of a number of new features at psd2css Online:
- _vlist1
- This is the start of a whole bunch of awesome list based features. These are CSS text based lists pre-built for you. You modify simple unordered lists with your links and we build the CSS to make them vertical navigation lists, or horizontal menus, or whatever you want to use them for. You can even put them inside _menu and _hmenu layers to create more dynamic menus (click on 'menu' above). As always, the CSS generated for you is full of comments to help you customize your navigation and menu components. If you see another CSS menu you would like added to psd2css Online send me the link!
- _footer
- This is an interesting one - I don't know yet how many people will use it, but I'll make it avaiable and you decide :). A _footer layer will stay fixed to the bottom of your browser window regardless of what the user does including scrolling large pages and resizing the browser window. Try it now - resize this browser and notice how the footer is always visible. Even if you make the browser very short and scroll, that footer stays right there.
- _bodybg-rx
- This is a huge one. It might take a little playing with to get what you want, but it's worth it. The regular _bodybg Layer Naming Convention gives you a vertically and horizontally repeating background image to your entire page. Extremely useful for making a background color or even a repeating background pattern. But many modern websites have a 'background' that repeats only across the top of the page, and below that there is no repeating texture or background. Now you can get that easily with psd2css Online too: Instead of using a _bodybg Layer Naming Convention, use a _bodybg-rx (that stands for body background repeat along the x axis or horizontally only). The blue background along the top of this page repeats only horizontally. If you have a super huge monitor and expand the browser to the full screen that blue bar will extend all the way across. This is a very common design element to modern websites.
Click here to get the PSD file used to make this page.