HTML

List in style

Put some style on your html list. The numbers in list don’t have to be decimals. They can be anything that list-style-type can be. For example: disc (• • •) circle (○ ○ ○) square (▪ ▪ ▪) decimal (1 2 3) decimal-leading-zero (01, 02, 03) lower-roman (i ii iii) upper-roman (I II III) lower-greek [...]

Read More»

Dynamic fields with Contact Form 7 – WordPress plugin

1. Be sure to have jQuery script added to your theme or add it 2. Create a form with Contact Form 7 Example: 3. Create a script to hide fields Add this to some js file in your template (custom.js)    

Read More»

Equal height of columns

Html: CSS: Code from: http://www.digitalskydesign.com/equal-height-columns-using-only-css/

Read More»

POP UP like us on FB

Simple JQuery FaceBook like popup widget. This facebook like popup widgets appears when a new visitor visits your web or blog page. Since the IP address of the visitor get stored in the browser cookie therefore the next time when the visitor visits your page he do not find the popup there. This helps in [...]

Read More»

Custom file input field

HTML: <span> <input id=”photo” name=”photo” type=”file” /> <span>Choose a Photo</span> </span> CSS: .file-wrapper { cursor: pointer; display: inline-block; overflow: hidden; position: relative; } .file-wrapper .button { background: #79130e; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; padding: 4px 18px; text-transform: uppercase; } .file-wrapper input { cursor: pointer; height: 100%; [...]

Read More»

Blinking text in IE

<html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>.::.</title> <script type=”text/javascript”> var docid = null; var interval = 1000; function blink() { var el = document.getElementById(docid); if (typeof el != ‘undefined’ && el) { vis = (el.style.visibility == ‘visible’) ? ‘hidden’ : ‘visible’; el.style.visibility = vis; setTimeout(“blink()”, interval); } } window.onload = function() { docid = [...]

Read More»

Medicine for your IE6/PNG headache!

http://www.dillerdesign.com/experiment/DD_belatedPNG/ – Official link Download js file <!–[if IE 6]> <script src=”DD_belatedPNG.js”></script> <script> /* EXAMPLE */ DD_belatedPNG.fix(‘.png_bg’); /* string argument can be any CSS selector */ /* .png_bg example is unnecessary */ /* change it to what suits you! */ </script> <![endif]–>

Read More»

DISABLE phone number detection by Skype browser addon

CSS trick for Web Developers to DISABLE phone number detection by Skype browser addon (e.g. AVOID “Skype Call” buttons): Just insert invisible <span> with “_” inside phone number: +123 456 <span style=”display:none;”>_</span> 789

Read More»
shared on wplocker.com