Nex Design - drop shadows - easy to create into a skin
For a project I recently worked on, I had to develop a html template and it required some drop shadows.
I struggled to find a single example on the web that worked in IE and Firefox and was simple/generic to implement, so I can up with my own solution, using some elegant css and a black image for the drop shadow itself.
This example has space for a header that is 116px high, this needs altering in the stylesheet to match the height. The footer has the drop shadow removed as a comparision. Tested in IE6 and Firefox ONLY !
It should be easy for anyone to use the html and css to create a full YACS skin, using the Digital skin as a reference.
I am currently working on 2 skins (one nearly finished !!) and if there is demand I could create this into a full skin.
Files attached in a zip.
This example has space for a header that is 116px high, this needs altering in the stylesheet to match the height. The footer has the drop shadow removed as a comparision. Tested in IE6 and Firefox ONLY !
It should be easy for anyone to use the html and css to create a full YACS skin, using the Digital skin as a reference.
I am currently working on 2 skins (one nearly finished !!) and if there is demand I could create this into a full skin.
Files attached in a zip.
Rate this page
Posted by NickR on Mar. 19 2007, edited by Bernard on Apr. 30 2007, (popular)
