In Progress

Center Wordpress Home Page Image Map Load Fancy Gallery From Post

I'd like a Wordpress theme (home page, pages and posts) created from the attached .psd file for my wedding video business. The logo isn't finished yet but I can add that later after the theme is installed on my server by swapping out the logo in the .psd with a final transparent .png. I would like the home page to be a very wide image. I've attached an html example in the .zip file of how I would like the home page of the wordpress theme to work. I would like the home page to load so that the image is perfectly centered on the page. The user will be able to scroll left or right to see the rest of the image using the scroll bar at the bottom of the browser similar to this website and my example site: [url removed, login to view] I need it to be cross browser compatible, the sample code I found in my example page doesn't seem to work in IE, only Firefox and Chrome. I would also like the website to load and look the same on smartphones as well.

In the admin of the theme, I'd like to have a theme option to upload a different main home page image to be used as the main image map image. From there, I'd like to be able to create posts and in the posts have a field where I can enter in an image map area that will load on the main image on the home page. Each post that the image map is linked to will also contain additional fields such as:

Post Title :

I can give each post a custom title.

Description:

A short paragraph of text can be entered about the video, I would like the html, links etc. from the description to also show up in the fancy gallery.

Video Link:

I'll be able to define a YouTube or Vimeo link of one of my videogrpahy videos.

Featured Image:

Upload a featured image so when the share button is clicked the share feature can pull the thumbnail image into the post.

Image Map Coordinates:

Example Coordinates ()

When a user clicks on one of the image map areas on the home page, instead of loading the post in a new page, I would like the information contained in the post (Title, Description, YouTube or Vimeo link to open in a fancy gallery on the home page. The YouTube or Vimeo link will play automatically in the fancy gallery that pops up. The title of the post will be displayed above the YouTube or Vimeo video and the description will be below the playing video. There should be a close button that will allow the user to close the shadowbox and choose a different video. I would also like users to be able to click a share button and share the video on their social network of choice. When they share it, I would like the featured image, description and title from the post to display in their share post.

As a user hovers over different image map areas on the home page, I would like the title of the post that is linked to the image map area to pop up so the user can know which one of the videos they'll be watching when they click it. I would also like a way for users to be able to link to a specific video on the home page. So when an image map area is clicked for instance, I would like the url to change to, for instance:

[url removed, login to view]

You'll see in my example document, when an image map area is clicked, the URL changes. So if someone wanted to share a particular video with someone, they could copy the URL in the address bar with the tag to the specific video and when the user posts the link for their friends, they're taken to the website and the particular video they're wanting to share will open in the fancy box automatically.

If you can find a free shadow box that you can format to pull in the post information and include a share button for facebook, twitter, google+ that's ok also. Once the theme is approved I'll have you install the theme on my server and make sure it's working. Here's a link to fancy gallery Link to Fancy Gallery: [url removed, login to view]

Skills: Graphic Design, HTML, PHP, Website Design, WordPress

See more: image map fancy, wordpress theme image map home page, youtube work from home, youtube new page design, youtube logo free create, youtube free logo, work with google from home, work out of the home, working from home for free, working from home business, working for google from home, working for google at home, work from home youtube, work from home with google, work from home with at&t, work from home network, work from home net, work from home image, work from home at&t, work from home admin, work for at&t from home, work close to home, work at home google, work at google from home, wordpress theme network

About the Employer:
( 55 reviews ) Springfield, United States

Project ID: #4025020

9 freelancers are bidding on average $243 for this job

epark

=====Expertness and honesty our goal . we are small team working good quality and accuracy. Ready to start your [url removed, login to view] check [url removed, login to view] you===========

$350 USD in 10 days
(140 Reviews)
6.9
hikaruvn

----------------- I am very interested in doing this job within your Defined Budget,ready start project right now ------------------- Please check PMB for more Details thanks

$300 USD in 10 days
(150 Reviews)
6.7
mtthardy4

expert here check pm thank nitya

$220 USD in 4 days
(144 Reviews)
6.7
violetzs

Thank for your message. I bided again. Happy if can discuss with you to start working.

$215 USD in 6 days
(101 Reviews)
6.6
vsscomputers

Hi, Please check inbox for details and samples of our works done

$250 USD in 7 days
(101 Reviews)
6.4
adityalivelife

hi, please find the attached document and private message ....Thanks!!

$150 USD in 12 days
(61 Reviews)
5.9
mmuhasan

Hi, I have read your description and it is clear to me. I can do this. I have similar experience for many site with wordpress. Looking for your kind reply. Thanks Monjur

$379 USD in 9 days
(101 Reviews)
5.7
Ash76

Hi Scott, please see pm

$250 USD in 5 days
(4 Reviews)
3.3
VR26

We are a Web design and development company that focuses on regular communication with our clients and timely delivery for all our projects. Some of the technologies/area that we focus include:

$150 USD in 10 days
(2 Reviews)
2.0
NH5M32qXj

We are freelance software developers. If you contact me I can give a quote for your project and we can discuss the details. <b><i>Removed by Admin</i></b>

$140 USD in 1 day
(0 Reviews)
0.0