1.Открываем панель управления,заходим в файловый менеджер и создаём папку but
2.Входим в эту папку и загружаем в неё файлы с своими кнопками.
Имейте в виду,что названия файлов ваших кнопок должны в точности соответствовать названиям файлов кнопок стандартных,чтобы произошла их взаимозамена.Чтобы вы поняли о чём речь,я приведу здесь таблицу соответсвия, в прикреплении.

После того, как вы загрузили файлы со своими кнопками, идём в Настройки форума в панели управления и выбираем Свой набор кнопок, а также указываем путь к папке с нашими кнопками. (адрес папки)

Заходишь в панель управление - файловый менеджер - создаёшь папку с названием medal - закачиваешь туда картинки
пример:
medal0.gif
medal1.gif
medal2.gif
medal3.gif
и т.д.)

Заходишь в панель управление - управление дизайном - форум Вид материалов - и пишишь:

<script>
medal('$USERNAME$');
</script>

<script>
function medal(nik){
if(nik=='Ник') document.write('<img title="за что" src="путь к медальки">');
if(nik=='Ник') document.write('<img title="за что" src="путь к медальки">');
if(nik=='Ник') document.write('<img title="за что" src="путь к медальки">');
}
</script>

Ранги редактируются здесь - Панель управления » Главная » Пользователи » Ранги пользователей.

Всего рангов 10 + Гость. Для каждого ранга, включая гостя, можно прописать своё название. Незаполненное поле при сохранении будет заполнено рангом по умолчанию. Каждому рангу можно присвоить картинку. Или из стандартного набора или из своего. В своём наборе должны быть иконки с названиями "rank[1-10].gif". Помещаются они в специальном поле появляющемся только после выбора набора "Свой набор". Адрес к папке с картинками рангов должен быть полным вида - http://ваш_сайт.ucoz.ru/ваша_папка/.

Картинки следует предварительно загрузить на сайт через Файловый менеджер

<input class="loginField" type="text" name="user" value="" size="20" style="width:100px" maxlength="25" />

и заменяем на

<input class="login" type="text" name="user" value="" size="20" style="width:100px" maxlength="25" />

потом там же ищем

<input class="loginField" type="password" name="password" size="20" style="width:100px" maxlength="15" />

и заменяем на

<input class="pass" type="password" name="password" size="20" style="width:100px" maxlength="15" />

сохраняем, и в стилях настраиваем классы:

input.login{background:url('картинка') no-repeat; background-position:left; padding-left:15px;}
input.pass {background:url('картинка') no-repeat; background-position:left; padding-left:15px;}

картинка - ссылка на картинку для поля "Логин"
картинка - ссылка на картинку для поля "Пароль"

</br></br><b>Зарегистрировано на сайте:</b></br></br>
Всего: $ALL_USERS$<br>
Новых за месяц: $30DAYS$<br>
Новых за неделю: $7DAYS$<br>
Новых вчера: $YESTERDAY$<br>
Новых сегодня: $TODAY$<br>
<b>Из них:</b><br>
Пользователей $GROUP_1$<br>
Проверенных: $GROUP_2$<br>
Модераторов: $GROUP_3$<br>
Админов: $GROUP_4$<br>
<b>Из них:</b><br>
Парней: $GENDER_1$<br>
Девушек: $GENDER_2$<br>

После чего вставляем код информера в нужное место на странице Вашего сайта.