<style type="text/css">
#pun-navlinks  * {
  text-align: center !important;
  padding-top: 65px !important;
}

#pun-navlinks li {
  display: inline;
  margin: 0.2%;
  padding-top: 70px;
  padding-right: 10px;
  padding-left: 10px;
}

#navextra1 {
  padding-right: 20px;
  padding-left: 20px;
}

#navindex {
background: transparent url(ссылка на картинку форума) no-repeat center;
}
#navuserlist {
background: transparent url(ссылка на картинку участников) no-repeat center;
}
#navrules {
background: transparent url(ссылка на картинку правил) no-repeat center;
}
#navsearch {
background: transparent url(ссылка на картинку поиска) no-repeat center;
}
#navprofile {
background: transparent url(ссылка на картинку профиля) no-repeat center;
}
#navlogin, #navlogout {
background: transparent url(ссылка на картинку входа/выхода) no-repeat center;
}
#navregister {
background: transparent url(ссылка на картинку регистрации) no-repeat center;
}

#navextra0, #navextra1, #navextra2, #navextra3, #navextra4, #navextra5, #navextra6, #navextra7, #navextra8, #navextra9, #navextra10 {
background: transparent url(/img/Mybb_NewBlack/extra.gif) no-repeat center;
}

#navpm {
background: transparent url(ссылка на картинку сообщений) no-repeat center;
}

#navadmin {
background: transparent url(ссылка на картинку администрирования) no-repeat center;
}
</style>

Задание
1. Все понятно. Надо на своем тестовике или на новом добавить в меню навигации картинки по этому скрипту.

Я не знала как лучше назвать этот урок, прости. Смысл его в том, что в интернете я видела много скриптов, как надписи меню навигации заменить на свои, но это довольно банально. Видела замену на кнопочки, но и это банально, да? Думаю, если захочется, ты сама сможешь посмотреть эти скрипты.