• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jeden wyraz a dwa kolory

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
653 wizyt
pytanie zadane 20 grudnia 2017 w HTML i CSS przez Weronika Nowicjusz (220 p.)
edycja 20 grudnia 2017 przez xmentor

Witam.

Chcę zrobić logo strony, które będzie jednym wyrazem, jednak zależy mi na tym, żeby połowa wyrazu była czarna a druga połowa pomarańczowa. 

Jak to zrobić? Nie mam pojęcia jakiego kodu powinnam użyć.

Z góry dziękuję za pomoc :)

2 odpowiedzi

0 głosów
odpowiedź 20 grudnia 2017 przez lapa19904 Stary wyjadacz (11,560 p.)
wybrane 20 grudnia 2017 przez Weronika
 
Najlepsza
<p>Pierwsza część słowa<span class="orange-text">druga część słowa</span></p>

w pliku css:

.orange-text{

color: orange;

}
komentarz 20 grudnia 2017 przez Weronika Nowicjusz (220 p.)
Dzięki wielkie :)
1
komentarz 20 grudnia 2017 przez Tomek Sochacki Ekspert (227,490 p.)
Nie twórz klasy w stylu "orange-text". Za chwilę stwiedzisz, że jednak lepszy byłby zielony i zostaniesz z klasą orange i kolorem green :)

Nazwy nadawaj jakieś logiczne, wskazujące np. przeznaczenie elementu. Robiąc nazwę klasy CSS zastanów się, czy jeśli zmienisz jakąś z jej reguł CSS to czy nazwa klasy dalej ma sens, jeśli nie, to znaczy, że nazwa jest zła :) Tak samo nie rób nazw z left, right itp.

Powodzenia w kodowaniu :)
komentarz 20 grudnia 2017 przez Weronika Nowicjusz (220 p.)
Dzięki wielkie za informacje! :)

To dopiero moje początki i każda dobra rada jest na wagę złota :)

Pozdrawiam :)
+1 głos
odpowiedź 20 grudnia 2017 przez PaulGilbert Gaduła (3,280 p.)
Innym rozwiązaniem jest nałożenie gradientu, który może być także w poziomie, bo jaby ktoś chciał mieć na dole inny kolor i na górze inny to się tego dzielenim wyrazu na litery nie zrobi.
komentarz 20 grudnia 2017 przez Weronika Nowicjusz (220 p.)

Dzięki za sugestię.

Dopiero zaczynam przygodę z tworzeniem stron i każda rada jest cenna. smiley

Podobne pytania

0 głosów
0 odpowiedzi 115 wizyt
0 głosów
2 odpowiedzi 189 wizyt
0 głosów
3 odpowiedzi 241 wizyt
pytanie zadane 25 grudnia 2015 w JavaScript przez Voudubu Użytkownik (740 p.)

93,164 zapytań

142,176 odpowiedzi

321,938 komentarzy

62,492 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 688p. - dia-Chann
  2. 676p. - CC PL
  3. 675p. - Łukasz Piwowar
  4. 664p. - Marcin Putra
  5. 662p. - Łukasz Eckert
  6. 649p. - Michal Drewniak
  7. 641p. - rafalszastok
  8. 641p. - rucin93
  9. 629p. - Piotr Aleksandrowicz
  10. 621p. - Dawid128
  11. 602p. - Michał Telesz
  12. 597p. - Hubert Chęciński
  13. 572p. - ssynowiec
  14. 500p. - TheLukaszNs
  15. 437p. - nidomika
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...