Change Facebook Thumbnail Image on Like Button

Here a quick and easy way to change the thumbnail image that Facebook picks for your website when a users clicks on the Like button or shares a link of your website on Facebook; Add the following line of code in HEAD section of the page:

 

where THUMBNAIL_IMAGE.JPG is the URL to the image that you’d like Facebook to use a the thumbnail.

Disable Auto Zoom in Internet Explorer or Safari Using HTML

To disable page auto zoom (auto scale)  in Internet Explorer, Safari or any other browsers, place the following META tag in the head section of your page:

<meta name="viewport" content="width=device-width, user-scalable=no" />



CSS: Style Combo Box

There is no easy way to style a combo box using CSS, the best and easiest alternative I found is using the JQuery UI.

JQuery UI is an amazing library that offers many widgets, interactions, effects and styles.

This is a link to a combo box based on the JQuery UI auto complete library:

http://jqueryui.com/demos/autocomplete/#combobox

You can examine the source code of this combo box on this page

http://jqueryui.com/demos/autocomplete/combobox.html

For themes to use with this combo box, chekc this link out:

http://jqueryui.com/themeroller/

Remove Link Underlines Using CSS

To remove underlining of hyperlinks you can use the following style code in the link’s A tag:

STYLE="text-decoration: none"

For example:

If you use

This is a link

you’ll get a link that looks like this ► This is a link

But if you use

This is a link

you’ll get a link that looks like this ► This is a link (No underlining)

Clear Browser Cache Using HTML or PHP

To clear the browser cached page or to force the browser to re-download the content of a page, you can place the following HTML code in the header tags (<head>) of the page. This code will ask the broswer to ignore any saved copies of the page, and to re-download page content.

HTML Code:





 

If you prefer working with PHP, you can do the exact same using this PHP code:

PHP Code:

header ("Expires: ".gmdate("D, d M Y H:i:s", time())." GMT");  
header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");  
header ("Cache-Control: no-cache, must-revalidate");  
header ("Pragma: no-cache");

Commenting HTML, CSS, PHP, Javascript, SQL & ASP

Use the tags below to enter comments or notes in your HTML, CSS, PHP, JavaScript or ASP code:


Language Single/Multi-Line Start with End with Example

HTML

Single & Multi-Line

<!–

–>

<!– This is an HTML Comment –>

PHP

Single Line

//

// This is a PHP Comment

PHP

Mutli-Line

/*

*/

/* This is

a PHP Comment */

JavaScript

Single Line

//

// This a JScript Comment

JavaScript

Mutli-Line

/*

*/

/* This is

a JavaScript Comment */

CSS

Single & Multi-Line

/*

*/

/*This is a CSS comment*/

ASP

Single & Multi-Line

‘ This is an ASP Comment

SQL

Single & Multi-Line

{

}

{ This is an SQL Comment }

SQL

Single

— (Two dashes)

— This is an SQL Comment

Center Background Image Using CSS – One Line of Code

Here is a little snippet of CSS code that you can use to center a background image. The background image will be fixed in its center position even if you scroll up or down the page.

Place this CSS code in the HEAD section of your HTML code

 



 

Don’t forget to change background.jpg to the name of your background image file.

Download: Example Page example_center_background_css.zip