Szablony do pobraniaKliknij, aby znaleźć szablon dla siebie
Grafiki do pobraniaKliknij, aby pobrać ciekawą grafikę
PortfolioKliknij, aby poznać moje prace

MałgoLINKI - podsumowanie listopada

05.12.2016


W październiku zabrakło MałgoLINKÓW, ale to wyłącznie dlatego, że kompletnie nie miałam czasu na przegląd sieci. W tym miesiącu również linków nie będzie dużo, bo listopad okazał się miesiącem bardziej intensywnym niż październik, ale udało mi się cokolwiek przejrzeć, wiecie tak dla odstresowania.


  1. U Justyny znajdziecie wpis specjalnie kierowany do fanów "Gry o tron". Stworzyła specjalnie dla Was świetną tapetę
  2. Dla fanów "pisankowych" fontów. Fantazyjny font z polskimi znakami
  3. Nietypowy bank zdjęć. Namaluj kolor, a wyszukiwarka dobierze odpowiednio zdjęcia. Niestety, nie jest to darmowy bank zdjęć, ale pobawić się można :) 
  4. Strona ze zbiorem tapetów na pulpit 
  5. Jeśli zastanawialiście się, jakby wyglądały dziecięce obrazki w realu, to macie okazję to sprawdzić.

Popularne wpisy na blogu w listopadzie


Czytaj więcej >

Jak dodać graficzne pełne tło, za tytułem wpisu

01.12.2016


Pewnie każdy z nas wie, że dodanie tła do tytułu wpisu na Bloggerze kończy się tym, że po prostu mamy kolorowy pasek. Nie wygląda to zbyt atrakcyjnie jeśli mieliśmy naprawdę jakąś ciekawą grafikę, a została nam ona przycięta. Dla tych co nie wiedzą o czym mówię, zdjęcie poniżej:


W dzisiejszym wpisie pokażę Wam, jak zachować naszą grafikę za tytułem wpisu w pełnej okazałości, a zrobimy to wszystko za pomocą kodu CSS.

Przechodzimy do szablon - dostosuj - zaawansowane - dodaj arkusz CSS i wklejamy tam taki kod:

h3.post-title, h3.post-title a {
position: relative;
text-align: left;
background-image:url('LINK DO OBRAZKA');
background-position: -3px;
background-repeat:no-repeat;
padding: 20px 0;
color:#000;
}

Analiza


h3.post-title, h3.post-title a {
position: relative;
text-align: left;
background-image:url('LINK DO OBRAZKA');
background-position: -3px;
background-repeat:no-repeat;
padding: 20px 0;
color:#000;}

Położenie tytułu wpisu 
Położenie obrazka 
Marginesy wewnętrzne 
Kolor tytułu wpisu 

Efekt


Wyśrodkowany tytuł wpisu 


Tytuł wpisu po lewej stronie



Wymiar mojej grafiki to 395x100px
Czytaj więcej >

Spraw radość najbliższej osobie

23.11.2016


Nie da się ukryć, że wielkimi krokami zbliża się okres świąteczny, a to oznacza szykowanie prezentów dla naszych najbliższych. Wiadomo, że chcemy podarować im coś od serca, sprawić, aby zawitał uśmiech na ich twarzach, to jest najlepszy prezent jaki możemy otrzymać my, od osoby obdarowanej. Ta radość i ten uśmiech. Od razu człowiekowi cieplej robi się na sercu.

Nie zawsze trzeba wydawać fortuny, aby prezent wywołał taką reakcje, naprawdę wystarczy niewiele. Może być to coś zrobione samodzielnie albo nawet coś kupione, ale mimo wszystko, na swój sposób bardzo osobliwe.

Ostatnio postanowiłam sprawić radość swojej mamie. Szukałam idealnego prezentu dla niej. Miałam uproszczone zadanie ponieważ, moja mama tak samo jak ja uwielbia organizacje. Kalendarz jest obowiązkowy i najlepiej jak ma dużo miejsca na notatki. Jeśli kalendarz nie ma dużo miejsca na notatki - jest skreślony na starcie, dlatego, rozpoczęłam poszukiwania idealnego kalendarza dla mojej mamy.

Chciałam, aby był wyjątkowy, specjalnie tylko dla niej, żeby miał to coś i od samego początku było widać do kogo należy. Większość z Was pomyśli, że to tylko kalendarz, ale w końcu moja mama musi z nim przeżyć cały kolejny rok, więc dlaczego rok 2017 ma nie być tym wyjątkowym, nawet w tak małym szczególe jak kalendarz?

Znalazłam, ten jedyny, idealny kalendarz dla mojej mamy.


Radość mojej mamy była podwójna, bo:

  • Kalendarz jest w jej ulubionym, fioletowym odcieniu 
  • Posiada grawer z jej imieniem, a jakby było tego mało, grawer z napisem, że jest królową wszystkiego, no bo przecież tak jest - zaczynając od mieszkania, po przez domowników, a kończąc na mini zwierzyńcu :) 
  • Dostała kalendarz, który w końcu, ma mnóstwo miejsca na notatki 
Taki prezent możecie sprawić swoim najbliższym na stronie My Gift Dna. Pierwszy raz miałam styczność z tą stroną i muszę powiedzieć, że zostałam mile zaskoczona. Zamówienie, dotarło do mnie na drugi dzień, kontakt - bezbłędny, a przesyłka zapakowana tak, że nie miała możliwości się zniszczyć, czego bardzo się obawiałam. Dodatkowo, można zamówić pakowanie na prezent, co również jest ogromnym plusem, szczególnie jeśli nie mamy umiejętności w pakowaniu lub nie chcemy dawać danej rzeczy o tak rzuconej w torebkę prezentową. 

Kalendarz jest w formacie A5, solidnie wykonany, strony prawidłowo zszyte, tzn. nie ma problemu z rozłożeniem kalendarza i przelatującymi kartkami przez złe zszycie kart ze sobą. Grawer jest bardzo starannie wykonany, nie ma błędów w wybiciu, żadnych odbarwień, przebić etc. 







Kalendarz posiada również karty z ważnymi informacjami i tak jak wspomniałam dużo miejsca do zapisków. Prezent mojej mamie bardzo przypadł do gustu, nigdy jeszcze nie widziałam, aby ktoś tak się cieszył z kalendarza. Mogę bez obaw stwierdzić, że ten kalendarz skradł mojej mamie serce :)



Jeśli i wy chcecie sprawić radość swoim bliskim i chcecie dać im prezent spersonalizowany, wyjątkowy i niepowtarzalny to zapraszam na stronę My Gift Dna. Mają tam mnóstwo ciekawych i przepięknych przedmiotów. 

Jeśli zdecydujecie się na zakup, to otrzymacie -20% rabatu na cały asortyment z kodem BP20 - czas trwania, 14 dni, od dnia publikacji wpisu, czyli od dzisiaj :) 
Czytaj więcej >

Jak zrobić napis na łuku w Photoshopie

21.11.2016


Dla niektórych może wydać się to banalne, ale dla innych nie, co świadczy o tym fakt, że ostatnio dostałam parę pytań o to, jak zrobić tekst zawijany czyli inaczej pisany na łuku. Dla ciekawskich - podobny wpis, był już na blogu, ale dotyczył on programu GIMP.

Chce zapoznać się z instrukcją w GIMPie

1. Otwieramy Photoshopa, wybieramy CTRL+N lub CMD+N (MAC) - tworzymy nowy plik. Obojętnie jakiej wielkości - to zależy tylko od nas, ja mam format pliku A4.

2. Wybieramy narzędzie "Tekst", tworzymy nasze pole do wpisywania tekstu i wpisujemy nasz tekst.



3. Jak widzicie na powyższych zdjęciach, górna belka różni się w zależności od tego czy pole tekstowe jest aktywne czy nie, jeśli chcemy umieścić nasz tekst na łuku, musimy na niego kliknąć (oczywiście cały czas będąc na narzędziu tekst).


4 . Z górnej belki, wybieramy "utwórz zawinięty tekst". Jak możemy zauważyć, pojawiła nam się ramka, w której możemy wybrać styl i pobawić się suwaczkami. W tej instrukcji, mówimy o napisie na łuku, więc będą nas interesowały style "łuk", oczywiście możecie spróbować również i innych stylów.

5. Efekt


Czytaj więcej >

Jak usunąć "strona główna" z pagera bloga

16.11.2016


Jeśli znudził Ci się tradycyjny pager bloga, to ten wpis jest dla Ciebie. Pokaże Ci, jak łatwo można pozbyć się z naszego pagera na blogu "strony głównej" i zostawiając tylko "starsze posty" oraz "nowsze posty". Niewątpliwie taka modyfikacja sprawi, że nasz pager będzie wyglądał nowocześnie.
Niestety, muszę zmartwić tych, co nie lubią grzebania w kodzie - będzie trzeba troszkę pogrzebać, ale jeśli zrobicie wszystko dokładnie tak jak jest napisane, to nie ma się o co martwić :)

1. Szablon - edytuj kod HTML. Klikamy obojętnie jakie miejsce w kodzie i wybieramy ctrl+f i w okienko które nam się pojawiło wpisujemy  <div class='blog-pager' id='blog-pager'> i klikamy enter. Jest takich kodów 2 w szablonie i oba będą nas interesować.

2. Kiedy już wyszukamy daną frazę, musimy usunąć tą część kodu, która jest zaznaczona poniżej na zdjęciu:



Zapisujemy szablon.

3. Efekt przed i po


Czytaj więcej >

Jak zrobić efekt bokeh w photoshopie

12.11.2016


To jest kolejny tutorial na podstawie tych, które zostały wykonane w GIMPie. Dzisiaj omówimy sobie, jak wykonać efekt bokeh, który można wykorzystać na wiele sposobów.

Przejdź do wpisu z instrukcją w GIMPie

Uwaga! Jeśli chcecie robić efekt bokeh na zdjęciu, to pędzel nie musi mieć koniecznie koloru białego oraz omijacie wszystkie punkty zamieszczone poniżej (zaczynacie od razu od pędzla)!

1. Na początku musimy stworzyć nowy plik. W tym celu wybieramy CTRL+N (PC) lub CMD+N (MAC). Wielkość pliku dowolna.

2. Wybieramy "wiadro z farbą" i wypełniamy nasz plik czarnym kolorem.

3. Ustawienia

4. Ustawienia 


5. Teraz wybieramy Filtr - Rozmycie - Rozmycie gaussowskie. Pojawi Wam się kolejne okienko, w którym ustawiamy promień na 40 i klikamy ok. 



6. Powtarzamy kroki z poprzednich punktów, czyli tworzymy nową warstwę, malujemy pędzlem kropki, ale tym razem krycie kropek zmienimy na 45, a rozmycie gaussowskie ustawiamy na 10.

7. Robimy to samo co opisałam w punkcie 6, z tą różnicą, że krycie naszych kropek musimy ustawić na 60, a rozmycie gaussowskie na 1. 

8. Znowu tworzymy nową warstwę. Wybieramy gradient, zmienimy na tęczowy i rozciągamy, zmienimy krycie według uznania. Jeśli robimy efekt bokeh na zdjęcie, wystarczy ominąć ten krok. 


Efekt końcowy: 


Zdjęcie


Tapeta


Czytaj więcej >

Jak zrobić automatyczne skracanie wpisów na Bloggerze

06.11.2016

Podsumowania października nie będzie, bo najzwyczajniej w świecie nie miałam nawet czasu na buszowanie po sieci, więc byłoby nie fair, jakbym je zrobiła. Postanowiłam, że zamiast podsumowania podrzucę Wam instrukcję na to, jak zrobić automatyczne skracanie wpisów (czytaj więcej), dzięki tej instrukcji będziemy mogli stworzyć układ kafelkowy taki, jak jest w szablonach Black and White oraz Ms. mint brown. Uprzedzam - tak, trzeba będzie grzebać w kodzie, ale myślę, że każdy sobie z tym poradzi :)

1. Przechodzimy do szablon - edytuj kod HTML
2. Klikamy obojętnie w jakie miejsce w kodzie i w okienko, które nam się pojawi wpisujemy <data:post.body/> i za pomocą klawisza "enter" wyszukujemy. W kodzie szablonu jest ich trzy. My musimy się skupić na 2 i 3.



3. Tą część kodu, która została podświetlona na żółto, usuwamy, a zamiast niej wklejamy poniższy kod (w dwóch miejscach czyli przy 2 i 3 wyszukanym):

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
  <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='readmore' style='float:right'><a expr:href='data:post.url'>Czytaj dalej &#187;</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

4. Teraz wyszukujemy </head> i NAD </head> wklejamy:

<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = posts_thumb_sum;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Analiza:


posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 120;
img_thumb_width = 120;

Ilość znaków po skróceniu wpisu bez zdjęcia
Ilość znaków po skróceniu wpisu ze zdjęciem
Wysokość zdjęcia
Szerokość zdjęcia 

Wartości pogrubione i kolorowe można zmieniać.

5. Teraz przechodzimy do szablon - dostosuj - zaawansowane - dodaj arkusz CSS, aby wkleić styl CSS dla naszego przycisku "czytaj więcej".
6. Wklejamy kod:

.readmore a, #blog-pager-post a {
background: #ec95a8;
color: #fff;
text-transform: uppercase;
font-family: Open Sans Condensed;
font-weight: 700;
font-size: 20px;
letter-spacing: 2px;
padding: 10px 343px;
display: block;
max-width: 500px;
margin: 10px auto;
}
.readmore a:hover, #blog-pager-post a:hover {
background: #efd6d2;color: #fff;
text-transform: uppercase;
font-family: Open Sans Condensed;
font-weight: 700;font-size: 20px;
letter-spacing: 2px;
padding: 10px 343px;
display: block;
max-width: 500px;
margin: 10px auto;
}

Analiza

Wszystkie wartości kolorowe i pogrubione są zmienne.

Tło przycisku przed najechaniem myszką 
Tło przycisku po najechaniu myszką 
Kolor tekstu przed najechaniem myszką 
Kolor tekstu po najechaniu myszką 
Styl tekstu (w tym kodzie jest on ustawiony tak, aby litery były tylko wielkie, aby wyłączyć tą opcje wystarczy usunąć uppercase i wpisać none)
Rodzaj fontu
Pogrubienie fontu 
Wielkość fontu 
Odstęp między literami
Marginesy wewnętrzne
Czytaj więcej >

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

30.10.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 więcej >

Jak zrobić chowane-rozwijane archiwum na Bloggerze

27.10.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 więcej >

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

23.10.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 więcej >

Copyright © Szablon wykonany przezBlonparia