Jump to content
JoeDer

Font Awesome εικονίδια στα forums

Recommended Posts

JoeDer

Εάν θέλετε να αλλάξετε τα εικονίδια που βρίσκονται αριστερά των forums με εικονίδια Font Awesome μπορεί να γίνει με τον παρακάτω τρόπο.

 

Αρχικά πηγαίνουμε στην σελίδα με την λίστα των Font Awesome και διαλέγουμε ένα εικονίδιο που ταιριάζει στο forum που θέλουμε να το τοποθετήσουμε.

Ας υποθέσουμε ότι θέλουμε το εικονίδιο με την κωδική ονομασία fa-camera, πατάμε επάνω στο εικονίδιο και μας ανοίγει η σελίδα με τα χαρακτηριστικά του, επιλέγουμε την κωδικοποίηση Unicode: f030

fa-camera.jpg.914806ac69f017168b26d8f6c9

 

Το επόμενο βήμα είναι να πάμε στα css του theme και να επιλέξουμε το custom.css

custom_css.thumb.jpg.9137a3cdf538f9efb80

 

Εκεί μέσα θα προσθέσουμε τον παρακάτω κώδικα δηλώνοντας το ID του forum και το unicode του icon

[data-forumid="2"] .fa-comments:before {
	content: "\f1b9";
}

Όπως βλέπουμε το data-forumid="2" είναι το ID του forum και το content: "\f1b9"; είναι το unicode icon από τα font awesome icons.

 

Το αποτέλεσμα θα έχει ως εξής:

forum_icon.PNG.18ec09033e56f4a6d4f499033

Edited by JoeDer

Share this post


Link to post
Share on other sites
Σχολιάστε εποικοδομητικά

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. | Terms of Use