PinoStudio 1

Full Version: Replace postbit online/offline images with Fontawesome icons
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Replace postbit online/offline images with Fontawesome icons

For Font Awesome 4: Este lo tengo instado en el hosting Font Awezome Username Style
In headerinclude add:
Quote:<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Replace postbit_online with:
Quote:<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:
Quote:<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:
Quote:<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">



Replace postbit_online with:
Quote:<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:
Quote:<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...

Tutorial por: vintagedaddyo
User Vintagendaddyo

Cool