asked on 9/6/2013

Word Press website signup header small pop up box

Hi Guys,

I want to create a small pop up box that would come up when a user mouses over some text such as on the header of my site. The text would for example say "Sign Up for News and Special Offers". Once the user mouses over this text, i want a small pop over type box that appears allowing the user to enter their email and be able to submit. When the user moves their mouse away from the text, I want the pop-over to go back to hiding. Can anyone show me how this can be done with examples?

Thanks so much

WordPress PHP CSS

Last Comment

Tbalz

9/29/2013

DrDamnit

9/6/2013

While I don't have time to give you a full answer, here is the gist of what the correct answer will have as its component parts:

The box and the mouse-over effect are created in CSS. You essentially have a <div> that is hidden until a word or other target has the mouse over it at which point the :hover CSS code is executed, and it shows the box.

You'll need PHP because this has to be coded as a plugin.

-DrD.

COBOLdinosaur

9/6/2013

It would be easier to give you code if we could see the code you already have. posting a link to the page would be the best way to help us help you.

Cd&

Tbalz

9/6/2013

ASKER

Unfortunately I have no idea where to begin. It's a task that came up and that's why I came here.

COBOLdinosaur

9/6/2013

Unfortunately I have no idea where to begin.

The way to begin is to post a link so we can see what the site looks, and how it is coded so we can integrate something that will produce the functionality you want.

Cd&

ASKER CERTIFIED SOLUTION

Tbalz

9/23/2013

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

COBOLdinosaur

9/23/2013

It uses the fancybox plugin. You can get it here:

http://wordpress.org/plugins/fancybox-for-wordpress/

Cd&

Tbalz

9/23/2013

ASKER

Hi,

Thanks for the plugin but that is not it. I installed it and read at their site that:

The FancyBox effect won’t be applied to text link though, only images linking to images"

I need it applied to text link.

COBOLdinosaur

9/23/2013

Then there is some customization going on. If you want to copy another site the best way to start is to contact the other site and see what information they are willing to share.

Cd&

Tbalz

9/24/2013

ASKER

I already tried, no one got back to me.

COBOLdinosaur

9/24/2013

Then you are down to copying the code and then trying to modify it for your purpose.

Cd&

Tbalz

9/24/2013

ASKER

I'm sorry that is not helpful, i will wait for someone else's response. I could have figured that out on my own. I come to experts exchange to get help not be told about obvious things that I know about.

COBOLdinosaur

9/24/2013

Good luck with that. You have not even addressed the simple request to post a link to your page nor have you posed any of your code. That tells me you have not done any of the work at this point and you just want someone to write the code for you.

Cd&

Tbalz

9/24/2013

ASKER

Just like you google obvious answers to get easy points and don't do any work to provide real support.

Tbalz

9/29/2013

ASKER

No one provided any real assistance.