В CSS
Code
/*MORE & PRINT*/
.argmore { float: left; padding-top: 12px; margin-right: 12px; }
.argmore a {
float: left;
height: 28px;
line-height: 25px;
overflow: hidden;
color: #fff;
background: #7cad59 url("../images/morelink.png") no-repeat 100% 0;
text-transform: uppercase;
}
.argmore a strong {
float: left;
height: 28px;
padding: 0 12px;
background: url("../images/morelink.png") no-repeat 0 -56px;
}
.argmore a:hover { background: #5da3d9 url("../images/morelink.png") no-repeat 100% -28px; }
.argmore a:hover strong { background: url("../images/morelink.png") no-repeat 0 -84px; }
В любое место где надо, например вид новостей
Code
<span class="argmore"><strong>Подробнее</strong></a></span>
и еще
/images/morelink.png
картинку какуюнибудь залей