CSSRockstars

Posts Tagged ‘Link’

Scrollovers is a way to quickly and easily add flair to your web pages, giving your users an experience they weren’t expecting.

It is simply a JavaScript that helps creating rollover image-like links with text .

Mouse Over Text Link

How to use Scrollovers?

Insert the scrollovers.js file to your web pages and create your links like this:

<a href="[YOUR PAGE HERE]" class="scrollover" type="scrollover">[YOUR TEXT HERE]</a>

And the last add the styles with the color palette of your preference like below:

<style>
   a.scrollover {color: #557AFF;}
   a.scrollover em:first-line {color: #FF5B3C;}
</style>

And that’s it. 

Adding icons to text links without any programming, not using if elses or functions is possible with Iconize which is only a css file and the related icons.

How does Iconize work?

Iconize, which is a css file, simply looks for the pre-defined texts in the website and shows the icon mentioned in the css file. For ex: Iconize looks for the .pdf text in the website and when finds it, adds the icon after that.

Icons For Text Link Iconize

feed-holder
FeedBurner
  • Gooey Templates
  • Krop
  • slice'n dice
  • Website Magazine
  • DNS Pinger
  • Advertise Here