Доброго времени подскажите как это сделать ?

 

Для подключения иконок нужно скачать хук

Для добавления иконок нет необходимости редактировать шаблоны. Всё делается гораздо проще - через CSS.

Откройте  ipb_styles.css и добавьте следующий код:

#primary_nav li[id^='nav_'] a:before {display: inline-block;margin-right: 5px;width: 1.2em;text-align: center;font-weight: normal;font-style: normal;font-family: 'FontAwesome';}/* standard applications */#primary_nav li#nav_explore a:before {content: '\f1ea';}#primary_nav li#nav_app_forums a:before {content: '\f0e6';}#primary_nav li#nav_app_members a:before {content: '\f0c0';}/* additional applications */#primary_nav li#nav_app_downloads a:before {content: '\f019';}#primary_nav li#nav_app_gallery a:before {content: '\f03e';}#primary_nav li#nav_app_blog a:before {content: '\f02d';}#primary_nav li#nav_app_tutorials a:before {content: '\f19d';}

Вот и всё. Так просто, правда? 
В этом CSS-коде имеется поддержка таких дополнений, как:

• IP.Gallery
• IP.Blog
• IP.Downloads
• IP.Tutorials

IPS-MODULE-Font-Awesome-3.0.0 (1).zip