Pasek przewijania strony - mały szczegół,większość z nas nie zwraca nawet na niego uwagi jednak,fajnie to wygląda kiedy nawet taki mały szczegół komponuje się z naszym blogiem.
W dzisiejszym tutorialu pokaże wam jak w bardzo prosty sposób możemy odświeżyć nasz pasek przewijania na blogu.
Pamiętaj aby przed rozpoczęciem edycji szablonu zrobić kopię zapasową


::-webkit-scrollbar {
background:#fff;
width:10px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #3FB1AE 10%, #3FB1AE 51%);
}
::-webkit-scrollbar-track {
}
background:#fff; - kolor tła
width: 10px - szerokość naszego paska
background-image: -webkit-linear-gradient(top, #3FB1AE 10%, #3FB1AE 51%) - kolory naszego paska,jeśli ma być on w jednolitym kolorze to ten sam kolor musi byc zarówno przy 10% i przy 51% aby uzyskać efekt tzw ombre na naszym pasku zmieniamy kolor albo przy 10% albo przy 51%
Jeśli chcemy mieć dwukolorowy pasek bez efektu ombre to zmieniamy 10 % na 51% (wartościami procentowymi możemy się bawić)
Oto kilka przykładów:
Pomocne bardzo :D
OdpowiedzUsuńhttp://luxwell.blogspot.com/2014/11/3-sezonowcy.html
Skąd Ty to wszystko wiesz?:) jak zwykle przydatne informacje:)
OdpowiedzUsuńTrochę czytam,trochę z kursów :)
UsuńAle fajny dodatek :)
OdpowiedzUsuńteenluxy.blogspot.com
Bardzo przydatne. Takie rzeczy zawszę wydawały mi się trudne. :)
OdpowiedzUsuńPrzydatny post :) Czekam na więcej takich, bo u mnie coś słabo z html i css, a znaleźć ciekawe źródło jest ciężko :)
OdpowiedzUsuńA jak wydłużyć ten pasek?
OdpowiedzUsuńPasek sam się wydłuża zależnie od treści na blogu - im więcej treści na stronie tym pasek jest krótszy, mnie treści = pasek dłuższy
UsuńWitam, mam pytanie. Czy orientujesz się w jaki sposób zmienić styl ankiety blogger'a?
OdpowiedzUsuńNa stronie głównej mojego serwisu ( http://obserwatorgieldowy.blogspot.com ) wrzuciłem ankietę i nie mam pomysłu jak zastąpić domyślne czcionki na takie jak w przypadku pozostałych widgetów. Dziękuję za pomoc.
Aby modyfikować styl gadżetu "ankieta" bloggera, to niestety bezpośrednio przez kod CSS się nie da. Trzeba poszukać zastępników, stron, na których można taką ankietę stworzyć i dowolnie modyfikować, po czym kod wkleić w gadżecie HTML/JavaScript
Usuń