Web Design by Chameleon

YouTube iFrame Embed Video Showing Over Menu Options

During building Chameleon’s website we discovered something we had not seen before.

Our drop menu system which works great (in out view) breaks when at the top of the page we have a YouTube iFrame Embed Video.

The YouTube Video preview shows over the menu so any long menus we have are basically broken. This had to be fixed and now we have a solution we thought we would share this with you.

Lets start at the basics, a YouTube iFrame Video is an element on your webpage and ordering elements on page is like layers in photoshop. For a menu to be behind the YouTube iFrame Video the only thing it can be is the menu is lower than what YouTube is assigning for the video player itself.

What we decided to do was to for our menu was to overide what YouTube are doing by adding transparency to the Video player.

To explain this take a look at this code:-

<iframe width=”420″ height=”315″ src=”http://www.youtube.com/embed/vCC65UFiDUs” frameborder=”0″ allowfullscreen></iframe>

Search Engine Optimisation SEO Company

This is straight from YouTube after clicking the SHARE and then Embed function.

Now to add transparency to the Video player we need to add a little extra coding “?wmode=transparent” and this is added in the SRC section so the fixed coding would be:-

<iframe src=”http://www.youtube.com/embed/vCC65UFiDUs?wmode=transparent” frameborder=”0″ width=”420″ height=”315″></iframe>

Search Engine Optimisation SEO Company

This works great for us. Remember to add this coding with care.

If you have any strange problems and need help then simply get in touch with us and web developer will help.

How to Backup WordPress

If you have a WordPress website then you need to make sure you backup the website data just incase something goes wrong.

What to Backup in WordPress

WordPress is made up of the core files and a database. So you need to backup everything. To Backup the WordPress Core Installation you will need an FTP client. If you take a copy of everything you will be copying:-

1. WordPress Core Installation Files
2. WordPress Plugins Files
3. WordPress Themes Files
4. Images and additional Files.
5. Coding fiels such as Javascript, PHP, etc
6. .htaccess file
7. Robots file
8. Sitemap.xml file

Taking a full backup ensures you have everything you need to rebuild WordPress and once you have these files safe you can also use them if you get hacked to quickly erase what the hackers changed.

You now need to backup the complete database using something like phpMyAdmin. WordPress provide an export facility to export the content of the website but this is not a complete backup of the data.

Renaissance Rims n Tyres

Renaissance Rims n Tyres, the Dudley based alloy wheel specialist gets a fresh look for 2012.

Take a look at the website:- www.renaissancerimsntyres.co.uk

Chameleons New Website Goes Live

Chameleons New Website Goes Live

Warn User if Back is Pressed

Preventing users from going back using the back button is something that gets asked every now and again.

So if you want to warn a user if the “back button” is pressed then you can use the following javascript snippet:-

window.onbeforeunload = function() { return "If you go back your work will be lost."; };

This will add a warning message which opens in the browser when the back button is pressed. The problem is that is can sometimes with certain browsers pop up when you do not want it to.