Zrób ze mną szablon na bloga

31.05.2015


No dobra to trochę za dużo powiedziane, bo od podstaw nie będziemy robić szablonu a modyfikować za pomocą kodów jeden z szablonów Bloggera, a mianowicie szablon Prosty czyli inaczej szablon Simple. Jest to bardzo wdzięczny szablon i najlepiej się na nim pracuje. Mój blog również jest na podstawie tego szablonu, zresztą jak wszystkie inne szablony, które modyfikuje. Postaram się wam pokazać coś sensownego, przejrzystego, uporządkowanego. Zrobię dwie wersje, więc będziecie mieli wybór.

Szablon pierwszy

1. Szablon - dostosuj.





2. Wybieramy szablon prosty - pozycja 2.


3. Ustawiamy układ i rozmiar bloga tak jak na zdjęciu poniżej:



4. Przechodzimy do zaawansowane i wybieramy tekst strony - Verdana -  wpisujemy 13px - kolor tekstu wpisujemy #614c41


4a. Przechodzimy do "Tło" i wstawiamy tło, które znajdziecie TUTAJ. Po wgraniu klikamy "gotowe"


4b. Wybieramy "wyrównanie" i odznaczamy "przewijaj wraz ze stroną" 


5. Klikamy w zaawansowane - dodaj arkusz CSS

Będziemy brać w obramowanie naszą część bloga z nagłówkiem, wpisami oraz kolumną boczną i stopką tak jak jest to u mnie. W tym celu użyjemy kodu:
.content-inner {border-style: solid; border-width: 4px; color: #614c41;}
Następnie usuniemy ramki i cienie ze zdjęć we wpisach oraz kolumny bocznej w tym celu użyjemy kodu:
.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;
}
.column-right-inner img {border: 0 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0px !important;
background: none !important;
}

Wyśrodkowanie daty i tytułu wpisu
h2.date-header {text-align: center;}
h3.post-title {text-align: center;}

Karty/strony bloga. Przechodzimy do tekst kart i ustawiamy na Verdana czcionka na 14px i kolor tekstu ustawiamy na #614c41, a kolor po zaznaczeniu ustawiamy na #ddac86. Wracamy do arkusza CSS i wpisujemy kod na sławne linie, które stanowią obramowanie naszych stron i o które mam najwięcej pytań w skrzynce mailowej. To są te same linie, które widnieją u mnie na blogu.
.tabs-outer {border-bottom: solid #614c41;
border-top: solid #614c41;
border-width: 2px;
padding: 5px;}
oraz wpisujemy kod na wyśrodkowanie kart
#PageList1 ul {text-align: center;}
#PageList1 ul li {float: none; display: inline;}

Następnie zajmiemy się tytułami gadżetów. Już był wpis o tym jak można je zmienić za pomocą CSS i z tego samego kodu będziemy korzystać. Dopasujemy tytuły gadżetów do stylu kart.
.sidebar .widget h2 {
padding:5px;
color: #ddac86;
text-align:center;
font-family: Verdana;
text-transform:uppercase;
letter-spacing: 2px;
font-size:13px;
border-bottom: solid #614c41;
border-top: solid #614c41;
border-width: 1px;
}

Starsze/nowsze posty i strona główna czyli pager bloga. Zaczniemy od usuwania tych kropek, które widnieją w tym szablonie pod starsze/nowsze posty i strona główna oraz ustalimy wielkość i czcionkę.
.blog-pager {background: transparent;
font-family:Verdana;
font-size: 20px;}

Usuwanie Technologia Blogger i Subskrybuj: Posty (Atom)
.Attribution {  display:none; }
.feed-links { display:none !important; }

Zmiana stopki bloga i separatora. Na dole bloga przy jego stopce mamy separator kreskowany ten kod pozwoli na zmianę jego wyglądu oraz koloru i ustali nam czcionkę oraz jej wielkość dla gadżetów w stopce.
.footer-outer {
font: 12px Verdana;
letter-spacing: 2px;
border-top: #614c41 solid;
border-width: 1px;
}

Wyjustowanie tekstu. Wyjustowanie tekstu we wpisie. Justowanie zdecydowanie lepiej się prezentuje niż np. wyśrodkowanie.
.column-center-inner {text-align: justify;}

Styl dla cytatu we wpisie
blockquote {
border:1px solid #614c41;
position:relative;
font-size:90%;
padding:25px;
}
blockquote:before {
top:0;
left:0;
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 70px solid #614c41;
border-bottom: 30px solid transparent;
}
blockquote:after {
position:absolute;
right:0;
bottom:0;
content: "";
width: 0;
height: 0;
border-right: 70px solid #614c41;
border-top: 30px solid transparent;
font-size: 0;
}

Styl dla stopki wpisu
.post-footer {text-align: center;
font: 13px Verdana;
text-transform:uppercase;
background: #eee;}

Styl dla rubryki "O mnie". O tym jak spersonalizować gadżet "O mnie" już pisałam.  Mam ją zrobioną w gadżecie tekst, więc kod będzie taki:
#Text1 {text-align: center;}

Wyśrodkowanie nagłówka
.header-inner .widget div, .header-inner img {
margin-left:auto;
margin-right:auto;
}

Margines dolny nagłówka
#Header1 {margin: 0px 0 20px 0;} 
Kolory dla linków oraz tekstu w tym  szablonie:

#614c41 #ddac86 

Nagłówek do tego szablonu do pobrania TUTAJ 
Cały szablon prezentuje się tak:

Szablon drugi

Punkt 1,2 i 3 jest taki sam jak przy szablonie pierwszym.

4. Przechodzimy do zaawansowane i wybieramy tekst strony - Verdana -  wpisujemy 13px - kolor tekstu wpisujemy #000000

5. Klikamy w zaawansowane - dodaj arkusz CSS

Usuwanie ramek i cieni ze zdjęć we wpisie i kolumnie bocznej
.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;
}
.column-right-inner img {border: 0 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0px !important;
background: none !important;
}

Stopka wpisu
.post-footer {text-align: center;
font: 13px Verdana;
text-transform:uppercase;
background: #eee;}

Starsze/nowsze posty i strona główna czyli pager bloga.
.blog-pager {background: transparent;
font-family:Verdana;
font-size: 20px;}

Usuwanie Technologia Blogger i Subskrybuj: Posty (Atom)
.Attribution {  display:none; }
.feed-links { display:none !important; }

Stopka bloga
.footer-outer {
font: 12px Verdana;
letter-spacing: 2px;
border-top: #eee solid;
border-width: 1px;
}

Wyśrodkowanie daty i tytułu wpisu
h2.date-header {text-align: center;}
h3.post-title {text-align: center;}

Styl dla tytułów gadżetów
.sidebar .widget h2 {
padding:5px;
color: #000;
text-align:center;
font-family: Verdana;
text-transform:uppercase;
letter-spacing: 3px;
font-size:13px;
}

Rubryka "O mnie" zrobiona w gadżecie tekst - jak spersonalizować taką rubrykę dowiecie się TUTAJ
#Text1 {text-align: center;}

Styl dla kolumny bocznej
.column-right-inner {border-style: solid;
border-color: #eee;
border-width: 14px;
}

Wyśrodkowanie kart/stron
#PageList1 ul {text-align: center;}
#PageList1 ul li {float: none; display: inline;}

Strony na górze bloga
.tabs-outer{
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:10;
border-bottom:1px solid #eee;
background: #fff;
}
.tabs-inner, .tabs-inner > .section{
padding: 0 !important;
margin: 0 !important;
}
.tabs-inner .widget ul {
text-align:center;
padding-bottom: 13px;
padding-top:11px;
margin: 0 auto;
}
.tabs-inner .widget li  {
float:none;
display:inline-block;
zoom:1;
}
.tabs-inner .widget li:after{
content: "|";
color: #eee;
}
.tabs-inner .widget li:last-child:after{
content: "";
}
.tabs-inner .widget li a {
display: inline-block;
padding: .2em 4em;
font: 11px Verdana;
color: #999;
text-transform: uppercase;
letter-spacing: 3px;
}
.rmm.minimal .rmm-toggled-title{
text-transform: uppercase;
letter-spacing: 3px;
font: 11px Verdana;
color: #999;
font-weight:bolder;
}
.tabs-inner .widget li:first-child a {
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
color: #444;
background-color: transparent;
text-decoration: none;
}

Wyśrodkowanie nagłówka
.header-inner .widget div, .header-inner img {
margin-left:auto;
margin-right:auto;
}

Styl dla cytatów
.post blockquote {
 border-left:10px solid #444;padding-left:20px; background: #eee; padding: 10px;}
Wyjustowanie tekstu
.column-center-inner {text-align: justify;}
Kolory dla linków w tym szablonie
#444444 #666666 #999999

Nagłówek do pobrania TUTAJ
Cały szablon prezentuje się tak:



Czytaj dalej »

Jak zrobić strony z ikonkami

27.05.2015


Jakiś czas temu ktoś na Ask.fm poprosił mnie o to abym zrobiła instrukcje na menu z ikonkami, a parę dni temu Wiktoria również poprosiła mnie o pomoc ze zrobieniem takich stron. Stwierdziłam, że skoro jest zapotrzebowanie na tego typu instrukcje to pojawi się ona na moim blogu, szczególnie, że ostatnio trochę zrobiło się ubogo jeśli chodzi o instrukcje blogowe. Na wstępie powiem, że będziemy pracowali w HTML/JavaScript oraz w arkuszu CSS.

1. Przechodzimy do układ i usuwamy obecne strony i w tym samym miejscu klikamy dodaj gadżet - HTML/JavaScript i wklejamy kod:






<div class='menu'>
<ul>
<a href="LINK DO STRONY">NAZWA STRONY&nbsp;&nbsp;&nbsp;</a>
<a href="LINK DO STRONY">NAZWA STRONY&nbsp;&nbsp;&nbsp;</a>
<a href="LINK DO STRONY">NAZWA STRONY&nbsp;&nbsp;&nbsp;</a>
<a href="LINK DO STRONY">NAZWA STRONY&nbsp;&nbsp;&nbsp;</a>
<a href="LINK DO STRONY">NAZWA STRONY</a>
</ul>
<div class='ikonki'>
<a href="LINK DO PROFILU SPOŁECZNOŚCIOWEGO"><img src="LINK DO IKONKI"/></a>
<a href="LINK DO PROFILU SPOŁECZNOŚCIOWEGO"><img src="LINK DO IKONKI"/></a>
<a href="LINK DO PROFILU SPOŁECZNOŚCIOWEGO"><img src="LINK DO IKONKI"/></a>
</div></div>

1a. Jeśli potrzebujemy większej ilość stron to po ostatnim </a> przed </ul> dopisujemy <a href="LINK DO STRONY">NAZWA STRONY</a> Trzeba pamiętać aby do strony, która jest przed ostatnia i nie zawiera &nbsp;&nbsp;&nbsp; trzeba dopisać za nazwą strony. Tak samo jak jest to w poprzednich.

&nbsp; - To jest twarda spacja. Jeśli zrobimy spacje w tradycyjny sposób czyli klikając na klawiaturze to w kodzie nie zostanie ona odczytana. Dzięki tej spacji, nasze strony będą oddzielone od siebie, nie będą tworzyć ciągu wyrazów, tylko będą ładnie rozmieszczone. Jak widać ja w kodzie zrobiłam trzy spacje, jednak jeśli chcemy aby nasze strony były od siebie dalej to po każdym ostatnim &nbsp; dopisujemy kolejne &nbsp;

1b. Jeśli potrzebujemy większej ilości ikonek to po ostatnim </a> przed </div></div> dopisujemy <a href="LINK DO PROFILU SPOŁECZNOŚCIOWEGO"><img src="LINK DO IKONKI"/></a>

2. Przechodzimy do szablon - dostosuj - dodaj arkusz CSS.




Jak na razie nasze strony prezentują się tak:


Nie za ciekawie to wygląda dlatego musimy dodać kod CSS aby nasze strony wyglądały jakoś sensownie.

Pierwsza część kodu ma klasę "menu" czyli .menu - to nasz selektor dotyczący stron. Druga część kodu ma klasę "ikonki" czyli .ikonki - to nasz selektor dotyczący ikonek.

Mój kod prezentuje się tak:

.tabs-outer {
background-color:#741b47;
}
.menu {display:inline-block; max-width: 1240px; text-align:center; font-family: Times New Roman; font-size:13px; text-transform:none; letter-spacing:2px; padding:8px; margin-top:4px; margin-bottom: 4px;}
.ikonki {margin: -27px 190px -15px 770px; max-width: 1240px; text-align:center; font-family: Times New Roman; font-size:13px; text-transform:none; letter-spacing:2px; padding:8px;}
.menu a:link {color: #fff;}
.menu a:visited {color: #fff;}
.menu a:hover {color: #d5a6bd;}
a:hover {text-decoration: none;}

Wszystkie pogrubione wartości są zmienne. Efekt końcowy u mnie prezentuje się tak: 


Najlepiej sprawdzają się ikonki w rozmiarach 20x20px lub 24x24px 
Czytaj dalej »

Tworzenie animacji/gifów PhotoScape

20.05.2015


Ostatnio bardzo zaniedbałam PhotoScape, a przecież nic mi takiego nie zrobił, nie obraziliśmy się na siebie. Długo się zastanawiałam nad tym jaką instrukcje zrobić dotyczącą tego programu i postanowiłam, że będzie to tworzenie animacji/gifów. Tak, w PhotoScapie można takie cuda stworzyć za pomocą paru kliknięć i ja Wam to dzisiaj zaprezentuje. Zaczynamy!

1. Pierwsze co musimy zrobić to przygotować sobie zdjęcia, które posłużą nam do stworzenia animacji. Ja sobie stworzyłam folder "Animacje" i wrzuciłam tam dwa zdjęcia z zawodów.


2. Otwieramy PhotoScape i wybieramy opcje AniGif



3. Wybieramy nasz folder z animacjami i w odpowiedniej kolejności klikamy na zdjęcie i przenosimy na biały pasek u góry.



4. Kiedy już nasze zdjęcia będą przeniesiona na podglądzie zobaczymy zmieniające się zdjęcia i możemy na tym poprzestać, jednak to by było zbyt proste i pokażę wam jak zmienić przejścia po między jednym a drugim zdjęciem. W prawej kolumnie mamy "zmień efekt" klikamy na to i pojawi nam się lista efektów. Wybieramy sobie odpowiedni efekt.


5. Następnie zmienimy rozmiar naszej animacji/gifu. W tym celu klikamy na "Ustal rozmiar" lub będzie napisane "Rozmiar pierwszego zdjęcia".  Otworzy nam się lista, z której będziemy mogli wybrać odpowiednią opcje.



6. Ja wybrałam opcje "Ustaw rozmiar" pojawiło się okienko w które wpisujemy jaki rozmiar ma mieć nasza animacja/gif. U mnie jest to 400x283 px.



7. Pod ustawieniami rozmiaru mamy ustalenie rozdzielczości zdjęcia. Wybieramy "Rozdzielczość papieru" dzięki czemu pozbędziemy się białych ramek.


8. Kiedy wykonamy wszystkie punkty powyżej, przejdźmy do zmiany czas animacji/gifu. Zmiana czasu znajduje się nad zmianą efektu. Im wyższy czas tym wolniej zmieniają się obrazki w naszej animacji/gifie.



Poszczególne efekty przejścia

Brak efektu przejścia:


Wyjeżdżanie od dołu:


Wyjeżdżanie od góry:


Wyjeżdżanie z prawej:


Wyjeżdżanie z lewej:


Zmiana bieżącej klatki do koloru tła:



Zmiana bieżącej klatki na czarną: 


Zmiana bieżącej klatki na białą:



Czytaj dalej »

Źródło - grafika Google

18.05.2015


Pierwsze co trzeba wiedzieć na wstępie to to, że grafika nie jest z Google. Pewnie teraz niektórzy z Was zastanawiają się "Ale jak to? Przecież jest pełno zdjęć, obrazków w grafice Google i ja je z Google pobieram". Owszem jest pełno obrazków, grafik, ale żeby one były wyświetlane w grafice Google to skądś musiały się tam najpierw wziąć. Google sam nie wrzuca zdjęć, robią to ludzie, którzy prowadzą swoje strony, blogi czy portfolio. Jeśli myślałeś inaczej - to wiedz, że jesteś w błędzie. Również będziesz w błędzie jeśli podpiszesz zdjęcie znalezione w Google jak w przykładzie poniżej:


Takie coś powoduje u mnie atak alergiczny jeszcze gorszy niż po zjedzeniu czekolady czy po przebywaniu w jednym pomieszczeniu z kotem. Nie ma czegoś takiego jak "Źródło: Google", każde, ale to dosłownie każde zdjęcie czy grafika tam umieszczona ma dopisany link, który jest źródłem. Wyjaśnienie obrazkowe poniżej:




Żeby nie było tak kolorowo, to trzeba pamiętać o tym, że większość zdjęć w Google grafika jest objęta prawami autorskimi, a to oznacza, że nie możemy sobie tych zdjęć ot tak po prostu pożyczyć, a jeszcze jak podpiszemy "Źródło: Google" to już w ogóle powinniśmy się wstydzić. Kiedyś Patrycja z bloga clumsywords, wspomniała o tym, że jej zdjęcia ktoś "pożyczył" i tłumaczył się "Ja to zdjęcie wziąłem z Google" - zdjęcie nie może być wzięte z Google, ono może być wyświetlane w Google, ale zawsze jest odnośnikiem do danej strony. Za takie "pożyczanie" możemy ponieść odpowiedzialność karną - nie ważne czy masz lat 12 czy 20 i nikt nie uzna twojego wyjaśnienia "ja nie wiedziałem". Po to mamy mózgownice aby myśleć. Pewnie niektórzy z Was się zastanawiają, że czemu robi się z tego taki wielki szum, a bo dlatego, że dane zdjęcie jest czyimś pomysłem, ktoś się nad tym napracował, nie raz musiał poszukać odpowiednich rekwizytów, tła etc. Pomyślcie, jak byście się czuli jak ktoś bezkarnie ukradłby Wasz pomysł i jeszcze się pod tym podpisał? Nie po to są banki zdjęć aby kogoś okradać - nazywajmy rzeczy po imieniu. Każdy kto łamie czyjeś prawa autorskie jest złodziejem. Jeśli myślisz, że masz mało znanego bloga i nikt się nie dowie o tym, że pożyczyłeś czyjeś zdjęcie to jesteś w błędzie. Zawsze, prędzej czy później ktoś się o tym dowie. Jeśli chcesz zapożyczyć zdjęcie z jakiegoś bloga to wystarczy napisać do autora, unikniesz tym samym problemów, a może akurat autor zdjęcia zgodzi się na pożyczenie. Jednak jak nie wyrazi zgody to należy to uszanować i nie robić cyrków w stylu: "O ty cholero, ja ci teraz pokażę" i kradniemy zdjęcia razem z treścią wpisu i podpisujemy jako własne. Jak wiadomo treści nie kradniemy, nie podszywamy się pod kogoś innego i o tym każdy wie i jest to dla nas nie do pomyślenia. Jednak jeśli chodzi o grafikę, często zapominamy o tym, że to również jest jakaś treść, która jest objęta prawami autorskimi jak wszystko inne co się znajduje na danej stronie. Jeśli poszukujesz zdjęć do swojego wpisu, to omijaj grafikę Google z daleka. Wpisz w wyszukiwarkę "banki zdjęć", a pojawi ci się około 722 000 wyszukanych stron, które mniej lub bardziej z tym hasłem są powiązane. Poświęć trochę czasu, przeszukaj internet, wybierz sobie kilka najlepszych darmowych banków zdjęć (bo są też i te płatne) a oszczędzisz sobie zmartwień. Szanujmy siebie na wzajem. Ja osobiście (jeśli potrzebuje zdjęcia z internetu) korzystam ze strony Flickr. Jednak korzystając z banków zdjęć trzeba pamiętać o tym, że są one na różnych licencjach.

CC 0 - Wykorzystywanie zdjęć na użytek własny lub komercyjny. Można je dowolnie modyfikować i nie posiada konieczności podawania autora zdjęcia.
CC-NC - Wszystko to co napisane powyżej, oprócz wykorzystywania zdjęć w celu komercyjnym.
CC-BY - Ze zdjęć z taką licencją można korzystać na prawie podobnej zasadzie jak te wypisane powyżej, jednak w tym wypadku musimy dopisać kto jest autorem zdjęcia. Ta licencja obejmuje szczególnie zdjęcia na blogach.

Na Flickr, często trafiam na zdjęcia z licencją CC-BY, także jak komuś nie pasuje podawania autora zdjęcia to fajną stroną z licencją CC 0 jest Magdeleine.
Czytaj dalej »

Wyróżnienie podtytułu we wpisie

14.05.2015


Czasem zdarza się tak, że nasz wpis musimy podzielić na parę części. Składa się on wtedy z podtytułów, które zazwyczaj wyróżniamy za pomocą wyśrodkowania, pogrubienia i nadania koloru w edytorze tekstu. Jednak można to zrobić w całkiem inny sposób, który nada naszym podtytułom atrakcyjnego wyglądu. Do tego będzie nam potrzebny CSS i kod HTML, który będziemy wstawiać we wpisie, ale na początek zobrazuje wam o co mi chodzi, bo obawiam się, że nie każdy może zrozumieć. Jest jedna wada - trzeba za każdym razem nasz podtytuł wstawiać ręcznie.





1. Pierwsze co musimy zrobić to przejść do posty - edytuj - HTML, a tam zaczyna się już nasza zabawa.



2. Jeśli mamy już napisany tekst. to teraz wybieramy sobie miejsce na nasz podtytuł i wklejamy następujący kod:

<div class="podtytul">
<div style="text-align: center;">
<span class="podtytul2">TUTAJ WPISZ SWÓJ PODTYTUŁ</span>
</div>
</div>
<br/>

podtytul - to jest nasz selektor tzw, ogólny, możecie sobie go zmienić. Jak ktoś woli mieć tu napisane rozowekwiatki to proszę bardzo, macie okazje na tworzenie swojego selektoru :)
podtytuł2 - dotyczy tylko tekstu jaki umieścimy w podtytule

Teraz to będzie się prezentować mniej więcej tak:


Zapisujemy i na tym kończymy zabawę w edytorze tekstu.
Jakby ktoś się zastanawiał co to jest <br/> to jest nic innego jak enter. Tak się ją oznacza w HTML. Natomiast </div> no to są zamknięcia naszej klasy i stylu.

3. Przechodzimy do szablon - dostosuj - zaawansowane - dodaj arkusz CSS



4. Tworzymy styl dla naszego podtytułu. Pamiętajmy co wpisaliśmy w <div class="...">  oraz <span class="..."> ponieważ to będą nasze selektory. U mnie to wygląda tak .podtytul oraz .podtytul2 Kiedy już mamy nasz selektor to dopisujemy style, ja wybrałam sobie różowe tło, marginesy wewnętrzne, biały tekst i wielkość czcionki. Cały kod prezentuje się tak:

.podtytul {background: #ffb4a3; padding: 10px; color: #fff; font-size: 14px;}
.podtytul2 {bakground: #ffb4a3;}

Efekt:


Na koniec przygotowałam dla was 4 gotowce oto one:

.tutaj wasz selektor {padding: 10px; text-align:center;border-left:13px solid #da3f7d;border-right:13px solid #da3f7d;background:#eee; text-transform:uppercase;}
.tutaj wasz selektor 2{background: #eee;}

Efekt:


.tutaj wasz selektor  {padding: 10px; text-align:center;border-style: double; border-color: #ffd966 ; background:#fff; text-transform:uppercase;}
.tutaj wasz selektor 2{background: #fff;}

Efekt:


.tutaj wasz selektor {background: #e06666; padding: 10px; border-radius: 15px;}
.tutaj wasz selektor 2 {background: #e06666; color: #fff; font-size: 14px;}

Efekt


.tutaj wasz selektor {background: #ccc; padding: 10px; border-radius: 15%; box-shadow: 0px 2px 7px #444}
.tutaj wasz selektor 2 {background: #ccc; color: #666; font-size: 14px;}

Efekt:



Wszystko co jest w kodach pogrubione jest wartościami zmiennymi.

Na koniec chciałabym podziękować wszystkim co głosowali na mnie w konkursie. Wygrałam, a moja siostra już nie może się doczekać swojego zestawu książek. Oprócz tego moja praca będzie wystawiona na Targach Książki w Warszawie - radość jest wielka! :)
Czytaj dalej »