Revision: 66654
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at June 18, 2014 00:48 by glauberportella
Initial Code
IMAGE IN: http://s29.postimg.org/40ztnp9ab/checkbox.png
CSS:
/** COPY IN YOUR CSS **/
.checkbox {
background: transparent url('../images/checkbox.png') no-repeat;
background-position: 0 0;
width: 28px;
height: 24px;
display: inline-block;
cursor: pointer;
}
.checkbox.checked {
background-position: 0 -24px;
}
.checkbox.red {
background-position: 0 -48px;
}
.checkbox.red.checked {
background-position: 0 -72px;
}
/** END COPY IN YOUR CSS **/
HTML:
<!-- INPUT HTML MARKUP -->
<input style="display:none" type="checkbox" name="custom_checkbox" id="custom_checkbox" value="1" checked="checked">
<span id="custom_checkbox_design" class="checkbox checked" style="float: left; padding-left: 5px"></span>
<!-- END INPUT HTML MARKUP -->
Initial URL
Initial Description
Put a nice checkbox customized input in your html forms.
Initial Title
Custom checkbox design
Initial Tags
Initial Language
HTML