Activating text rollovers using Dreamweaver CSS Style

Adobe Dreamweaver’s CSS Style saves you from the boredom of mindless repetitive actions. For example, the action below enables you to create text rollovers and to delete the link underlines. Here’s a tip to easily activate that text rollover:

To activate a Dreamweaver text rollover in a particular place by using CSS Style, use the following trick:  

•  Paste the HTML code between the head tags –

<style type="text/css"> 
.links { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399} 
.links:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF8B22; text-decoration: none}
</style>

• Select the link style following the example given below:

<a href="link.htm" mce_href="link.htm" target="_parent" class="links">link text</a>

If you're new here, you'll want to subscribe to our RSS feed. Thanks for visiting!