Pentru început accesaţi template-ul sau skin-ul în care doriţi să afişaţi acele iconite. Deci, accesaţi:
ACP > Look&Feel > skinul pe care vreţi să-l editaţi > tabul CSS > ipb_styles.css
În ipb_styles.css căutaţi:
#primary_nav
{
.... aici sunt personalizările din propriul skin
}
Acum, copiaţi id-ul css primary_nav cu tot cu conţinutul din acolade imediat sub id-ul primary_nav existent.
Noul id copiat îl veţi denumi aşa:
#primary_nav a:before{
... aici sunt personalizările din propriul skin
}
Imediat sub codul de mai sus adăugati:
#nav_home a:before{ background-image: url("http://www.invisionpower.ro/public/style_images/master/_custom/nav_home.png");}
#nav_app_forums a:before{ background-image: url("http://www.invisionpower.ro/public/style_images/master/_custom/nav_forums.png");}
#nav_app_members a:before{ background-image: url("http://www.invisionpower.ro/public/style_images/master/_custom/nav_members.png");}
#nav_app_gallery a:before{ background-image: url("http://www.invisionpower.ro/public/style_images/master/_custom/nav_gallery.png");}
/**** ŞI AŞA MAI DEPARTE *****/
Autor : donpetru
Site provenienţă articol : http://www.invisionpower.ro
Bineînţeles că veţi înlocui fiecare nav_x.png cu denumirea iconiţei pe care doriţi să o folosiţi
