Avatar of Tbalz
Tbalz asked on

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
WordPressPHPCSS

Avatar of undefined
Last Comment
Tbalz

8/22/2022 - Mon
DrDamnit

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

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&
ASKER
Tbalz

Unfortunately I have no idea where to begin. It's a task that came up and that's why I came here.
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck
COBOLdinosaur

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

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
COBOLdinosaur

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

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

Cd&
ASKER
Tbalz

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.
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
COBOLdinosaur

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&
ASKER
Tbalz

I already tried, no one got back to me.
COBOLdinosaur

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

Cd&
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy
ASKER
Tbalz

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

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&
ASKER
Tbalz

Just like you google obvious answers to get easy points and don't do any work to provide real support.
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
ASKER
Tbalz

No one provided any real assistance.