Font Awesome diferit la fiecare categorie IPB 3

Courage · December 11, 2015

În primul rând trebuie să avem Font Awesome pus pe forum :)) . Ori puneţi codul de aici, https://fortawesome.github.io/Font-Awesome/get-started/ , adică

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

în globalTemplate, după

<head>

Ori descărcaţi fişierele CSS de aici : https://fortawesome.github.io/Font-Awesome/ (este în header un buton mare Download).

Din boardIndexTemplate, înlocuim

<img src='{$this->settings['img_url']}/f_icon.png' />

cu

<php>
$icon = 'fa fa-comments';
switch( $forum_data['id'] )
{
    case 3: $icon = 'fa fa-globe'; break;
    case 4: $icon = 'fa fa-home'; break;
    // etc
    default: break;
}
</php>

<div class='icon_awesome_forum_necitit'><i class="{$icon}"></i></div>

Unde

$icon = 'fa fa-comments';

reprezintă icon-ul default, iar în cadrul blocului switch, îi vom atribui variabilei $icon codul iconiţei dorite, în funcţie de ID-ul forumului. De exemplu, dacă dorim acest icon: http://fortawesome.github.io/Font-Awesome/icon/map/ la categoria cu ID-ul 255, vom adăuga, înainte de

default: break;

asta:

case 255: $icon = 'fa fa-map'; break;

Aşa.. tot din boardIndexTemplate, schimbăm

<img src='{$this->settings['img_url']}/f_icon_read.png' />

cu

<div class='icon_awesome_forum_citit'><i class="{$icon}"></i></div>

iar asta:

<img src='{$this->settings['img_url']}/f_redirect.png' />

cu

<div class='icon_awesome_forum_necitit'><i class="fa fa-external-link"></i></div>

unde schimbăm

<i class="fa fa-external-link"></i>

cu iconiţa ce vrem să fie pusă la forumurile de tip redirect.

Şi în ipb_styles.css adăugăm, jos de tot, asta:

.icon_awesome_forum_necitit {
    text-align: center;
    font-size: 25px;
    color: #eee;
}

.icon_awesome_forum_citit {
    text-align: center;
    font-size: 25px;
    color: #444;
}

P.S. Tutorialul e destul de basic, pentru teme negre. Puteţi customiza iconiţele din codul CSS (adăugat border, background, etc etc)

Dacă aveţi întrebări / nelămuriri, postaţi aici .

+Laur. · December 11, 2015

O dat Dumnezeu să posteze cineva... Ceva gen făcusem și eu doar că nu cu switch :))

Acum să vină să își pună toți copii pe forum ăsta..

+AnDrEy. · December 11, 2015

Thank's

+leonardo23 · December 11, 2015

multumesc asta cautam de mult ,nu chiar disperat dar era o chestie ms!Ai + 1

+strong · December 11, 2015

Cum vad id-ul de la o categorie?

+leonardo23 · December 11, 2015

Cum va id-ul de la o categorie?

din baza de date nu ? ...sau nustiu ...

Courage · December 11, 2015

Cum va id-ul de la o categorie?

Intri în categoria respectivă şi vezi de număr găseşti în link. De obicei e

numeforum.ro/index.php/forum/<ID_FORUM>-<NUME_FORUM>/

sau

numeforum.ro/forum/<ID_FORUM>-<NUME_FORUM>/

zippo · December 11, 2015

E simplu dai cu mouse la categorie si acolo vezi ceva cu numere de ex 29,20,30

gadeas · December 11, 2015

:)) Acum vom vedea 50 forum-uri cu FA pe ele in urmatoarele zile. Trebuia sa mai ii lasi putin sa gandeasca si ei ceva :))

+strong · December 11, 2015

Acum vom vedea 50 forum-uri cu FA pe ele in urmatoarele zile. Trebuia sa mai ii lasi putin sa gandeasca si ei ceva

Care este partea rea in asta?

gadeas · December 11, 2015

Care este partea rea in asta?

Ca majoritatea comunitatiilor vor fi asemanatoare, cum is si acum multe din ele cu un skin foarte asemanator. Daca mai bagam si FA in calcul.. Rau poate nu e, dar nici bine nu as zice.. mai trebuie si putina imaginatie totusi in comunitatiile astea de gaming, dupa iaras o sa inceapa cearta si pe aici ca toti copiaza de la altii.

+Laur. · December 12, 2015

Provoaca prea multe buguri , cel putin la mine pe forum. Nimic nu mai merge. nici change theme , nici daca schimb o tema din ACP tot nu merge nici topic moderation si nici shoutbox-ul. Si oriunde as naviga in consola de developer imi zice ca IPB is not refferenced ceva gen.

+Laur. · December 12, 2015

Rezolvasi.

zippo · December 12, 2015

Are dreptate gadeas acum toti cu FFA o sa fie

Courage · December 12, 2015

Are dreptate gadeas acum toti cu FFA o sa fie

Nu văd problema. Fiecare pune ce-i place.

gadeas · December 12, 2015

Eu oricum as fi mers in locu lu asta:

<php>
$icon = 'fa fa-comments';
switch( $forum_data['id'] )
{
    case 3: $icon = 'fa fa-globe'; break;
    case 4: $icon = 'fa fa-home'; break;
    // etc
    default: break;
}
</php>

<div class='icon_awesome_forum_necitit'><i class="{$icon}"></i></div>

Cu ( Cod-ul de mai jos nu este incercat, nu ar trebui sa deie probleme ):

<php>
$icons = array(
    '3' => 'fa-globe',
    '4' => 'fa-home',
    // Etc.. 'numaru_categoriei' => 'partea finala de la iconita'
);

$dataId = $forum_data['id'];
$icon   = isset($icons[$dataId]) ? $icons[$dataId] : 'fa-comments';
</php>

<div class='icon_awesome_forum_necitit'><i class="fa {$icon}"></i></div>

Sau daca aveti pe hosting PHP 5.4 sau mai mare ( La fel si codu asta ):

<php>
$icons = [
    '3' => 'fa-globe',
    '4' => 'fa-home',
    // Etc.. 'numaru_categoriei' => 'partea finala de la iconita'
];

$dataId = $forum_data['id'];
$icon   = isset($icons[$dataId]) ? $icons[$dataId] : 'fa-comments';
</php>

<div class='icon_awesome_forum_necitit'><i class="fa {$icon}"></i></div>

Cum am zis, ambele cod-uri nu is incercate, dar nu ar trebui sa fie nici-o problema. Puteti incerca cu ele, este o metoda mai curata de a baga totu intr-un array decat sa tot faci switch-uri, posibil ca daca e si vorba de un switch mare sa inceapa sa gandeasca cat mai mult pentru operatia aia ( vorbesc de peste 50-100 iconite la diferite categorii ).

YonutzX · December 17, 2015

Eu tot nu înțeleg, cum schimb fa-fa icon la fiecare categorie în parte, am făcut tot ce ai zis, dar nu înțeleg unde intru să schimb fiecare iconiță de la fiecare categorie, id-ul știu cum să îl aflu. Help me. Mulțumesc

gadeas · December 19, 2015

Trebuie sa creezi un caz pentru fiecare categorie in urmatoru switch:

switch( $forum_data['id'] )

Creezi dexemplu:

case 4: $icon = 'fa fa-home'; break;

Pentru categoria cu ID-ul numaru 4, ii setezi iconita Home de la Font Awesome.

Daca vrei ca pentru categoria cu IDu 22 sa aiba iconita cu o masina trebuie sa creezi in switch urmatoru rand:

case 22: $icon = 'fa fa-car'; break;

Asta in cazu daca folosesti exact cum a postat Courage. In cazu la metoda ce am postat eu, adaugi in array-ul:

$icons = array(

Urmatoru rand:

'22' => 'fa-car',

Ștefan A. · December 19, 2015

Eu tot nu înțeleg, cum schimb fa-fa icon la fiecare categorie în parte, am făcut tot ce ai zis, dar nu înțeleg unde intru să schimb fiecare iconiță de la fiecare categorie, id-ul știu cum să îl aflu. Help me. Mulțumesc

Lasă-te :troll:

Leonidas · May 20, 2016

codurile merg aman2 , trebe doar sa ai putin cap si sa stii unde sa le pui , la o linie mai sus sau mai jos daca e plasat codu pot aparea buguri la care nici nu va asteptati , sa zicem ca eu pun codu cu un </div> mai jos de unde trebuie , codul merge in mare parte , dar apar in alte parti buguri , cam asa ati patit voi

P.S. multi dintre voi nu vor intelege tutorialu , chiar daca va este dat mura in gura

nu dati vina pe coduri pentru neatentia voastra , cineva a incercat sa va dea o cale mai usoara , depinde de voi sa invatati sa o parcurgeti ! RESPECT pentru tutorial

Edited May 20, 2016 by Leonidas

Sign In

Font Awesome diferit la fiecare categorie IPB 3

Recommended Posts

Courage

+Laur.

+AnDrEy.

+leonardo23

+strong

+leonardo23

Courage

zippo

gadeas

+strong

gadeas

+Laur.

+Laur.

zippo

Courage

gadeas

YonutzX

gadeas

Ștefan A.

Leonidas

Please sign in to comment

Recently Browsing 0 members

Activity

Browse

Important Information