Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

omom

Jak zmienić wygląd scrolla. (Paska przewijania)

Promowane odpowiedzi

Wie ktoś może jak zmienić wygląd?

CSS, ew html.

Czysta strona złożona z index.html i style.css

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

chodzi Ci o ten scroolbar z boku każdej strony?

 

::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
border-left: 1px solid #000;
}
::-webkit-scrollbar-thumb {
background: #0e446c;
    -webkit-box-shadow: inset 0 0 6px #0e446c;
}
::-webkit-scrollbar-thumb:hover {
background: #0e446c;
    -webkit-box-shadow: inset 0 0 6px #0e446c;
}
::-webkit-scrollbar-thumb:window-inactive {
background: #0e446c;
} 

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
6 minut temu, Makey ツ napisał:

chodzi Ci o ten scroolbar z boku każdej strony?

 


::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
border-left: 1px solid #000;
}
::-webkit-scrollbar-thumb {
background: #0e446c;
    -webkit-box-shadow: inset 0 0 6px #0e446c;
}
::-webkit-scrollbar-thumb:hover {
background: #0e446c;
    -webkit-box-shadow: inset 0 0 6px #0e446c;
}
::-webkit-scrollbar-thumb:window-inactive {
background: #0e446c;
} 

 

 

Tak, tylko jak dodać do indexu to, w jakiej formie.

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

 

21 minut temu, Sin napisał:

 

Tak, tylko jak dodać do indexu to, w jakiej formie.

to musisz dodać do css :D

Edytowane przez Makey ツ

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
8 minut temu, Makey ツ napisał:

 

to musisz dodać do css :D

 

Dodaje do body { i nic się nie dzieje.

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

to do pliku CSS musisz dać, a jak chcesz do index.html to dodaj w taki sposób:

 

<style>

tutaj kod co Ci podałem

</style>

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
6 minut temu, Makey ツ napisał:

to do pliku CSS musisz dać, a jak chcesz do index.html to dodaj w taki sposób:

 

<style>

tutaj kod co Ci podałem

</style>

 

Już sobie poradziłem :)

Cls.

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

  • Podobna zawartość

    • Przez Viruus23
      Cześć. Mam pytanie do was. Jak zrobić samemu własny scrollbar na stronie (wordpress). Próbowałem korzystać z wtyczek, które to umożliwiają jednak nie działa to poprawnie (przewijanie).
      Co edytować w stylu, a bardziej co dodać? 
    • Przez Bartek Huza
      Witam! 
      Piszę ponieważ potrzebuje zrobić na stronie efekt poziomego scrolla w jednym divie ale nie wiem jak to zrobić. Próbowałem tym co umiem ale nie działa, proszę o pomoc.
      HTML:
      <div class="friends"> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> <img src="img/user.png" class="imgfriend"/> </div> CSS:
      .friends { width:565px; margin-left:auto; margin-right:auto; height:75px; padding:20px; background-color:#fff; margin-top:30px; box-shadow:0 3px 0 #333; overflow-x:scroll; overflow-y:hidden; } .imgfriend { float:left; margin:0 10px 10px 0; border-radius:100%; width:75px; height:75px; } Z góry dzięki!
×