• 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
624 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 109 wizyt
0 głosów
2 odpowiedzi 185 wizyt
0 głosów
3 odpowiedzi 236 wizyt
pytanie zadane 25 grudnia 2015 w JavaScript przez Voudubu Użytkownik (740 p.)

93,088 zapytań

142,046 odpowiedzi

321,473 komentarzy

62,435 pasjonatów

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 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...