Bootstrap responsive Youtube Youku video embed

July 14, 2014

The bootstrap is not a magic tool, its just a layout engine. Just use the grid provided by bootstrap and remove strict width on the iframe. Use the bootstrap class guides replace the width. For better view of the video, may keep the height. Youtube: Youku example:

jquery change css background image

May 20, 2014

There is two ways of achieve the css set background image using jquery. First: Second: The first method can set multiple css at one time. While the second method only one css per time.

CSS rounded corner for border, div or button

April 15, 2014

For cross browser use -webkit and -moz to get best result. Example rounded corner 5px.

Remove CSS attribute with jQuery

April 14, 2014

Example to remove a style attribute from html code

CSS align an element center within a div

April 14, 2014

Assume: There are few ways to achieve it: OR OR IE8 OR OR Css 3 (note that IE not support CSS3 fully) For more reference: http://stackoverflow.com/questions/114543/how-to-center-a-div-in-a-div-horizontally

CSS mouver Hover border change

April 7, 2014

This should be the easiest thing to do. Tested it in Chrome, IE, and FF and it worked. Just add additional class to your css and you will get the “:hover” effect. Change the colors to suit your needs. Example: Make sure that “border: none;” isn’t specified anywhere else.

CSS add text on top of image

March 28, 2014

Putting the image in as a background image of the wrapping div would be easier, but to add text on top of image or background image, position absolute needed.

CSS vertical align center a div inside another div

February 27, 2014

Vertical align middle works by using display: table-cell on parent element and display: inline-block on the child.

CSS to prevent youtube video overlaps div in IE

February 14, 2014

The overlaps doesn’t work with z-index, the only way is put in the two parameters “&wmode”: Example:

jquery add overlay layer to a div or body

January 21, 2014

First create the css properties for the overlay layer: