background preloader

How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3

How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3
More and more we see people using horizontal sliding panels on their websites. And they usually look very nice! Some will put a contact or login form in there, others will put some information about them and their website, or even things like a tag cloud or social networking buttons. Horizontal sliding panels are great for many situations, but like everything else, they’re not always ideal. The Plan So, what about a vertical sliding panel that would act as some sort of drawer instead of the usual top horizontal sliding panel that pushes everything else down when it opens? Here’s what I had in mind (click to enlarge or check below the image for working demos): First we’ll create the markup, then the CSS and then we’ll use jQuery to open and close our vertical sliding panel. Here are the files we will need for this tutorial: index.htmlstyle.cssjQuery libraryimages 1- Markup Let’s start with the head of our document. And then we can end our document with the closing body and html tags. To this:

Destruction, Wallpapers Metal Science Fiction: Fond d'écran metal, images et photos de groupes de metal - Wallpaper Metalship Science Fiction - Destruction Taille : 1024x768 Téléchargements : 32238 fois Note : (voter) Ajouter ce fond d'écran sur votre page perso Signaler un problème ou modifier

Related: