Hidden Link Display

In a paragraph showing the hidden links () by hovering the paragraph can done using the following CSS example,

CSS control for the paragrah and a tags,

CSS:

p { margin-top:10px; color:#888888; text-align:justify; }
a { color:#718374; text-decoration:underline; }
.colorhover:hover a { color:#718374; text-decoration:underline; }
.colorhover:hover a:hover { color:#EEEEEE; }

Example:

<h2>Colorized links on hover paragraph</h2>
<p class=”colorhover”>Aenean non sem vel velit posuere laoreet. <a href=”
http://twitter.com/rafeektwt” title=”Follow me on Twitter”>In hac habitasse</a> platea dictumst. Suspendisse posuere volutpat leo. <a href=”http://feeds2.feedburner.com/marcofolio” title=”Subscribe to the feed”>Donec dictum</a>, ligula</p>

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: