Replace postbit online/offline images with Fontawesome icons
Most basic way is as follows:
For Font Awesome 4:
In headerinclude add:
Replace postbit_online with:
Replace postbit_offline with:
For Font Awesome 5:
In headerinclude add:
Replace postbit_online with:
Replace postbit_offline with:
You can then modify further by css for example this basic usage is pulling from existing offline and online class for coloring..., so you could replace those in the call with your custom classes and allow for positioning, coloring, and whatever else you so desire...
![.png]( "PNG Image")
Screenshot_20181003-154334.png (Size: 58.29 KB / Downloads: 2)
![.png]( "PNG Image")
Screenshot_20181003-154314.png (Size: 73.99 KB / Downloads: 2)
Most basic way is as follows:
For Font Awesome 4:
In headerinclude add:
Code:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">Replace postbit_online with:
Code:
<a href="online.php" title="{$lang->postbit_status_online}"><i class="fa fa-check-circle online" alt="{$lang->postbit_status_online}"></i></a>Replace postbit_offline with:
Code:
<i class="fa fa-times-circle offline" title="{$lang->postbit_status_offline}" alt="{$lang->postbit_status_offline}"></i>For Font Awesome 5:
In headerinclude add:
Code:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">Replace postbit_online with:
Code:
<a href="online.php" title="{$lang->postbit_status_online}"><i class="fas fa-check-circle online" alt="{$lang->postbit_status_online}"></i></a>Replace postbit_offline with:
Code:
<i class="fas fa-times-circle offline" title="{$lang->postbit_status_offline}" alt="{$lang->postbit_status_offline}"></i>You can then modify further by css for example this basic usage is pulling from existing offline and online class for coloring..., so you could replace those in the call with your custom classes and allow for positioning, coloring, and whatever else you so desire...
Screenshot_20181003-154334.png (Size: 58.29 KB / Downloads: 2)
Screenshot_20181003-154314.png (Size: 73.99 KB / Downloads: 2)