Шаг 1.
создаем дополнительное поле в профиле.
делается это через Администрирование > Поля
для наглядности скриншот:
Шаг 2.
вставляем следующий код в html-низ или html-форма ответа. (не имеет значения куда именно, можете выбрать то место, где меньше скриптов, чтобы не путаться)
<script type="text/javascript">
var Vmain=document.getElementById('pun-main').getElementsByTagName("li");
var Vzdk=0;
for (Vzdk=0; Vzdk<=(Vmain.length-1); Vzdk++)
{
if (Vmain[Vzdk].className=="pa-fld1")
{
if (Vmain[Vzdk].innerHTML.indexOf("Овен")!=-1)
{
Vmain[Vzdk].innerHTML="Знак Зодиака: "+"<br> <img src='ваша_иконка_для_знака_ОВЕН' />"
}
if (Vmain[Vzdk].innerHTML.indexOf("Телец")!=-1)
{
Vmain[Vzdk].innerHTML="Знак Зодиака: "+"<br> <img src='ваша_иконка_для_знака_ТЕЛЕЦ' />"
}
if (Vmain[Vzdk].innerHTML.indexOf("Близнецы")!=-1)
{
Vmain[Vzdk].innerHTML="Знак Зодиака: "+"<br> <img src='ваша_иконка_для_знака_БЛИЗНЕЦЫ' />"
}
if (Vmain[Vzdk].innerHTML.indexOf("Рак")!=-1)
{
Vmain[Vzdk].innerHTML="Знак Зодиака: "+"<br> <img src='ваша_иконка_для_знака_РАК' />"
}
if (Vmain[Vzdk].innerHTML.indexOf("Лев")!=-1)
{
Vmain[Vzdk].innerHTML="Знак Зодиака: "+"<br> <img src='ваша_иконка_для_знака_ЛЕВ' />"
}
if (Vmain[Vzdk].innerHTML.indexOf("Дева")!=-1)
{
Vmain[Vzdk].innerHTML="Знак Зодиака: "+"<br> <img src='ваша_иконка_для_знака_ДЕВА' />"
}
if (Vmain[Vzdk].innerHTML.indexOf("Весы")!=-1)
{
Vmain[Vzdk].innerHTML="Знак Зодиака: "+"<br> <img src='ваша_иконка_для_знака_ВЕСЫ' />"
}
if (Vmain[Vzdk].innerHTML.indexOf("Скорпион")!=-1)
{
Vmain[Vzdk].innerHTML="Знак Зодиака: "+"<br> <img src='ваша_иконка_для_знака_СКОРПИОН' />"
}
if (Vmain[Vzdk].innerHTML.indexOf("Стрелец")!=-1)
{
Vmain[Vzdk].innerHTML="Знак Зодиака: "+"<br> <img src='ваша_иконка_для_знака_СТРЕЛЕЦ' />"
}
if (Vmain[Vzdk].innerHTML.indexOf("Козерог")!=-1)
{
Vmain[Vzdk].innerHTML="Знак Зодиака: "+"<br> <img src='ваша_иконка_для_знака_КОЗЕРОГ' />"
}
if (Vmain[Vzdk].innerHTML.indexOf("Водолей")!=-1)
{
Vmain[Vzdk].innerHTML="Знак Зодиака: "+"<br> <img src='ваша_иконка_для_знака_ВОДОЛЕЙ' />"
}
if (Vmain[Vzdk].innerHTML.indexOf("Рыбы")!=-1)
{
Vmain[Vzdk].innerHTML="Знак Зодиака: "+"<br> <img src='ваша_иконка_для_знака_РЫБЫ' />"
}}
}
</script>
ВАЖНО.
Если у вас это поле не 1-е, а, например, второе или третье, необходимо в скрипте "pa-fld1" заменить на "pa-fld2" или "pa-fld3" соответственно.
И не в коем случае не наделайте ошибок при замене ссылок на иконки.
Иконки большими делать не советую, они должны быть приблизительно 25 пкс в высоту.
Смотреться будет так:
