framework.gp

Ezzel a kis kóddal a blogmodulban kicserélhetitek az alap G-Portálos hozzászólás ikont a Font Awesome-féle ikonra.

Tehát ehelyett:

Ez lesz:

Természetesen szükség van ehhez a Font Awesome-ra is, ez megtalálható az oldalon ide kattintva.

Aztán jöhet a CSS kód:

.blogcommentcount img {
display: none; /* alap ikont eltüntetjük */
}

.blogcommentcount a::before {
content: "\f075"; /* ikon */
font-family: FontAwesome;
padding-right: 3px; /* ikon és szöveg közötti hely */
}

És kész is. Természetesen nem csak ezt az ikont lehet berakni, hanem bármelyik Font Awesome ikont (lista itt), egyszerűen csak kimásoljátok az ikon unicode kódját, majd a CSS-ben a content tulajdonságba írjátok egy \ jel után.

A kód szabadon felhasználható, de portálépítős és egyéb hasonló oldalakra megköszönném, ha nem kerülne ki.

Súgó Még nincs hozzászólás.

Frissítés