WebMaster

Font Awesome as Icons

Go down

In Progress Font Awesome as Icons

Post by BatBoyz on Sun Apr 29, 2018 4:21 pm

Hey so first of all Idk where this fits in too but I really like how your forum has this font awesome as icons was wondering where I can find it to add it to my board thanks.
avatar
BatBoyz

Joined : 2018-04-29
Messages : 13
Likes Received : 3

View user profile

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by Mati on Sun Apr 29, 2018 9:59 pm

Hi, BatBoyz

I have moved your topic in CSS (Cascading Style Sheets) this is very easy to apply on your forum but I must know your forum version.

_________________
Mati - WebMaster Administrator

avatar
Mati
AdministratorOwner

Joined : 2015-12-11
Messages : 33
Likes Received : 4

View user profile http://web-master.forumotion.net

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by BatBoyz on Sun Apr 29, 2018 10:59 pm

can see the all the versions, please I will be using Phpbb3.
avatar
BatBoyz

Joined : 2018-04-29
Messages : 13
Likes Received : 3

View user profile

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by Mati on Sun Apr 29, 2018 11:09 pm

BatBoyz wrote: can see the all the versions, please I will be using Phpbb3.

Just go in to your Admin control penal -> Display -> Choose a theme -> Version and see it there.

_________________
Mati - WebMaster Administrator

avatar
Mati
AdministratorOwner

Joined : 2015-12-11
Messages : 33
Likes Received : 4

View user profile http://web-master.forumotion.net

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by BatBoyz on Sun Apr 29, 2018 11:12 pm

Mati wrote:
BatBoyz wrote: can see the all the versions, please I will be using Phpbb3.

Just go in to your Admin control penal -> Display -> Choose a theme -> Version and see it there.

Oh No I mean like adding the font awesome to icons I know I will be using phpbb3 lol I was talking about enabling font awesome as the icons. Also off topic are you gonna make any new themes?
avatar
BatBoyz

Joined : 2018-04-29
Messages : 13
Likes Received : 3

View user profile

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by Mati on Sun Apr 29, 2018 11:26 pm

Ah, Ok! may I have your link to your forum?

I always can help you with customize your forum just ask on this forum.

_________________
Mati - WebMaster Administrator

avatar
Mati
AdministratorOwner

Joined : 2015-12-11
Messages : 33
Likes Received : 4

View user profile http://web-master.forumotion.net

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by BatBoyz on Sun Apr 29, 2018 11:36 pm

I can't put the link as i have to wait 7 days before posting any link but its called forumlife . forumotion . com
avatar
BatBoyz

Joined : 2018-04-29
Messages : 13
Likes Received : 3

View user profile

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by Mati on Sun Apr 29, 2018 11:52 pm

wired because I have active that members with less than a week registration to post external links try again...

_________________
Mati - WebMaster Administrator

avatar
Mati
AdministratorOwner

Joined : 2015-12-11
Messages : 33
Likes Received : 4

View user profile http://web-master.forumotion.net

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by BatBoyz on Sun Apr 29, 2018 11:57 pm

http://Forumlife.forumotion.com

EDIT its working now also I need some edits the theme I am using its yours btw Laughing
avatar
BatBoyz

Joined : 2018-04-29
Messages : 13
Likes Received : 3

View user profile

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by Mati on Mon Apr 30, 2018 12:03 am

I saw that theme has to be update but I will not do that.

I will help you tomorrow on how to apply Font Awesome Icons on your forum or you can wait until I create a new theme just like this one.

_________________
Mati - WebMaster Administrator

avatar
Mati
AdministratorOwner

Joined : 2015-12-11
Messages : 33
Likes Received : 4

View user profile http://web-master.forumotion.net

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by BatBoyz on Mon Apr 30, 2018 12:18 am

Mati wrote:I saw that theme has to be update but I will not do that.

I will help you tomorrow on how to apply Font Awesome Icons on your forum or you can wait until I create a new theme just like this one.

I will wait for a new theme but you can show me how too.
avatar
BatBoyz

Joined : 2018-04-29
Messages : 13
Likes Received : 3

View user profile

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by BatBoyz on Mon Apr 30, 2018 12:37 am

Could I get a theme like your on this site but something sleek  minus the sidebar

https://imgur.com/a/EBmUa
avatar
BatBoyz

Joined : 2018-04-29
Messages : 13
Likes Received : 3

View user profile

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by Mati on Tue May 01, 2018 10:45 am

Hi, @BadBoyz

To apply this on your forum you need to add some CSS to your stylesheet so the system displays correctly. Go to Administration Panel > Display > Colors > CSS stylesheet and paste the following rules in your stylesheet.

Code:
.nodeIcon {
    color: #9b9b9b;
    font-size: 30px;
    margin: -50px 0 220px 5px;
    position: absolute;
}
dl.icon {
    background-position: -80px 50% !important;
}


Now you need to add the JavaScript

To install the system you only need to go to Modules > JavaScript codes management and create a new script with the following settings.

Title : Icons for the forum
Placement : In all the pages

Code:
$(function() {
  $('.forabg dl[style*="https://hitsk.in/t/18/09/33/i_folder_big.png"]').find('.dterm ').append('<span class="nodeIcon"><i class="fa fa-comments"></i></span>');
});

Now you must go to Templates to add the link for Font Awesome to overall_header and paste it below
Code:
<head> tag
Code:
 <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

Save & Publish

_________________
Mati - WebMaster Administrator

avatar
Mati
AdministratorOwner

Joined : 2015-12-11
Messages : 33
Likes Received : 4

View user profile http://web-master.forumotion.net

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by BatBoyz on Tue May 01, 2018 4:31 pm

Great thanks so much! I also will wait when you created a new theme!
avatar
BatBoyz

Joined : 2018-04-29
Messages : 13
Likes Received : 3

View user profile

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by Mati on Tue May 01, 2018 8:07 pm

Is this topic solved naw?

_________________
Mati - WebMaster Administrator

avatar
Mati
AdministratorOwner

Joined : 2015-12-11
Messages : 33
Likes Received : 4

View user profile http://web-master.forumotion.net

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by BatBoyz on Wed May 02, 2018 2:41 am

Mati wrote:Is this topic solved naw?

it shows me this i followed the tutorial and all
https://prnt.sc/jckv0c
avatar
BatBoyz

Joined : 2018-04-29
Messages : 13
Likes Received : 3

View user profile

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by Mati on Thu May 03, 2018 8:10 am

I see you have change the forum version but remember to change the links for your forum icons in the JavaScript.

_________________
Mati - WebMaster Administrator

avatar
Mati
AdministratorOwner

Joined : 2015-12-11
Messages : 33
Likes Received : 4

View user profile http://web-master.forumotion.net

Back to top Go down

In Progress Re: Font Awesome as Icons

Post by Sponsored content


Sponsored content


Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum
Webmaster Forums™ © 2018 | All Rights Reserved | Style by Mati