Old Forums
Search:
Design and CSS styles
Version 5.x > Design and CSS styles > How do I had hover/rollover text to a link? View modes: 
User avatar
Member
Member
sentile-oldsecond - 10/8/2012 3:18:28 PM
   
How do I had hover/rollover text to a link?
On our current webpage, we have social media logos at the bottom. Each of these click to the corresponding sites. What code can I add to the HTML to show hover/rollover text?

This is what I currently have for an example button:
<a href="http://wordpress.org/"><img alt="" src="/image.png" style="width: 25px; height: 25px;" />

User avatar
Kentico Customer Success
Kentico Customer Success
kentico_martind2 - 10/9/2012 10:36:49 AM
   
RE:How do I had hover/rollover text to a link?
Hi,

The best way is to handle it via CSS, so I would recommend you to go through this tutorial: Snazzy Hover Effects Using CSS. It also covers live examples so you can see if can be customized for your needs.

Best regards,
Martin Danko

User avatar
Member
Member
sentile-oldsecond - 10/9/2012 11:53:07 AM
   
RE:How do I had hover/rollover text to a link?
Actually I found a solution in HTML that was very simple. I added the bold part below:

<a href="http://wordpress.org/"><img alt="" src="/image.png" title="WordPress" style="width: 25px; height: 25px;" />
User avatar
Kentico Customer Success
Kentico Customer Success
kentico_martind2 - 10/10/2012 1:30:39 AM
   
RE:How do I had hover/rollover text to a link?
Hi,

Of course, this is also the way but I assumed that you want something more special. Btw. it's great that you have found your own solution, maybe it will help somebody else in the future!

Best regards,
Martin Danko

Top