Cum schimb iconitele categoriilor din IPB 4?

[gaby]

Pentru a schimba iconitele din fata categoriilor din IPB 4, aveti doua posibilitati, fie folosind niste imagini proprii, fie folosind iconitele date de FontAwesome. Pentru cazul in care doriti sa folositi propriile imagini, noua versiune de IPB are integrata o optiune care va permite sa faceti asta fara a mai fi necesara instalarea vreunui hook/plugin (cum era (DP) Forum Icons pentru IPB 3), tot ce va trebui sa faceti este sa accesati ACP -> Forums -> editati forumul caruia doriti sa ii schimbati iconita -> forum icon -> rasfoiti dupa iconita dorita si apoi ii dati upload -> save. Va trebui sa faceti aceasta miscare pentru fiecare forum in parte.

Pentru a folosi tot iconite FontAwesome (https://fortawesome.github.io/Font-Awesome/icons/), asa cum este in mod standard, dar acestea sa fie diferite pentru fiecare categorie in parte, in custom.css (ACP -> Customization -> Templates -> tema folosita -> css -> custom.css) adaugati urmatoarele linii:

[data-forumid="2"] .fa-comments::before {
  content: "\f007";
}

[data-forumid="5"] .fa-comments::before {
content: "\f0e0";
}

[data-forumid="7"] .fa-comments::before {
  content: "\f0e4";
}

unde forumid este ID-ul forumului caruia doriti sa-i schimbati iconita, iar "\f007" este numele iconitei din cheatsheet (https://fortawesome.github.io/Font-Awesome/cheatsheet/).

Exemplu de iconite diferite pentru categorii folosind FontAwesome:

Numai bine !

[Courage]

Eu foloseam

{{$icon = 'fa fa-comments';}}
{{if $forum->_id == 2}}
	{{$icon = 'fa fa-info-circle';}}
{{elseif $forum->_id == 1463}}
	{{$icon = 'fa fa-users';}}
{{elseif $forum->_id == 1266}}
	{{$icon = 'fa fa-exclamation-triangle';}}
{{elseif $forum->_id == 12}}
	{{$icon = 'fa fa-trash';}}
{{elseif in_array( $forum->_id, array( 1294, 1690, 1124, 1645, 1637, 1626 ) )}}
	{{$icon = 'fa fa-server';}}
{{elseif $forum->_id == 993}}
	{{$icon = 'fa fa-desktop';}}
{{elseif $forum->_id == 24}}
	{{$icon = 'fa fa-paint-brush';}}
{{elseif $forum->_id == 1027}}
	{{$icon = 'fa fa-play-circle';}}
{{elseif $forum->_id == 1399}}
	{{$icon = 'fa fa-coffee';}}
{{elseif $forum->_id == 39}}
	{{$icon = 'fa fa-globe';}}
{{endif}}

cu

<i class="{$icon}"></i>

 

[gaby]

Si unde le adaugai?

[BdKode]

Și pentru IP.Board 3.x ? 

 

[+Lucian50]

Și pentru IP.Board 3.x ? 

 

E secțiune separată pentru ipb3.

[MihneaCatalin]

Nu este mai simplu sa schimbi din setarile forumului / categoriei? Asta daca vrei pentru toate temele, daca nu este necesara varianta de mai sus

Edited January 14, 2016 by MihneaCatalin

[Soundler^]

Dar daca nu avem custom.css ?

[Giovanni]

On 06.09.2015 at 2:55 PM, gaby said:

Pentru a schimba iconitele din fata categoriilor din IPB 4, aveti doua posibilitati, fie folosind niste imagini proprii, fie folosind iconitele date de FontAwesome. Pentru cazul in care doriti sa folositi propriile imagini, noua versiune de IPB are integrata o optiune care va permite sa faceti asta fara a mai fi necesara instalarea vreunui hook/plugin (cum era (DP) Forum Icons pentru IPB 3), tot ce va trebui sa faceti este sa accesati ACP -> Forums -> editati forumul caruia doriti sa ii schimbati iconita -> forum icon -> rasfoiti dupa iconita dorita si apoi ii dati upload -> save. Va trebui sa faceti aceasta miscare pentru fiecare forum in parte.

Pentru a folosi tot iconite FontAwesome (https://fortawesome.github.io/Font-Awesome/icons/), asa cum este in mod standard, dar acestea sa fie diferite pentru fiecare categorie in parte, in custom.css (ACP -> Customization -> Templates -> tema folosita -> css -> custom.css) adaugati urmatoarele linii:

[data-forumid="2"] .fa-comments::before {
  content: "\f007";
}

[data-forumid="5"] .fa-comments::before {
content: "\f0e0";
}

[data-forumid="7"] .fa-comments::before {
  content: "\f0e4";
}

unde forumid este ID-ul forumului caruia doriti sa-i schimbati iconita, iar "\f007" este numele iconitei din cheatsheet (https://fortawesome.github.io/Font-Awesome/cheatsheet/).

Exemplu de iconite diferite pentru categorii folosind FontAwesome:

Numai bine !

Bag codurile alea în custom.css și nu se schimbă nimic.

[foX]

Am incercat si eu si tot nimic..

 

[gadeas]

Tutorialu sanse mari sa fie valabil doar pentru tema originala si nu altele.

[Nitoiu_channel]

On 9/6/2015 at 2:55 PM, gaby said:

Pentru a schimba iconitele din fata categoriilor din IPB 4, aveti doua posibilitati, fie folosind niste imagini proprii, fie folosind iconitele date de FontAwesome. Pentru cazul in care doriti sa folositi propriile imagini, noua versiune de IPB are integrata o optiune care va permite sa faceti asta fara a mai fi necesara instalarea vreunui hook/plugin (cum era (DP) Forum Icons pentru IPB 3), tot ce va trebui sa faceti este sa accesati ACP -> Forums -> editati forumul caruia doriti sa ii schimbati iconita -> forum icon -> rasfoiti dupa iconita dorita si apoi ii dati upload -> save. Va trebui sa faceti aceasta miscare pentru fiecare forum in parte.

Pentru a folosi tot iconite FontAwesome (https://fortawesome.github.io/Font-Awesome/icons/), asa cum este in mod standard, dar acestea sa fie diferite pentru fiecare categorie in parte, in custom.css (ACP -> Customization -> Templates -> tema folosita -> css -> custom.css) adaugati urmatoarele linii:

[data-forumid="2"] .fa-comments::before {
  content: "\f007";
}

[data-forumid="5"] .fa-comments::before {
content: "\f0e0";
}

[data-forumid="7"] .fa-comments::before {
  content: "\f0e4";
}

unde forumid este ID-ul forumului caruia doriti sa-i schimbati iconita, iar "\f007" este numele iconitei din cheatsheet (https://fortawesome.github.io/Font-Awesome/cheatsheet/).

Exemplu de iconite diferite pentru categorii folosind FontAwesome:

Numai bine !

Forumid este id-ul forumului unde il gasesc ?

[+Portocala]

Chiar in link-ul forumului

De exemplu

la forumul IP.Board 4.x id-ul este 178