Darmowe tapety na telefon

sobota, 5 stycznia 2019

Darmowe tapety na telefon

Grudzień był bardzo pracowity i dokonywało się wiele zmian, jednak nie przekładało się to na bloga - niestety. Wpisy, które miałam przygotowane, nie zostały opublikowane, po prostu trzeba było się zająć rzeczami ważniejszymi. To już na szczęście minęło, więc zostawmy to co było i witam się z Wami tym wpisem w nowym roku :)

Mam dla Was 4 darmowe tapety do pobrania z motywem księżyca. Długo "chodził" za mną pomysł wykorzystania tego motywu, nie wiedziałam co mam z nim zrobić, aż w końcu postanowiłam, że idealnie będzie się prezentował na ekranach telefonów.

Skupiłam się na tym, aby główną rolę grał odcień granatu, który uwielbiam i który najbardziej kojarzy mi się z zimą. Oprócz tego, zależało mi na tym, aby kolor przewodni idealnie wpasował się w motyw, osobiście jestem zauroczona efektem końcowym :) W komentarzu dajcie znać czy Wam również takie połączenie przypadło do gustu :)


Pobierz



Pobierz


Pobierz


Pobierz

Udostępnij ten wpis:
Czytaj dalej »

Darmowy zestaw etykiet na prezenty

poniedziałek, 3 grudnia 2018


Mamy grudzień i mamy całkiem nowe grafiki do pobrania. Całkiem nowe, bo pierwszy raz pojawiły się na blogu. Mowa tutaj oczywiście o etykietach na prezenty :)

Pomysł o darmowych grafikach na święta ciągnął się za mną od nowego roku 2018 - przez cały rok czekałam na to, aż w końcu będzie grudzień, a w swoim Bullet Journal zaznaczyłam, że jak tylko pojawi się grudzień na kalendarzu to rozpocznę publikację świątecznych grafik.

Na pierwszy ogień poszły etykiety na prezenty! Wszystkich jest 18 szt w 3 motywach i w 2 kształtach. Przyznam się, że te etykiety, które udostępniam Wam w tym wpisie miały na początku trafić tylko do mojej mamy, a na blogu miały znaleźć się całkowicie inne, w ostatniej chwili stwierdziłam, że przecież to nie stanowi problemu i za jakiś czas pojawi się kolejna dawka etykiet, a Wy zyskacie większy wybór :)


Kilka informacji

  • Etykiety są w kształcie klasycznym i okrągłym 
  • 3 motywy
  • Każdy motyw to 3 etykiety z każdego kształtu 
  • 18 szt. w dwóch arkuszach 
  • Jeden arkusz


Pobierz etykiety klasyczne Pobierz etykiety okrągłe

Informacje techniczne 

  • Etykiety są przygotowane w formacie PDF i w wysokiej jakości (300 dpi)
  • Papier na którym najlepiej drukować etykiet to taki, który ma większą gramaturę niż standardowa kartka do drukarki (80g) - papier ozdobny lub kartki z bloku technicznego.
  • Przed wybraniem opcji "drukuj" w ustawieniach ustaw "wysoka jakość" 
Przydadzą Wam się takie etykiety? :) 
Udostępnij ten wpis:
Czytaj dalej »

Nowy szablon do pobrania na Bloggera - Minimal Pink

niedziela, 25 listopada 2018


Dawno nie publikowałam szablonu na Bloggera, dlatego ostatnio postanowiłam zrobić ankietę na Instagramie, gdzie mogliście razem ze mną ten szablon zrobić, wybierając dane elementy.

Szablon Minimal Pink posiada układ kafelkowy, slider, który automatycznie wyświetla najnowsze wpisy, oraz rozwijane, statyczne menu. Pod każdym wpisem znajdziesz ikonki udostępniania wpisu, dzięki którym czytelnicy będą mogli w łatwy sposób podzielić się z innymi Twoim postem.

Szablon nie posiada blokady kodu, dzięki czemu kolory i poszczególne elementy szablonu możesz bezproblemowo dostosować.

Info o szablonie

  • Szablon przeznaczony tylko i wyłącznie na platformę Blogger
  • Szablon dwukolumnowy (prawo kolumnowy)
  • Automatyczne skracanie wpisów 
  • Menu dodane w kodzie HTML - łatwa edycja 
  • Menu rozwijane, statyczne 
  • Slider
  • Ikonki udostępniania pod każdym wpisem 
  • Szablon można bezproblemowo edytować
  • Szablon posiada ikonki społecznościowe w kolumnie bocznej

Uwagi

  • Szablon oraz ewentualne grafiki dodawane do szablonu używasz tylko i wyłącznie na użytek własny 
  • Udostępnianie szablonu osobom trzecim w formie oryginalnej lub zmienionej jest zabronione
  • Szablon posiada nieusuwalną stopkę z podpisem. Po usunięciu jej/zmienieniu szablon nie będzie działał poprawnie
  • Nie wolno zmieniać wyglądu stopki z podpisem
  • W razie problemów, proszę pisać na blog.mypastellife@gmail.com
  • Nie proś o pomoc osób trzecich w razie problemów z szablonem - istnieje ryzyko, że dana osoba, źle podejdzie do Waszego problemu i może pogorszyć sytuacje. 

UWAGA! 


Jeśli w razie wystąpienia problemu z szablonem, zdecydujesz się skorzystać z pomocy trzeciej osoby, wiedz, że taki szablon nie ma już u mnie technicznego wsparcia. 


Live Demo Pobierz szablon
Udostępnij ten wpis:
Czytaj dalej »

Jak zrobić strony/menu z ikonkami i wyszukiwarką na górze bloga

piątek, 9 listopada 2018


Przejrzałam wszystkie dostępne instrukcje na blogu i zobaczyłam, że jest wpis o wielokolorowym menu, o wysuwanym menu, o menu na górze bloga i jeszcze parę instrukcji na temat menu pewnie by się znalazło, ale... zobaczyłam, że nie było nigdy wpisu na temat menu, które składa się z menu + ikonki społecznościowe + wyszukiwarka.

Dlatego też, postanowiłam zrobić dla Was instrukcję na menu z ikonkami i wyszukiwarką, które będzie znajdować się na górze bloga.

Zapamiętaj!
Żeby ikonki wyświetlały Wam się prawidłowo to nad < head > musimy dodać nasz font awesome do bloga. Odpowiednią sekcję do wklejenia znajdziecie tutaj: https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css Pamiętaj, żeby za ostatnim " a przed > wstawić /. Końcówka kodu powinna wyglądać tak "/>

1. Przechodzimy do motyw - edytuj kod HTML
2. Klikamy obojętnie jakie miejsce w kodzie i wybieramy ctrl + f
3. W okienku wyszukiwania, które nam się pojawi wpisujemy </head> i POD tym elementem wklejamy kod:



Analiza:

# - miejsce na link, usuwamy # i wrzucamy nasz link
NAZWA STRONY - tutaj wpisujemy nazwę dla naszej strony
nazwa - to co pojawi nam się po najechaniu na stronę (małe szare okienko)

Zapamiętaj!
Jeśli chcecie usunąć lub dodać ikonki to (w przypadku usunięcia) usuwamy fragment od < li > do < /li > W przypadku dodania kolejnej ikonki, kopiujemy wiersz od < li > do < li > odpowiednio zmieniając dane. Fragment z nową ikonką, wklejamy za ostatnim < /li > ale przed < /ul >

Fragment dla nowej ikonki:




4. Zapisujemy
5. Przechodzimy do motyw - dostosuj i wklejamy kod:



Analiza:

.nav-primary {background: #000; padding: 10px 0px;} - tło menu oraz marginesy wewnętrzne
.nav-primary .wrap {padding: 0 10px;} - marginesy wewnętrzne obejmujące tekst
#menutop a{display:block; padding: 0 15px; font: 700 11px Open Sans, sans-serif; color: #fff; text-transform: uppercase; text-decoration: none; letter-spacing: 0px;} - marginesy tekstu (możemy ustawić odstęp między stronami), ustawienia fontu: grubość, wielkość, font, kolor fontu, styl dla tekstu (tutaj ustawione na wielkie litery), odstęp między literami
#menutop ul li:hover a{color: #ea9999; font-weight: 700;} - kolor linku po najechaniu kursorem, grubość fontu po najechaniu kursorem
.nav-primary ul .check {padding-left: 5px !important;} - margines wewnętrzny lewy (możemy ustawić dzięki niemu pozycję wyszukiwarki) 
#menutop ul.menux li a{color: #fff; border: 0px; text-decoration: none; font-size: 12px;} - kolor fontu dla rozwijanej części menu, wielkość fontu
#menutop ul.menux{
visibility: hidden;
opacity: 0;
height: auto;
overflow: hidden;
background: #000;
width: 165px;
opacity: 0.9;
z-index: 999;
} - tło dla rozwijanej części menu, szerokość rozwijanej części menu
#menutop ul li ul li a:hover{color: #ea9999;} - kolor po najechaniu kursorem na tekst w części rozwijanej
#menutop #searchBox {
text-transform: uppercase;
border: none;
color: #fff; font:700 13px Open Sans, sans-serif;
outline: none;
text-decoration: none;
letter-spacing: 2px;
padding-left: 10px;
padding-right: 20px;
background-color: transparent;
width: 80px;
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
-webkit-transition:border-color 1s ease; -moz-transition:border-color 1s ease; -o-transition:border-color 1s ease; transition:border-color 1s ease;
} - sekcja odpowiadająca za wyszukiwarkę w menu, styl dla tekstu, kolor fontu, ustawienia fontu: grubość, rodzaj fontu, odstęp między literami, margines wewnętrzny lewy, margines wewnętrzny prawy, szerokość 
#menutop #searchBox:focus {
width: 80px;
border-bottom: 1px solid #fff;
} - szerokość, po kliknięciu w wyszukiwarkę (efekt rozsuwania, jeśli chcemy mieć statyczną wyszukiwarkę, szerokość musimy ustawić taką samą jak szerokość przed kliknięciem w nią (sekcja wyżej), dolne obramowanie - linia, która pojawia się po kliknięciu możemy ustawić grubość, rodzaj i kolor
#menutop li.socialicon {float: right; } - ułożenie ikonek społecznościowych (tutaj ustawione na prawą stronę)
#menutop li.socialicon a {padding: 0 10px; font-size: 13px !important;} - marginesy wewnętrzne ikonek, wielkość ikonek

Efekt: 



Udostępnij ten wpis:
Czytaj dalej »

Copyright © Szablon wykonany przez My pastel life