How to hide, show, or toggle your div

Are you trying to find a way to hide and show your content? The demo below shows a simple yet elegant way of toggling your content and toggling the control text via Javascript and styling.

Read more

Category: java script |

Display a loading gif image before a page loads using javascript and Css

Have you ever need to showing a loading image before bage loading?Like this demo.

to do that at first we well need a CSS like below

Read more

Category: java script |

How to tell search engines if page has been moved

If you ever want to restructure your site, one of the biggest issue is the already established inlinks and search engine rankings. You do not want to lose those, under any circumstances, but this does not mean you cannot move your pages.

When a user requests a page, their browser sends the request to your server. Your server will return a status code – this status code is 200 for a normal page. You may have also heard of 404, used for a non-existant page. You can redirect your users with a 302 redirect – this is a temporarily moved page, or a 301 redirect – a permanently moved page.

Read more

Category: htaccess, SEO | Tags:

hit counter without needing database | using text file

If you want to have a your owan hit counter on your pages here is simple hit counter using a .txt file. Records hits to a web page, the hit count is stored in a single text file. The total number of hits is displayed on the web page using PHP but can be disabled if desired.

Read more

Category: PHP |

how to get empty space instead of using BR tag

If you want to get more space or less than the <BR> tag You can use this code

<div style="height:100px"></div>

Many of the beginner coders used to typing many of <BR> tags to achieve high vertical  empty space,but actually it’s not the best way to achieve this goal

By changing the value of Height tag you can change the Height of empty space that you want.

Category: CSS Tips, HTML Tips |

Best JQuery noConflict method

There is some ways to resolving conflicts with other javascript libraries but i will show you most effective method to using multiple java script or jQuery codes in same page

Read more

Category: java script, jQuery |

Changing HTML Table or TD Background Color on Mouseover Using CSS

In order to dynamically change the background color of a table, td, or div when the mouse is over it we can use css method.

let’s assume that we have a class in css called “tablebg”


background-color: #e1eafe;

Read more

Category: CSS Tips, HTML Tips |

Changing HTML Table TD Div Background Color on Mouseover

if you’re looking for a great way to spice up your HTML tables, this HTML mouseover code may be just what you’re looking for.

Place your mouse pointer over each of the HTML table cells below to view this HTML mouseover effect. The HTML table cells will change to a specified color when you place your pointer over the cells.

This HTML code will enable you to give your HTML tables a more professional look and feel, as it will greatly improve the presentation of your HTML table data.

Read more

Category: HTML Tips |