Pobawmy się cieniem - efekty dla tekstu za pomocą cienia

02.06.2018


Jakiś czas nie pojawiały się instrukcje, dlatego dzisiaj mam dla Was przygotowanego gotowca na efekty związane z tekstem za pomocą cienia tzw. box-shadow.

Box-shadow nie tylko może posłużyć nam do dodania tradycyjnego cienia do tekstu, ale dzięki niemu możemy utworzyć takie efekty jak np. efekt neonu czy uwypuklenia.

1. Efekt neon




Efekt:

Excepteur sint occaecat cupidatat non proident

2. Efekt wypuklenia




Efekt:

Excepteur sint occaecat cupidatat non proident

3. Efekt tradycyjny




Efekt:

Excepteur sint occaecat cupidatat non proident

4. Efekt 3D 


Excepteur sint occaecat cupidatat non proident



5. Efekt cień + kolor

Efekt:

Excepteur sint occaecat cupidatat non proident



Wszystkie wartości są zmienne.
Selektor - wpisujemy selektor dla elementu, który chcemy zmienić, np. dla tytułu wpisu.
Czytaj dalej »

Darmowe plakaty A4 do pobrania

24.05.2018


Tak wiem, jakiś czas mnie tu nie było, ale na zawsze nie zniknęłam, co to to nie :) W każdym bądź razie, na chwilę obecną wpisy nie będą pojawiać się zbyt często, chociaż bardzo bym chciała, aby tak było - powód jest jeden i bardzo znaczący dla mnie (ci co obserwują bloga na facebooku to wiedzą) posypało mi się trochę zdrowie. Tak czy siak, przygotowałam dla Was ten wpis.

Mam dla Was 6 darmowych plakatów z motywem zwierząt w formacie A4 do pobrania za darmo!

Jeśli szukasz minimalistycznych plakatów do swojego domu, to bez wątpienia ten wpis jest dla Ciebie! :)

Wilk


Pobierz

Królik


Pobierz

Lis


Pobierz

Niedźwiedź



Pobierz

Jeleń



Pobierz

Koń



Pobierz

Czytaj dalej »

Jak zrobić etykiety nad tytułem wpisu

24.04.2018



Od jakiegoś czasu dostawałam od Was maile z pytaniami jak zrobić etykiety nad tytułem wpisu. Długo zastanawiałam się nad tym, którą wersję Wam przedstawić i zdecydowałam się na najprostszą. Pokażę Wam jak za pomocą kodu CSS, przenieść nasze etykiety ze stopki wpisu nad tytuł.

1. Przechodzimy do motyw - dostosuj - zaawansowane - dodaj arkusz CSS wklejamy kod:



Elementy do zmiany: 

.post-labels {
font-family: Open Sans; - rodzaj fontu 
padding: 10px 10px!important; - marginesy wewnętrzne 
top: -45px; - położenie etykiet (góra/dół)
left: 50px; - ustawienie do lewej
text-align: center; - wyśrodkowanie (opcjonalnie left/right) 
width: 700px!important; - wielkość 
}
.post-labels a {
background: transparent; - kolor tła 
padding: 2px 6px; - wewnętrzne marginesy 
color: #999; - kolor tekstu 
font-size: 20px; - wielkość tekstu 
text-decoration: none;
letter-spacing: 1px ; - odstęp między literami 
}
.post-labels a:hover {
text-decoration: none;
color:  #2C76AD; - kolor po najechaniu myszą 
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
}

Gotowe :)
Czytaj dalej »

3 tapety na kwiecień i 3 tapety wiosenne

01.04.2018


Pewnie wszyscy zauważyli, że mamy już kwiecień (oprócz mnie, bo ja się dziś obudziłam z przekonaniem, że nadal mamy marzec), więc w związku z tym przygotowałam dla Was 6 tapet na pulpit do pobrania za darmo! :) 3 tapety, są to typowo tapety na kwiecień, ponieważ zawierają kwietniowy kalendarz. Trzy kolejne motywy, to coś dla tych, którzy nie czują potrzeby posiadania kalendarza na swoim pulpicie - są to po prostu "tradycyjne" wiosenne tapety. No i pojawiła się pewna nowość, jeśli chodzi o tapety na pulpit  - to jest pierwsza seria tapet zrobiona w rozmiarze uniwersalnym, nie powinno być problemu z dopasowaniem do danej rozdzielczości waszego ekranu, aczkolwiek, wiadomo, że różnie to bywa, więc jak już ktoś pobierze i umieści na swoim pulpicie którąś z tych tapet, to proszę dajcie znać w komentarzu, jak to się u Was sprawuje :)
Od razu mogę Wam powiedzieć, że w rozdzielczości 1366x768 i wyższych - dopasowują się świetnie, w mniejszych, no cóż, pozostawało mi to sprawdzić na różnych stronach w internecie. Pokazywały, że wszystko powinno być ok, ale wiecie jak to jest, lepiej dowiedzieć się od osób, które monitory z mniejszą rozdzielczością posiadają, także będę wdzięczna za wszelkie informacje, bo to pomoże mi przy następnych projektach :)

Tapeta na pulpit - kalendarze kwiecień



Pobierz


Pobierz


Pobierz

Tapety wiosenne



Pobierz


Pobierz


Pobierz

Czytaj dalej »

Copyright © Szablon wykonany przez Blonparia