Zrób ze mną szablon na bloga część 2

30 października 2016


Zobacz pierwszą część

Pierwsza część tego wpisu przyjęła się bardzo dobrze, więc postanowiłam zrobić część drugą. Ta część od pierwsze będzie różniła się tym, że zrobimy sobie jeden szablon, a nie dwa. Na czym polega ta seria wpisów? Podaje Wam kody na zrobienie danego szablonu. Tak, podaje Wam najzwyczajniej w świecie gotowce. Dlaczego nie udostępniam tych szablonów do pobrania za darmo? Bo mimo wszystko jest to forma nauki, poznaje się kody, które dla niektórych mogły być nieznane i jednocześnie można je od razu zmodyfikować pod siebie, bez szukania CSSa w kodzie szablonu, tak jak to jest w przypadku szablonów do pobrania. Zaczynamy!

1. Na początek jako naszą bazę wybieramy sobie szablon Simple (prosty) biały. Od razu mówię, że od góry zakładam, że zdjęcia do wpisów będziemy wstawiać w oryginalnym rozmiarze. Na początek, mniej więcej nasz szablon będzie prezentował się tak:

1. Przechodzimy do układu - pasek nawigacyjny - edytuj - wyłączone - zapisz


2. Wracamy do szablon - układ - wybieramy sobie układ prawo lub lewo kolumnowy i rodzaj stopki. U mnie to wygląda tak: 


3. Teraz musimy ustawić sobie szerokość naszego bloga. Przechodzimy więc do "Dostosuj ustawienia szerokości". Ja ustawiłam najbardziej optymalną czyli cały blog 1240px a kolumna boczna 330px 

4. Wracamy do zaawansowane - dodaj arkusz CSS i wklejamy kody.
Pierwszy kod, jest na dopasowanie zdjęć do szpalty, bez ruszenia mniejszych zdjęć. Małe zdjęcia pozostaną małe.


.post-body img {
  max-width:100%;
  height: auto;}
.post-body .tr-caption-container {
   padding: 0;}
.post-body .tr-caption-container img {
   max-width: 100%;
   height: auto;
   margin-left: 0;
   padding: 0;
   display: block;
}

Teraz, dodajemy kod na usunięcie ramek i cienia zdjęć we wpisie, które w szablonie Simple są narzucane odgórnie.

.post-body img {border: 0 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0px !important;
background: none !important;
}

Teraz zajmiemy się naszymi stronami. Przechodzimy do "tło kart" i zaznaczamy wszystko na przezroczyste. Następnie przechodzimy do "akcenty" i tam również wszystko zaznaczamy na przezroczyste. Przechodzimy do arkusza CSS i wklejamy tam taki kod: 

#PageList1 ul {text-align: center;}
#PageList1 ul li {float: none; display: inline;}
#PageList1  {border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 10px;
letter-spacing: 2px;
text-transform: uppercase;}

Oczywiście kolor i rodzaj fontu (czcionki) ustawiamy w zakładce "tekst kart". U mnie w menu, font to Times New Roman. 

Przechodzimy dalej. Teraz zajmiemy się wpisami. Tutaj pracujemy głównie w CSSie. Dodajemy kod:

.column-center-inner {text-align: justify;}
.post {font-family: Open Sans;
color: #444;
font-size: 12px;}
h3.post-title {text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
font-family: Times New Roman;
font-size: 18px;}
h3.post-title a {
color: #000;}
h3.post-title a:hover {
color: #76a5af;}

Przechodzimy do "nagłówek z datą". Tam zmieniamy kolor tła na przezroczyste, a kolor tekstu na czarny, ciemno szary czy jaki tam chcecie. Odznaczamy pogrubienie. Wracamy do CSSa i dodajemy kod:

h2.date-header {text-align: center;
font-family: Times New Roman;
font-size: 10px;}

Przechodzimy do "stopka posta" i kolor tekstu zmieniamy na dowolny kolor, a kolor tła i cienia na przezroczyste. Przechodzimy do CSSa i dodajemy kod:
.post-footer { text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
font-family: Open Sans;
font-size: 8px;
border-bottom: 1px solid #ddd;
padding: 10px;} 

Przy okazji dodajemy efekt dla cytatów: 

.post blockquote {
margin: 1em 20px;
}
.post-body blockquote {
line-height:21px;
background: #fff;
border: 1px solid #dadada;
padding:10px;
}

Oraz pozbywamy się tego co nam przeszkadza. Czyli kropek w pagerze bloga, "Subskrybuj: Posty (Atom)", "Technologia Blogger" i przerywanej linii w stopce bloga. 

#blog-pager {background: transparent;}
.Attribution, .feed-links {display: none;}
.footer-outer {border: 1px solid transparent;}

Skoro już jesteśmy na dole naszego bloga, to dostosujemy sobie nasz Pager, wklejając kod: 

#blog-pager a{display: inline-block;  
color: #888;  
letter-spacing: 2px;  
text-transform: uppercase;  
font-size: 10px;  
border: 1px solid #e5e5e5;  
padding: 13px 15px;  
font-weight: 700;
background-color:#ffffff;}

Skoro już mamy wszystko ogarnięte, to została nam kolumna boczna, a właściwie tytuły gadżetów. Tutaj również robimy wszystko za pomocą CSSa. Dodajemy kod: 

.sidebar .widget h2, #Followers1 h2 {font-family: Times New Roman;
font-size: 15px;
letter-spacing: 2px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
border-bottom: 1px solid #000;
padding: 2px;}

Pewnie zastanawiacie się, czemu zostało dopisane #Followers1 h2 - ten selektor odpowiada za nagłówek obserwatorów. Do niektórych gadżetów, trzeba dopisać selektor po przecinku, tak jak w kodzie powyżej np. #Text1 h2 - selektor dla tytułu gadżetu "Tekst". 

Następnie dodajemy kod, na wyśrodkowanie nagłówka:

.header-inner .widget div, .header-inner img {
margin-left:auto;
margin-right:auto;
}

Zapisujemy szablon. Przedstawiłam Wam ogólny zarys szablonu jaki możecie zrobić. Poniżej są linki do wpisów z których możecie skorzystać przy dalszej modyfikacji. Nie wstawiłam ich tutaj, ponieważ nie chce powielać tego co już jest na blogu :)



Czytaj dalej »

Jak zrobić chowane-rozwijane archiwum na Bloggerze

27 października 2016


W dzisiejszym wpisie mam dla Was kolejną instrukcję, która nie wymaga grzebania w kodzie HTML. Jest to kolejna krótka instrukcja, która pozwoli nam zmodyfikować wygląd naszego archiwum.

1. Przechodzimy do szablon - dostosuj - zaawansowane - dodaj arkusz CSS i wklejamy kod:
#ArchiveList ul > li > a.post-count-link {
    font-size: 15px;
    width: 100%;
    margin: 0;
    padding: 0 15px;
    line-height: 34px;
    background-color: #eee;
    box-sizing: border-box;
    letter-spacing: 1px;
}

#ArchiveList ul ul li  a.post-count-link{
    font-size: 15px;
letter-spacing: 2px;
    width: auto;
    margin: 0 5px 0;
    padding: 10px 2px;
    line-height: 1;
background: transparent;
    text-transform: uppercase;
color: #444;
}

#ArchiveList .zippy{
    visibility: hidden;
}

#ArchiveList ul li a.toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 38px;
    z-index: 5;
}

#ArchiveList ul ul li a.toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 24px;
    display: block;
    z-index: 0;
}

#ArchiveList .toggle {
    position: relative;
}

#ArchiveList ul ul .zippy{
    color: white;
    visibility: visible;
    text-shadow: none;
}

#ArchiveList ul li{
    padding: 0 !important;
    text-indent: 0 !important;
    margin: 0 !important;
    position: relative;
}

#ArchiveList ul .post-count-link {
    padding: 10px 0;
    display: inline-block;
    margin: 0 5px 0;
}

#ArchiveList ul ul .posts li {
    margin: 0px 10px 10px 10px !important;
    text-transform: none;
}

#ArchiveList ul {
    margin: 0 0 2px !important;
}

span.post-count {
display: none;
}

1A. Analiza kodu:

#ArchiveList ul > li > a.post-count-link {
    font-size: 15px;
    width: 100%;
    margin: 0;
    padding: 0 15px;
    line-height: 34px;
    background-color: #eee;
    box-sizing: border-box;
    letter-spacing: 1px;
}

#ArchiveList ul ul li  a.post-count-link{
    font-size: 15px;
letter-spacing: 2px;
    width: auto;
    margin: 0 5px 0;
    padding: 10px 2px;
    line-height: 1;
background: transparent;
    text-transform: uppercase;
color: #444;
}

#ArchiveList .zippy{
    visibility: hidden;
}

#ArchiveList ul li a.toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 38px;
    z-index: 5;
}

#ArchiveList ul ul li a.toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 24px;
    display: block;
    z-index: 0;
}

#ArchiveList .toggle {
    position: relative;
}

#ArchiveList ul ul .zippy{
    color: white;
    visibility: visible;
    text-shadow: none;
}

#ArchiveList ul li{
    padding: 0 !important;
    text-indent: 0 !important;
    margin: 0 !important;
    position: relative;
}

#ArchiveList ul .post-count-link {
    padding: 10px 0;
    display: inline-block;
    margin: 0 5px 0;
}

#ArchiveList ul ul .posts li {
    margin: 0px 10px 10px 10px !important;
    text-transform: none;
}

#ArchiveList ul {
    margin: 0 0 2px !important;
}

span.post-count {
display: none;
}

Nagłówek z datą 

  • Wielkość fontu 
  • Tło nagłówka 
  • Odstęp między literami/cyframi
Nagłówki - miesiące
  • Wielkość fontu 
  • Kolor 
Efekt: 



Czytaj dalej »

Grafiki do pobrania za darmo prosto z Bullet Journal (watercolor)

23 października 2016


Pewnie większość z Was kojarzy Bullet Journal, a jeśli nie to w skrócie - BJ to notes, w którym tworzymy wszystko pod nas samych (różnego rodzaju tabelki, kalendarze etc.). Można w nim zapisywać wszystko i jednocześnie pomóc sobie i nauczyć się organizacji.

Dowiedz się więcej o Bullet Journal na blogu Worqshop

BJ zazwyczaj są ozdabiane różnymi obrazkami - rysunki strzałek, banerów i innych "esów floresów". Postanowiłam, że warto przenieść te rysunku na komputer i zrobić z nich grafiki użytkowe i takim oto sposobem powstał ten wpis.

Udostępniam Wam do pobrania za darmo 21 grafik, czarno-biały na transparentnym tle w formacie PNG prosto z mojego Bullet Journal - wszystkie powstały za pomocą farb akwarelowych, a więc (tak jak jest to już wspomniane w tytule wpisu) są to grafiki watercolor. Poniżej wrzucam Wam podgląd grafik, które możecie pobrać.


Pobierz zestaw grafik

Zasady pobierania 


  • Grafiki możesz udostępnić na swoim blogu/stronie pod warunkiem, że PODASZ LINK DO TEGO WPISU 
  • Grafiki pobierasz TYLKO na użytek własny 
Czytaj dalej »

6 rzeczy do przemyślenia przed edycją bloga

20 października 2016


Mam styczność z różnymi ludźmi, poznaje ich gusta i guściki, ich potrzeby. Każde zamówienie jest indywidualne. Każde ma w sobie "to coś". Każdy ma obawy. To jest normalne, ponieważ zmiana szablonu wbrew pozorom nie jest wcale taka łatwa. No dobrze, ale skoro już podejmujemy decyzje o zmianie to co warto brać pod uwagę?


Możliwość zrobienia kopii zapasowej 

Trzeba sprawdzić czy mamy możliwość zrobienia kopii zapasowej naszego obecnego szablonu. W razie pomyłki/złego wgrania szablonu etc. będziemy mogli bez problemu wgrać nasz stary szablon i tym samym unikniemy stresu związanego z popsutym szablonem na naszym blogu.

Czy dam radę zrobić szablon sam/a

Przed zabraniem się za szablon, pomyśl czy zrobienie szablonu, który będzie działał poprawnie, nie przerasta Twoich możliwości. Czy na pewno wszystko będzie działać i będzie można go bez problemu modyfikować i czy elementy, które sobie zaplanowałeś/aś dasz radę sam/a wykonać, bez tzw. robieniem tego na "chama".

Czy będzie to duża zmiana 

Jeśli planujesz kompletną metamorfozę swojego szablonu weź pod uwagę to, że tutaj musisz planować wszystko. Jakie i gdzie gadżety zostaną umieszczone. Jakie mają być kolory przewodnie. Ustalenie palety kolorów, ustalenie fontów, zaprojektowanie odpowiedniego nagłówka. Niestety, planowanie dużych zmian nie trwa parę godzin, nad tym trzeba posiedzieć, więc zobacz ile będziesz mieć dostępnego czasu na zmiany i odpowiednio je rozłóż. Jeśli zależy Ci na szybkiej zmianie, zacznij od porządków na blogu - usuń niepotrzebne gadżety, wybierz paletę kolorów lub fonty (zależy na czym bardziej Ci zależy). Takie małe rzeczy jak usunięcie niepotrzebnych gadżetów czy zmiana kolorów, naprawdę może wnieść wiele dobrego do naszego szablonu.

Jak wpłynie moja nowa szata bloga/strony na odbiór 

Trzeba pamiętać, że każda zmiana ma być nie tylko dostosowana do nas, ale i naszych czytelników, ponieważ czytelnicy to główny "element" każdego bloga, to oni go czytają i oni tworzą "społeczność" dla danego kręgu. Jeśli nie zadbasz o ich oczy i zafundujesz im oczopląs - niestety, nie zostaną z Toba na dłużej, więc daruj sobie spadające gwiazdki :)

Jak blog/strona będzie prezentować się na innych urządzeniach 

Na Bloggerze, można ustawić opcje, aby blog wyświetlał się w specjalnej wersji mobilnej, nie jest ona najlepsza, ale lepsze to niż nic i można wersje mobilną w łatwy sposób dostosować. Jeśli na naszej stronie/blogu nie ma tak łatwo, to dochodzi nam kolejny punkt rozplanowania i zakodowania szablonu - wersja mobilna. Ona również jest bardzo ważna, ponieważ jak wiadomo, teraz blogów nie przegląda się tylko na komputerze.


Ile wyniesie mnie ewentualny koszt nowego szablonu 

Jeśli stwierdzimy, że sami nie będziemy w stanie zrobić szablonu, to musimy poszukać osoby, która nam taki szablon zrobi. Wtedy musimy pomyśleć, zapytać, przekalkulować ile nas to wyniesie. Nie idź na żywioł i nie pisz do kogoś od razu maila z zamówieniem z nadzieją, że ktoś zrobi to za darmo. Zapytaj, nikt nie gryzie :)

Dodalibyście coś od siebie? 
Czytaj dalej »

Co to są Mockupy, do czego służą i kiedy z nich korzystać

15 października 2016


Jakiś czas temu napisała do mnie jedna z czytelniczek i poprosiła o to, abym napisała coś o tych mockupach, bo słyszy o nich wszędzie, a nie za bardzo wie, po co i dlaczego ma z nich korzystać. Nie będę się tu na ich temat rozpisywać, postaram się to Wam przedstawić w formie "krótko, zwięźle i na temat". 

MOCKUP - MOCK-UP
To nic innego jak makieta, która przejrzyście zaprezentuje nasz projekt. Zaprojektowana z myślą o grafikach, najczęściej do programu Photoshop, ale można też trafić (bardzo rzadko) dla Illustratora (raz miałam styczność z takim mockupem i osobiście nie polecam).

Do czego służą? 


  • Prezentacja logo np. na długopisach, gumkach do ścierania etc.
  • Prezentacja identyfikacji wizualnej firmy 
  • Prezentacja banerów
  • Projekt stron internetowych 
  • Ulotek
  • Wizytówek
  • Etykiety produktów 
  • Projekt teczek, okładki książek, gazet
  • Rozkładówka gazety
I wiele więcej. Jak możecie zauważyć każda grafika może się znaleźć na takim mockupie. 

Kiedy i jak z nich korzystać?


Moja Pani profesor od grafiki zawsze powtarzała "z mockupami można przegiąć tak jak z fontami i kolorem, więc nie powinno się ich używać zawsze". 

Mockupów nie powinno się używać np. przy podsyłaniu podglądu projektu dla klienta. Można projekt osadzić na Mockupie i wysłać taki plik jako dodatek, podgląd jak to by się przykładowo prezentowało, ale to nie ma być główny podgląd, ponieważ klient nie będzie w stanie dobrze się naszemu projektowi przyjrzeć i stwierdzić czy coś jest do poprawienia czy nie. 

Mockupów można użyć do prezentacji danego produktu na stronie internetowej, blogu czy w naszym portfolio. 

Korzystanie z mockupów jest bardzo proste. Są to pliki PSD, które zawierają w sobie tzw. obiekt inteligentny, który wystarczy otworzyć i zrobić podmiankę na nasz projekt i zapisać - gotowe, nasz projekt znalazł się właśnie na monitorze iMaca, bilbordzie, puszce czy w gazecie. 

Efekty osadzenia na mockupach możecie zobaczyć u mnie na blogu przy wpisach z szablonami. Podrzucę Wam jeszcze do podglądu moje uczelniane projekty osadzone na mockupach.


To już znacie - kawałek zaprojektowanego szablonu, osadzony na mockupie z iMac


Mój projekt na zaliczenie - identyfikacja wizualna gabinetu weterynaryjnego (projekt logo, papieru firmowego, wizytówek, nazwa firmy wymyślone i wykonane przeze mnie). Jak możecie zauważyć, również osadzone na mockupie.


Projekt na zaliczenie - zaprojektowanie okładki książki do istniejących już sag książek. Powyżej widzicie jedną z 4, które powstały. 


Projekt etykiet dla serii naturalnych kosmetyków do twarzy. Tak jak przy identyfikacji wizualnej, tak i tutaj firma miała być zmyślona. Powyżej widzicie jedną z 3 zaprojektowanych etykiet. 

Tutaj znajdziesz darmowe mockupy do pobrania:

Czytaj dalej »

Metamorfoza bloga - Afisz teatralny

13 października 2016


Z Agnieszką już miałam przyjemność współpracować wcześniej - robiłam dla niej nagłówek na bloga. Teraz przyszedł czas na szablon. Nie ukrywam, że był to jeden z wymagających projektów, ale jednocześnie dosyć ciekawy. Łatwo mi się nad nim pracowało, bo autorka bloga wiedziała czego chce, dzięki temu wszelkie poprawki, niedogodności czy trudności jakie stawały przed nami podczas tworzenia tego szablonu, rozwiązywałyśmy sprawnie i szłyśmy na kompromis.
Jakie były oczekiwania?

  • Blog na pierwszy rzut oka, miał nie wyglądać jak blog, tylko żeby przypominał coś w rodzaju serwisu/portalu
  • Blog miał być "ukryty", tzn. miał nie pokazywać się na stronie głównej, a dopiero po klilnięciu w odpowiednią podstronę
  • Strona główna, miała być reprezentacyjna i przejrzysta. Miał się znaleźć tam nagłówek, slider, formularz kontaktowy, skrót wpisów oraz tzw. boxy z najważniejszymi odnośnikami 
  • Zakładka, w której miał znajdować się blog, miała wyglądać typowo blogowo. Z niektórymi elementami, które były na stronie głównej 

Czy nam się udało to osiągnąć? 


Jak możecie zobaczyć, szablon wcześniej wyglądał, jak typowy blogowy szablon. Czyli od oczekiwań Agnieszki, ciut odbiegający. 


Jak wyglądał po zmianie? Strona główna prezentuje się tak: 



Na górze pojawiło się menu z ikonkami i z jedną rozwijaną kategorią. Pod stronami mamy nagłówek i slider. Jeszcze niżej boxy z najważniejszymi odnośnikami, subskrypcje - mail oraz na samym dole skrót wpisów na blogu i jak możemy zauważyć ze strony głównej zniknęła kolumna boczna, pager bloga oraz inne elementy odpowiadające za typowy wygląd blogowy, a które nie wpasowywała się w zaplanowany styl strony głównej.

Jak to wygląda od strony blogowej? 



Został slider, zostało menu/strony, został nagłówek, został skrót wpisów (na podstronie pełni to funkcje popularnych wpisów) oraz subskrypcja e-mail. Zniknęły boxy. a na ich miejscu pojawił się tradycyjny układ wpisów, kolumna boczna oraz pager bloga no i oczywiście etykiety.

Jak Wam się podoba blog Agnieszki? :)

Chce zamówić szablon

Czytaj dalej »

Nietypowy avatar w Photoshopie na dwa sposoby (wypełnianie grafiki nietypowym tłem)

9 października 2016


Już kiedyś na blogu był podobny wpis, ale robiliśmy to w GIMPie. Postanowiłam odtworzyć to samo w Photoshopie. Da się to zrobić na dwa sposoby, tak samo łatwo i szybko jak w GIMPie, także nie ma co się obawiać. Ten trik możemy wykorzystać na różne sposoby, nie tylko do tworzenia avatarów, ale również możemy to wykorzystać do tworzenia ciekawych nagłówków czy banerów.

Pamiętaj! Będziemy posługiwali się skrótami klawiszowymi - CTRL - dla PC, CMD - dla MAC

CTRL/CMD+N - nowy plik
CTRL/CMD+O - otwórz
CTRL/CMD+C - kopiuj
CTRL/CMD+V - wklej
CTRL/CMD+A - zaznacz wszystko
CTRL/CMD+T - kontrolki przekształceń

Przejdź do wpisu z instrukcją w GIMPie

1. Otwieramy Photoshopa i wybieramy ctrl+n (nowy plik) (PC) lub cmd+n (MAC), ustalamy sobie własną wielkość.


2. Otwieramy okno z warstwami


Sposób pierwszy 


3. Wybieramy tworzenie kształtów lub wrzucamy nową grafikę (ctrl+o - otworzy nam się folder aby wybrać grafikę). Następnie wybieramy znowu ctrl+o i wybieramy nasze zdjęcie, później, zaznaczmy nasze zdjęcie (ctrl+a)  i wybieramy ctrl+c, przechodzimy do zakładki z naszym pustym plikiem lub z wrzuconą grafiką i wybieramy ctrl+v.






4. Klikamy w warstwach na nasze zdjęcie i wybieramy ctrl+t - włączą nam się kontrolki przekształceń, dzięki którym będziemy mogli dopasować nasze zdjęcie do danego elementu.


5. Z listy wybieramy "utwórz maskę przycinającą"


Efekt:

Sposób drugi 


6. Powtarzamy wszystko z punktu 3. Ustawiamy warstwę ze zdjęciem nad kształtem lub daną grafiką i z listy trybów wybieramy "jaśniej". Zdjęcie dopasowujemy tak samo jak robiliśmy to w punkcie 4.



Trzeba brać pod uwagę to, że w tym wypadku, dany kształt doda nam coś w rodzaju filtru na zdjęciu.
Efekt:




Czytaj dalej »

Listy zadań do pobrania za darmo część 2

7 października 2016


W dzisiejszym wpisie mam dla Was 4 listy zadań do pobrania za darmo. Ostatnie listy zadań cieszyły się dużym zainteresowaniem, tak samo jak plany lekcji. Niektórzy z Was pewnie pamiętają, starszą wersje list zadań. Dla tych co nie mieli okazji się z nimi zapoznać, będą mogli zaraz to zrobić. Listy zadań są w 4 wersjach do wyboru, oparte na grafikach watercolor.

Listy zadań do pobrania edycja 2015


Pobierz wersje 1 Pobierz wersje 2


Pobierz wersje 3 Pobierz wersje 4
Czytaj dalej »

MałgoLINKI - podsumowanie września

5 października 2016


Wrzesień to ostatni miesiąc "wolności" i to wcale nie oznaczało, że było luźniej. Oczywiście musiałam odbyć obowiązkowe warsztaty. Dużo pracy, ale jakoś sobie radze i o dziwo nawet ten deszcz za oknem mi nie przeszkadza. Chodzę regularnie na siłownię, raz tylko opuściłam trening (jak na razie) i to w ostatniej chwili, bo przypomniało mi się, że mam umówioną wizytę u lekarza :) We wrześniu musiałam przemyśleć sobie kilka spraw no i zaczęłam pracę nad nowym blogowym logiem, tak aby było jasno przedstawione o co chodzi :)


  1. Blog/portal dla osób, której tak jak ja uwielbiają ładne wnętrza. Na Lovingit możecie znaleźć mnóstwo pięknych inspiracji, a efekty metamorfoz wnętrz powalają na kolana.
  2. Wtyczka do Google Chrome, która pozwala tworzyć palety kolorystyczne ze zdjęć znalezionych w Google grafika. Nie trzeba zdjęć pobierać, wystarczy jedno kliknięcie myszki. 
  3. Zbiór różnych wzorów tekstur z dopasowaniem koloru pod siebie
  4. Zbiór darmowych fontów do pobrania.
  5. 3 darmowe tła (zawinięte, coś w rodzaju tła fotograficznego), na których możemy umieszczać różnego rodzaju produkty i nie tylko, aby ładnie je przedstawić. 

Popularne wpisy na blogu we wrześniu 



Czytaj dalej »

Szablon Pastel do pobrania za darmo na Bloggera

2 października 2016


Szablon Pastel, jest to darmowy szablon na Bloggera w subtelnych pastelowych kolorach. Szablon można dostosować bez problemu do swoich potrzeb. Posiada łatwo edytowalny slider i układ wpisów kafelkowy.


Info o szablonie


  • Szablon zawiera automatyczne skracanie wpisów - układ kafelkowy
  • W szablonie jest funkcja automatycznego dopasowania zdjęć we wpisie, kolumnie bocznej w gadżecie "o mnie" oraz w sliderze
  • Menu zawiera ikonki społecznościowe, jedna karta jest rozwijana oraz jest pasek wyszukiwania 
  • Można zmieniać kolory, fonty, dodawać i usuwać nowe karty oraz ikonki w menu 
  • Dodana instrukcja 

Uwagi

  • Szablon oraz grafiki dodawane do szablonu są tylko i wyłącznie na użytek własny. 
  • Udostępnianie szablonu osobom trzecim w postaci oryginalnej lub zmienionej jest zabronione.
  • Szablon posiada nieusuwalną stopkę z podpisem autora. Po usunięciu jej, szablon nie będzie poprawnie działał 
  • Nie wolno modyfikować wyglądu stopki tzn. zmieniać jej koloru tak, aby nie była widoczna i podpisywać się pod szablonem jako autor 
  • W razie jakichkolwiek problemów/pytań napisz na maila blonparia@gmail.com
  • Nie proś osób trzecich o pomoc przy szablonie w razie powstania problemu - istnieje ryzyko, że dana osoba źle podejdzie do Waszego problemu, a wtedy szablon może zostać uszkodzony lub całkowicie zniknąć z bloga. Pamiętaj! Zawsze zwracaj się z prośbą o pomoc do autora szablonu 

To może Ci się przydać





Chcesz indywidualny szablon?


Zawsze możesz zamówić szablon, jeśli te, które udostępniam do pobrania Ci nie odpowiadają. Wystarczy, że zajrzysz na stronę.

Możesz również wziąć udział w losowaniu, w którym do wygrania jest metamorfoza szablonu - zajrzyj tutaj.

Pobierz Podgląd
Czytaj dalej »