Make read more... with HTML & CSS valid

In general situation, Joomla makes link Read More... with a text ( linked text). With little coding, we can make Read More... link with a button/image. and in the file CSS template we need to add new class that is .readon.

Its way: Open CSS template file, then enter this code ( for example):


.readon {
background:url(../images/button.gif) no-repeat;
text-indent:-5000px;
display:block;
width:100px;
height:26px;
}



be sure that measure button equal to width and height. for url code (..images/button.gif) means button is kept in folder templates/template_name/images.

To look for design button you can open at www.Buttonator.com