Μετάβαση στο περιεχόμενο
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

Μοιράσου αυτή την δημοσίευση


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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Απάντηση στο θέμα...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • 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