Взято с http://forumdts.org/
Берется картинка с рамкой, которая будет обрамлять аватар. Картинка должна растягиваться, т.е. состоять из бесшовных элементов.
В html-верх:
<style>
li.pa-avatar img{
border-width: 17px;
-moz-border-image: url(адрес) 17 round; /* Firefox 4 */
-webkit-border-image: url(адрес) 17 round; /* Safari 5 и Chrome */
-o-border-image: url(адрес) 17 round; /* Opera 10.5 */}
</style>
красное- адрес картинки рамки.
зеленое- толщина рамки. Померить можно либо "на глаз", либо в графическом редакторе.
синее- вместо вместо round можно поставить значения stretch или repeat. Это- способы растягивания рамки.
stretch
Средняя часть рамки будет просто растягиваться.
repeat
Средняя часть повторяется(для бесшовных).
round
Средняя часть растягивается и повторяется так, чтобы вместилось целое число изображений.
