How To Make Random Hex Colour In Javascript

In this tutorial you will learn how to create random colours using Javascript. To create a random colour in Javascript it is a simple function. function random_colour(){ return Math.floor(M...

Add Paypal Donate Wordpress Shortcode

In a previous post we had a snippet on how you can make money on your Wordpress blog by placing Google Adsense on your website. This snippet was a shortcode so you can add the Google Adsense anywhere...

Toggle Show/Hide HTML Element

Below is different ways you can show or hide content. Javascript Is a function using raw Javascript which is passed an ID of a HTML element. We then use the getElementById function to get the element....

WordPress Google Adsense Shortcode

Wordpress allows you to add shortcodes in your functions.php file. Shortcodes a bits of code you add to your content box and Wordpress will run a piece of code in this spot. A previous example of sho...

Limit WordPress Search Results To Certain Post Types

In Wordpress version 3.0 they introduced the ability to have custom post types for your Wordpress blog. This means that instead of using categories to separate your different post types you can actua...

How To Create Title Tag In Wordpress

Depending on what page you are on you need to make sure that the title tag is different on each page. This is important for SEO because you can't have pages with the same title tag. As Wordpress is a...

Build A jQuery Image Gallery

Displaying images galleries on your web pages can be very complicated, much like the jQuery modal boxes, today you will learn a very simple way to create a nice looking image gallery in CSS and jQuery...

Secure Your WordPress Site

No matter how big or small your website is you will always have people trying to hack your site. These people will use bots to find your login pages and use a brute force tactic to gain access into yo...

How To Build A Pricing Table With CSS3 Animation

Quite often I'm given a PSD and asked to convert this into HTML/CSS for the graphic designer. I was given a PSD which was a pricing table and realised that there are ways to improve the look of this j...

Link Indenting With CSS3 Animation

In website design there is something that your website must always do this is styling your links so that they stand out from normal text on your page. This will make it easy for the user to find wher...

Prevent Hotlink Images With htaccess

There is a way you can prevent people hotlinking the images on your website just by adding bits of code in your htaccess. Hotlinking Hotlinking is when people use images from another site on their ow...

How To Build A Slideout Feedback Form In jQuery

Demo Download You may have seen this before on many sites but it's a feature which I like and I have been asked how you would implement this feature. In this article I am going to show you how you wou...

Change Footer Text WordPress Admin Area

If you are doing client work on a Wordpress theme then it's good to try and put your brand in as many places as you can without affecting the design of the website. The Wordpress dashboard is an ideal...

Pure CSS Tooltips

Demo In all browsers you can get the basic tooltips on HTML elements by using the title attribute like the below example. ## HTML Title Attribute <a href="" title="Example of Tooltip">Tooltip&l...

Using htaccess To Force Trailing Slash

You can use htaccess to change the URL structure of your website. There are lots of things you can do with htaccess one of the most common things would be to make sure all the pages are prefixed with...