Quick Tip: Alter the look of web sites.

Some of the websites out there are professionally designed, but some people seem to think they are lacking something and would love to alter the layout of a website without actually having to do any coding.  Follow this little guide to find out how to do just that.

What you need

All you need is either FireFox or Google Chrome, and of course an active internet connection.   In this guide I’ll be using Google as an example, but this method applies to any website out there.  I’ll also be using FireFox, however the addon we will be using works pretty much the same on Chrome too.

Step 1 – Addon

Before you begin you need to download and install the Stylish addon.  You can find the links to download them below.

FireFox Stylish – Download

Google Chrome Stylish – Download

Once you have it installed on FireFox it should appear on the Addon bar in the bottom left corner of the window.  In Chrome it will appear in the top right of the window.

Step 2 – Styling the website

Now go to Google, and you’ll see it has a fairly good style, but since we’re geeks here we want to make it look dark.

Google - Default

So now we need to turn it black.   So the first thing you need to do is click on the stylish logo in the bottom left or top right and click “Find Styles for this site.

Stylish - Menu

It will then take you to another website called “UserStyles.org”, and it should automatically come up with styles for the site you want to theme, in this case we’re themeing Google. Scroll down and find the theme “Black Google by Panos” and click on it.  You will then be taken to another page which provides information about the style.  On the screenshot below it says I have it installed but don’t worry about that, for you that button should be green click it and accept any messages that come up on screen.

Stylish - User Style download

Once you have installed it go back to Google and see what has happened.  If you have done everything correctly it should look like it does below.

Google - Black

There you have it, you have just changed the way the website looks.  Don’t worry about it showing up to other people, only you will be able to see the changes.

Check out the gallery below for some other websites I have applied styles too.  I’ll be adding more to this collection as time goes on so keep an eye on it. Click on any of the images below to get started.

Have you applied styles? Share them in the comments.

Thanks for reading .

 

 

Advertisements

One thought on “Quick Tip: Alter the look of web sites.

Leave a comment.

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s