AdWords Dropdown Clone AdWords Dropdown Clone Jait Dixit Inspired by the excellent selection at tympanus.net. This deck tries to recreate the functionality of the dropdown used inside the Google AdWords interface. Related: <span class="daterangetype">Custom</span> 25 Mar 2013 - 7 Apr 2013 *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; html { width: 100%; height: 100%; body { font-size: 10px; line-height: 20px; color: #717171; background-color: #9b9b9b; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; padding-top: 50px; JavaScript function getDates(daterangetype) { var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var dates = {}; var today = new Date(); if(daterangetype === 'TODAY') { dates.todate = null; dates.fromdate = today.getDate() + ' ' + months[today.getMonth()] + ' ' + today.getFullYear(); return dates; if(daterangetype === 'YESTERDAY') { if(daterangetype === 'LAST_7_DAYS') {
Free Black Background Bundle with Texture and Pattern Various dark and black backgrounds with the combination of some textures and patterns has been a substantial design element in creating different designs for black wallpaper, dark application, dark web designs and so on. Black color is used to produce a general professional effect as well as some cinematic and mysterious look and feel. Most of the background that you will find on the internet is digital or computer generated and only few are real. Basically, background is made using image editing tool like Adobe Photoshop. Today, we have yet another cool exclusive freebie and we are excited to announce this free black background bundle with texture and pattern. You might want to take a look at the following related articles: Dont forget to subscribe to our RSS-feed and follow us on Twitter – for recent updates. The pack includes 5 different black background with a size of 1600×1200 pixels in .JPG file format which can be used as a wallpaper, web page background, etc.
Custom Drop-Down List Styling A tutorial on how to create some custom drop-down lists. We'll show you five examples with different looking drop-down menus and lists for various purposes. View demo Download source Hi guys! I’m back with another article just for you, and CSS related of course! A few things before starting: You won’t see any vendor prefixes in the CSS snippets, but you will, of course, find them in the files.I personally use the box-model where [width] = [element-width] + [padding] + [borders]. How do we start? First question: what do we need to create a drop-down? The JavaScript For now and before everything else, we need some JavaScript to make this work. So what does this script do exactly? Second thing, it replicates the default behavior of a select drop-down by closing it if you click anywhere else on the screen. Well, now we understand how it works, I guess it’s time to create some neat drop-downs! Example 1 Let’s start with something simple: a basic drop-down for gender. The Markup The CSS Example 2