Skocz do zawartości

Dlaczego nie wyświetla mi się content, jak jest (chyba) prawidłowo wpisany do funkcji?


Rekomendowane odpowiedzi

Opublikowano (edytowane)

Witam. Dlaczego mi nie dodaje obrazku "content" gdy jest wpisany do kodu (Chciałbym aby się pojawiał przed napisem, napis otoczony żółtym obłokiem) ? Być może funkcja jest zła lub kod źle napisany, ale inaczej by nie zmieniło się nic. Opcja color działa, zamiast wyświetlić content i go pokolorować na ten kolor to koloruje mi napis. Kod:

.cForumRow .ipsDataItem_title a {
    content: "\f111";
    color: royalblue;
}

 Obraz:

sss.thumb.png.8f9c65a6f088b2160d17c2d2d17ddfa6.png

 

Kropki przy subdziałach ogarnąłem bez problemu. Chciałem mieć przy napisach tych też content tylko np. w kształcie strzałki. Wiem, że cyfry są pod kółko ale to tak na test czy zadziała. A jakby zadziałało to już od razu numer przestawiam na strzałkę. 

Edytowane przez michal.rys.348
Opublikowano (edytowane)
6 godzin temu, DawPi napisał:

Podziel się.

.cForumRow .ipsDataItem_title a:before {   - Ikonka z prawej strony
    color: brown;
      content: "\f0a9";
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    margin-right: 4px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
    vertical-align: top;
}

.cForumRow .ipsDataItem_title a:after { -- Ikonka z lewej strony
    color: brown;
      content: "\f0a8";
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    margin-left: 4px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
    vertical-align: top;
}

Edytowane przez michal.rys.348
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.