Skocz do zawartości

Oznaczenie strzałką aktywnej strony w menu CSS


Maniek xD
 Udostępnij

Rekomendowane odpowiedzi

  • Ekspert

Możesz tą strzałkę dodawać jako tło z odpowiednim pozycjonowaniem. Możesz również użyć czegoś takiego jak :after lub :before i za pomocą CSS tworzyć taki trójkąt a następnie ustawić go dla aktywnej klasy albo jeżeli nie chcesz bawić się w CSS (tj, dopasować wielkość trójkąta) to za pomocą FontAwesome dodawać go a rozmiar zmieniać tak jak w przypadku czcionek.

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert

Tylko nie bardzo rozumiem dlaczego każecie mu tworzyć jakiś kształt. Wystarczy stworzyć pseudoelement i odpowiednio go wypozycjonować.

Tutaj zrobiłem coś takiego (podobnego), może Ci się przyda: http://codepen.io/Salvation/pen/rLkQXK

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert

A właśnie, tak lekko odbiegając od tematu, która forma jest poprawna, ::before czy :before? Ja zawsze uzywalem tego drugiego i CSS działał prawidłowo a większość osób nie podając przykładów sugeruje użyć formy pierwszej, wiec ma to jakieś znaczenie czy nie?

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert

:: - pseudoelementy  http://webkod.pl/kurs-css/selektory/pseudoelementy/selektor-before

: - pseudoklasy  http://webkod.pl/kurs-css/selektory/pseudoklasy/selektor-nieodwiedzonego-linku

Jak wyczytać można:

Selektor :before możemy również zapisywać za pomocą dwóch dwukropek, czyli ::before, dzięki czemu możemy łatwiej odróżnić, w naszym kodzie, selektory pseudoelementów od selektorów pseudoklas, jednak raczej zaleca się posługiwaniem jednym dwukropkiem.

Ja stosuję dwa dwukropki dla "czystszego" kodu. I w większości przykładów jakie znajduję te dwa dwukropki jednak występują.

Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

×