IP.Board Tutorials
Font awesome
Submitted by BebeGFX, 09-01-2016, 02:35 AM, Thread ID: 16555
Thread Closed
First we must put on forum Font Awesome . Either put the code here , https://fortawesome.github.io/Font-Awesome/get-started/ , ie
In globalTemplate after
From boardIndexTemplate , replace
Where
is the default icon - is attached, and block switching version , we assign variable $ desired icon icon code in accordance with - ID forum. For example , if the wish icon : http://fortawesome.github.io/Font-Awesome/icon/map/ category ID - 255 , we add before
So .. all in boardIndexTemplate , change
Whit:
and this :
Whit:
where change:
the icon you want to be made of type redirect forums .
And ipb_styles.css add down everything , that :
Author: Courage.
Code:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
Code:
<head>
From boardIndexTemplate , replace
Code:
<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>
Code:
$icon = 'fa fa-comments';
Code:
'3' => 'fa-globe',
So .. all in boardIndexTemplate , change
Code:
<img src='{$this->settings['img_url']}/f_icon_read.png' />
Code:
<div class='icon_awesome_forum_citit'><i class="{$icon}"></i></div>
and this :
Code:
<img src='{$this->settings['img_url']}/f_redirect.png' />
Code:
<div class='icon_awesome_forum_necitit'><i class="fa fa-external-link"></i></div>
Code:
<i class="fa fa-external-link"></i>
the icon you want to be made of type redirect forums .
And ipb_styles.css add down everything , that :
Code:
.icon_awesome_forum_necitit {
text-align: center;
font-size: 25px;
color: #eee;
}
.icon_awesome_forum_citit {
text-align: center;
font-size: 25px;
color: #444;
}
Author: Courage.
Users browsing this thread: 2 Guest(s)