Jak zmienić wygląd paska przewijania na blogu

poniedziałek, 24 listopada 2014


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ą 



1. Przechodzimy do szablon - edytuj kod HTML 
2. Klikamy kursorem w dowolne miejsce a następnie za pomocą CTRL + F wywołujemy okno wyszukiwania.




3. W oknie wyszukiwania wpisujemy ]]></b:skin> i klikamy enter.

4. Kiedy już znajdziemy wyszukiwany  przez nas fragment kodu to nad nim wklejamy następujący  kod:


::-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: 



Udostępnij ten wpis:
Czytaj dalej »

Jak zrobić własne pędzle (brushe) do GIMPa

poniedziałek, 3 listopada 2014


Uwielbiam bawić się w GIMPie,a w szczególności uwielbiam opcje pędzla. Bardzo często szukam nowych pędzli do pobrania,ale ostatnie poszukiwania nie przyniosły żadnego efektu,postanowiłam,więc sama zrobić pędzle,które będą spełniały moje wymagania.


Jeśli posiadasz obraz w formacie PNG omiń punkt 2,jeśli posiadasz obraz PNG z przezroczystym tłem omiń punkt 2 i 3.
Jeśli chcesz posiadać pędzle bez możliwości zmiany koloru przy użytkowaniu i pozostawić je w kolorze omiń punkt 4 i 5.

1. Pierwsze co należy zrobić to wybrać zdjęcie/grafikę,z którego chcemy zrobić nasz pędzel,ja stworzyłam sobie w tym celu konia.


Klikamy prawym przyciskiem myszki na naszą grafikę i wybieramy Edit with GIMP,jeśli ta opcja nam się nie pokażę to należy otworzyć GIMPa i wybrać plik - otwórz... i szukamy naszego obrazu.

2. Jeśli nasz obraz jest w formacje JPEG/JPG to musimy wykonać następujący krok: przechodzimy do kolumny warstwy - pędzle i prawym przyciskiem myszki klikamy na nasz obraz w kolumnie i wybieramy dodaj kanał alfa,jeśli nie pojawiła wam się kolumna z warstwami oraz pędzlami wystarczy je włączyć klikając okna - dokowalne okna dialogowe - warstwy/pędzle lub sprawdzić czy nie zostały przez was ostatnio zamknięte: okna - ostatnio zamknięte doki. 


W moim przypadku grafika jest już w formacie PNG dlatego nie muszę dodawać kanału alfa.

3. Teraz będziemy robili przezroczyste tło naszej grafiki. Jak już mamy dodany kanał alfa to przechodzimy do przybornika i za pomocą narzędzia różdżki zaznaczamy i usuwamy niepotrzebne nam tło.


Po zaznaczeniu tła klikamy na obraz prawym przyciskiem myszy i wybieramy edycja - wytnij



4. Teraz klikamy obraz - tryb - odcienie szarości 


Nasz obraz zmienił kolory na czarno - białe,co pozwoli przy używaniu pędzla na zmianę koloru,jeśli chcemy aby nasz pędzel pozostał w kolorach bez możliwości zmiany omijamy ten punkt.


5. Klikamy znowu na obraz i wybieramy spłaszcz obraz


6. Zapisujemy nasz obraz klikamy plik - wyeksportuj 



Otwiera nam się drugie okno na dole mamy mały plusik po lewej stronie przy którym jest napisane Wybór typu pliku (Według rozszerzenia) klikamy na plusik i wybieramy typ pliku w naszym przypadku będzie to Pędzel programu GIMP gbr i klikamy wyeksportuj



Po tym pojawi nam się jeszcze jedno okno w nim nie zmieniamy nic tylko klikamy wyeksportuj


7. Teraz pozostaje nam skopiować pędzel



i wgrać nasz do gimpa w tym celu przechodzimy do dysku C - Program Files 



GIMP 2 - share - gimp - 2.0 - brushes i wklejamy nasz skopiowany pędzel,można nam się pojawić okno,które prosi o uprawnienia administratora w tym celu należy kliknąć kontynuuj 




8. Uruchamiamy gimpa ponownie i możemy cieszyć się nowymi pędzlami





Udostępnij ten wpis:
Czytaj dalej »

Copyright © Szablon wykonany przez My pastel life