Menu

Szablon Laguna do pobrania za darmo

Szablon Laguna do pobrania za darmo


Szablon Laguna to darmowy szablon na Bloggera. Jest utrzymany w kolorystyce bieli, różu i odcieni niebieskiego. Jest stworzony tak, abyś bez problemu mógł dostosować go do swoich potrzeb po przez zmianę koloru poszczególnych elementów, a nawet czcionek. Do szablonu jest dodana instrukcja, którą warto przeczytać - tam jest cały opis co, gdzie i jak.

Info o szablonie


  • Szablon zawiera automatyczne skracanie wpisów 
  • W szablonie znajduje się funkcja automatycznego dopasowania zdjęć we wpisie oraz w rubryce "o mnie" w kolumnie bocznej. Dzięki temu możesz wstawiać zdjęcia w oryginalnym rozmiarze. Mniejsze zdjęcia we wpisie, zostaną tej samej wielkości.
  • Ikonki udostępniania pod tytułem wpisu 
  • Niestandardowe wypunktowanie we wpisie 
  • Menu na stronie to standardowe strony Bloggera 
  • Można zmienić kolory, czcionki, usuwać ikonki w kolumnie bocznej 
  • Dodana instrukcja instalacji 

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, zostaniesz automatycznie przeniesiony na stronę blonparia.blogspot.com
  • 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 TĄ stronę.


Pobierz Podgląd
Czytaj dalej

Jak szybko edytować zdjęcie w PhotoScape

Jak szybko edytować zdjęcie w PhotoScape


W dzisiejszym wpisie pokażę Wam jak szybko edytować nasze zdjęcie w programie PhotoScape. Specjalnie przeszukałam najgłębsze zakamarki swoich folderów i odnalazłam swoje stare zdjęcie (chyba z czasów gimnazjum?), które jest trochę ciemne, a kolory gdzieś straciły swoją żywą barwę. Bardzo mi zależało na tym, aby zdjęcie rozjaśnić i nadać mu trochę koloru i może odrobinę wyprostować.

Zdjęcie przed edycją wygląda tak:


1. Otwieramy nasze zdjęcie w programie PhotoScape


 2. Wybieramy "Jasność, Kolor".  Musimy kliknąć na to, a nie na strzałkę obok, ponieważ musi nam się pojawić oddzielna ramka, która będzie w punkcie 3.


3. Powinna nam się pojawić taka ramka:

 Teraz możemy pobawić się trochę suwaczkami. Ja użyłam tych:


Na koniec klikamy "OK"

4. Przyszedł czas na wyprostowanie zdjęcia


Pojawi nam się taka ramka z jednym suwaczkiem. Musimy za pomocą niego, ustawić odpowiednio zdjęcie i kliknąć "OK"


5. Opcjonalnie. Do zdjęcia dodałam delikatny efekt kliszy, aby w pełni uzyskać to co chciałam


6. Efekt


Czytaj dalej

Szablon do pobrania za darmo - Black and white

Szablon do pobrania za darmo - Black and white


Szablon na platformę Blogger do pobrania za darmo. 
Szablon Black and white jest szablonem dla osób ceniących sobie minimalizm. Utrzymany jest w kolorystyce czerni, bieli i szarości.

Info o szablonie: 


  • Szablon zawiera automatyczne skracanie wpisów 
  • W szablonie znajduje się funkcja automatycznego dopasowania zdjęć we wpisach i w gadżecie "O mnie" do szpalty, dzięki temu możemy wstawiać zdjęcia w oryginalnym rozmiarze i nie martwić się o ich jakość. Pamiętaj, aby po dodaniu zdjęć do wpisu, ustawić zdjęcie na "Oryginalny rozmiar"
  • Menu na blogu to standardowe strony Bloggera - dzięki dodanemu CSS są cały czas przyklejone na górze bloga 
  • W szablonie znajdziesz ikonki udostępniania wpisu 
  • Na stronie głównej, każdy wpis ma wyróżnioną pierwszą literę wpisu 
  • Niestandardowe wypunktowanie we wpisie 

Uwagi

  • Szablon oraz grafiki, które są dodawane do szablonu możesz pobierać tylko i wyłącznie na swój własny użytek. Udostępnianie szablonu osobom trzecim w postaci oryginalnej lub zmienione jest kradzieżą. 
  • Szablon posiada nieusuwalną stopkę z podpisem autora - po usunięciu tej stopki, zostaniesz przeniesiony automatycznie na stronę blonparia.blogspot.com 
  • 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 napisz na maila: blonparia@gmail.com 
  • Nie proś osób trzecich o pomoc z szablonem w wypadku jakby pojawił się problem - 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 

 Wczoraj na Facebooku pojawiły się dwie informacje, wiem, że nie każdy mnie tam obserwuje, więc napisze jeszcze tutaj :) 

  1. Jeśli chcecie kolejne pytania i odpowiedzi, to zadawajcie mi je w komentarzach pod wpisami lub na Facebooku oznaczając je [P]  Tutaj część 1 pytań i odpowiedzi trochę przestarzała, a tutaj znajdziesz część 2, która jest bardziej aktualna 
  2. Jeśli szczególnie zależy Wam na aktualizacji jakiegoś wpisu - poinformujcie mnie o tym w komentarzach 

Pobierz Podgląd
Czytaj dalej

Szablon do pobrania za darmo - Flora

Szablon do pobrania za darmo - Flora


Szablon do pobrania za darmo na platformę Blogger - Flora

Info o szablonie


  • Szablon zawiera automatyczne skracanie wpisów
  • Szablon automatycznie dopasowuje zdjęcia we wpisach do szpalty bloga oraz w gadżecie "O mnie" 
  • Szablon zawiera menu tzw. sticky - przykleja się do górnej krawędzi bloga, po scrollowaniu strony
  • Szablon posiada rozwijane menu z podwójnymi podkategoriami 
  • Grafika (tulipan), która znajduje się w szablonie, jest dodana do paczki 

Uwagi 

  • Szablon oraz grafiki, które są dodane do szablonu możesz pobierać tylko i wyłącznie na swój własny użytek. Udostępnianie go w postaci oryginalnej lub zmienionej jest kradzieżą 
  • Szablon posiada nieusuwalną stopkę z podpisem autora - nie wolno jej usuwać (po usunięciu, automatycznie zostaniesz przeniesiony na mojego bloga), ani modyfikować
  • W razie jakichkolwiek problemów napisz na maila blonparia@gmail.com - na wiadomości w komentarzach nie odpowiadam 
Czytaj dalej

Jak można wykorzystać border - solid na blogu

Jak można wykorzystać border - solid na blogu

Border - solid to nic innego jak proste obramowanie. Jedna ciągła linia, którą można w bardzo fajny i efektowny sposób wykorzystać na naszym blogu. Można dzięki temu dodać uroku naszym wpisom, cytatom, tytułom wpisów i wiele wiele więcej. W tym wpisie postaram się Wam wszystko dokładnie zaprezentować.

Wszystko będziemy robić w edytorze CSS, także bez strachu proszę :)
Przechodzimy do szablon - dostosuj - zaawansowane - dodaj arkusz CSS i tam wklejamy nasze kody.

Tytuł wpisu 


h3.post-title {border-left: solid 10px #c27ba0;
padding: 5px;}

Efekt:


h3.post-title {border-bottom: solid 5px #c27ba0;
padding: 5px;}

Efekt:


h3.post-title {
border-bottom:3px solid #c27ba0;
}
h3.post-title:before{
width:450px;
height:3px;
top:26px;
right:0;
background-color:#ead1dc;
content:"";
display:block;
position:absolute;
}

Efekt:


Tytuły gadżetów


.sidebar .widget h2 {border-left: solid 10px #c27ba0;
padding: 5px;}

Efekt:



.sidebar .widget h2 {border-bottom: solid 5px #c27ba0;
padding: 5px;}

Efekt:


.sidebar .widget h2{
border-bottom:3px solid #c27ba0;
width:150px;
position:relative;
}
.sidebar .widget:before{
width:150px;
height:3px;
top:19px;
right:0;
background-color:#ead1dc;
content:"";
display:block;
position:absolute;
}

Efekt:



.sidebar .widget h2 {
border-bottom: solid 3px #c27ba0;
border-top: solid 3px #c27ba0;
padding: 5px;}

Efekt: 


.sidebar h2 {
font: normal 600 12px 'Open Sans', sans-serif;
color: #2a2a2a;
text-transform:uppercase;
text-align: center;
display:block;
line-height: 1em;
margin-bottom: 30px;
letter-spacing: 2px;
position:relative;
}
.sidebar h2:before {
position: absolute;
left: 0px;
top: 8px;
width: 48px;
height: 4px;
background: #c27ba0 none repeat scroll 0% 0%;
content: "";
}
.sidebar h2:after {
position: absolute;
right: 0px;
top: 8px;
width: 48px;
height: 4px;
background: #c27ba0 none repeat scroll 0% 0%;
content: "";
}

Efekt: 



Menu 


.tabs-outer {
border-bottom: 2px solid #c27ba0;
border-top: 2px solid #c27ba0;
padding: 5px;}

Efekt: 


.tabs-outer {
border-bottom: 6px solid #c27ba0;
border-top: 2px solid #ead1dc;
padding: 5px;}

Efekt: 


.tabs-outer a:hover {
border-bottom: 5px solid  #ead1dc !important;
color: #c27ba0 !important;
}

Efekt:



Wszystkie pogrubione wartości są zmienne. Na tym zakończę część pierwszą, aby Was za bardzo nie zanudzić, niedługo pojawi się część druga :) 
Czytaj dalej

Jak zrobić nieruchome menu nad nagłówkiem

Jak zrobić nieruchome menu nad nagłówkiem


Zastanawiałeś się kiedyś jak zrobić statyczne strony Bloggera nad nagłówkiem? Doskonale wiemy, że Blogger umożliwia nam opcje stworzenia statycznych stron, ale tylko pod nagłówkiem, więc co zrobić jak chcemy mieć je na górze naszego bloga? Pewnie sobie myślisz "trzeba mieszać w kodzie" - racja, ale nie aż tak bardzo jakby mogło nam się to wydawać i również można ten zabieg wykonać za pomocą CSSa, jednak jest on mało precyzyjny. Zaprezentuje Wam dwa sposoby jak można to zrobić. Żeby było jasne - statyczne menu czyli takie, które pozostaje na swoim miejscu, nie porusza się wraz z blogiem. Taki efekt, możecie zaobserwować u mnie na blogu.

ZRÓB KOPIE ZAPASOWĄ SZABLONU! TUTAJ ZNAJDZIESZ INFORMACJE JAK TO ZROBIĆ

Sposób pierwszy - CSS

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

.tabs-outer {top: -165px;
background: #ddd;
margin-left: -235px;
margin-right: -234px;}

Oczywiście można dopisać jakieś własne style dla naszego menu do tego kodu, a wszystkie pogrubione wartości są zmienne.

Efekt:




Sposób drugi - HTML i CSS 


1. Przechodzimy do szablon - edytuj kod HTML

2. Klikamy kursorem obojętnie w jakie miejsce w kodzie i wybieramy ctrl + f

3. Wyszukujemy takiej frazy <div class='tabs-outer'>

4. Wycinamy kod, który zaznaczony jest w ramce na poniższym zdjęciu


5. Teraz wyszukujemy <div class='header-outer'>  i tuż NAD nim, wklejamy nasz wycięty kod


6. Zapisujemy szablon

7. Nasze strony prezentują się tak:



8. Teraz dodajmy styl CSS, aby nasze strony się jakoś prezentowały. Przechodzimy do szablon - dostosuj - zaawansowane - dodaj arkusz CSS i wklejamy kod:

.tabs-outer {background: #ddd;
top: -40px;
text-transform: uppercase;
letter-spacing: 2px;}
.tabs-outer { margin-left: -100px;
margin-right: -94px;}

Wszystkie pogrubione wartości są zmienne, oczywiście, możemy dopisać coś "od siebie"

Efekt:


Czytaj dalej
Subskrybuj: Posty (Atom)

Copyright © Twórczy notatnik