Z uwagi na dużą liczbę wpisów stworzonych bez wątpienia wyłącznie w celu pozycjonowania stron na określone frazy, dodaliśmy do wszystkich linków (w postach i podpisach) atrybut rel="nofollow". Z tego względu wszystkie dodane linki straciły swoją moc pozycjonerską. Forum jest dla Was, dlatego prosimy o zamieszczanie wyłącznie "prawdziwych" tematów i odpowiedzi.

Gradient na elmencie <ul>

Dreamweaver, XHTML, CSS, JavaScript, jQuery
  • Wiadomości
Offline

Pjotrek

  • Posty: 5
  • Rejestracja: 1 gru 2016, o 13:37

Gradient na elmencie <ul>

Post1 gru 2016, o 13:40

Mam problem z gradientem na liście ul. Dokładnie chodzi o punktory. Cały tekst jest pokryty gradientem tylko nie punktory. Co zrobić żeby punktory też były pod gradientem?

Oto przykład problemu:
https://jsfiddle.net/amt97jz3/
Offline

danzawadzki

  • Posty: 2
  • Rejestracja: 29 lis 2016, o 10:09

Re: Gradient na elmencie <ul>

Post1 gru 2016, o 13:52

Prosze rozwiązanie. Gradient trzeba dopisać dodatkowo w selektorze :before.

http://jsfiddle.net/leaverou/ytH5P/


Update:

Kod: Zaznacz cały
#optionList {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#005575), to(#9CD5F3));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  list-style: none;
  padding:0;
  margin:0;
}

#optionList li {
    padding-left: 1em;
    text-indent: -.7em;
}

#optionList li:before {
    content: "• ";
}


Powinno zadziałać.
Offline

Pjotrek

  • Posty: 5
  • Rejestracja: 1 gru 2016, o 13:37

Re: Gradient na elmencie <ul>

Post1 gru 2016, o 14:48

Działa :)
Dzięki :)

Wróć do Projektowanie w XHTML i CSS

Kto jest online

Użytkownicy przeglądający to forum: Bing [Bot] i 1 gość

cron