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
TbalzAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

DrDamnitCommented:
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.
0
COBOLdinosaurCommented:
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&
0
TbalzAuthor Commented:
Unfortunately I have no idea where to begin. It's a task that came up and that's why I came here.
0
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

COBOLdinosaurCommented:
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&
0
TbalzAuthor Commented:
Ok i figured out what i need my site to do. I found a website that has the functionality i would like. It is http://gandyprinters.com/. When you goto the site and click on the top right where it says "storefront" login it kind of blacks everything out and creates a place to enter your user name and password. I would like to know how i can create this for my site in word press as well?
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
COBOLdinosaurCommented:
It uses the fancybox plugin.  You can get it here:

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

Cd&
0
TbalzAuthor Commented:
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.
0
COBOLdinosaurCommented:
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&
0
TbalzAuthor Commented:
I already tried, no one got back to me.
0
COBOLdinosaurCommented:
Then you are down to copying the code and then trying to modify it for your purpose.

Cd&
0
TbalzAuthor Commented:
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.
0
COBOLdinosaurCommented:
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&
0
TbalzAuthor Commented:
Just like you google obvious answers to get easy points and don't do any work to provide real support.
0
TbalzAuthor Commented:
No one provided any real assistance.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
WordPress

From novice to tech pro — start learning today.