Μετάβαση στο περιεχόμενο

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


JoeDer

Recommended Posts

Εάν θέλετε να αλλάξετε τα εικονίδια που βρίσκονται αριστερά των 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
Link to comment
Share on other sites


Δημιουργήστε ένα λογαριασμό ή συνδεθείτε προκειμένου να αφήσετε κάποιο σχόλιο

Πρέπει να είστε μέλος για να μπορέσετε να αφήσετε κάποιο σχόλιο

Δημιουργία λογαριασμού

Κάντε μια δωρεάν εγγραφή στην κοινότητά μας. Είναι εύκολο!

Εγγραφή νέου λογαριασμού

Σύνδεση

Εάν έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
×
×
  • 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