10/19/14

It's like a year without rain.


Witajcie!
Przepraszam za tak długą nieobecność, ale przez studenckie obowiązki, w tygodniu nie mam czasu robić żadnych grafik, więc zostają mi tylko nieliczne godziny w weekend na tworzenie, więc teraz notki na blogu będą pojawiały się rzadziej. Postanowiłam także, aby każdy z moich szablonów był dopracowany i z każdym nowym szablonem chcę próbować nowych kodów CSS, a także powoli zahaczam o HTML, więc teraz stworzenie jednego szablonu zajmuje mi o wiele więcej czasu. Ale powiem Wam, że dzięki temu, że tak przykładam się do tych szablonów i szukam nowych rozwiązań, wszystkie dzisiejsze szablony mnie w pełni zadowalają, a to chyba jest najważniejsze, prawda? :D
Nie bądźcie na mnie źli, ale dziś miałam dla Was filmik jak zrobić przechodzące zdjęcia (tzw. gify), ale go przypadkowo zepsułam xD Więc przygotowałam dla Was inną instrukcję CSS, a gifami zajmiemy się innym razem (dokładniej, jak nagram nowy filmik). Będą dwie instrukcje. Jedna: jak zrobić bardzo prosty gif (taki jak mam teraz w nagłówku bloga), a druga: jak zrobić sygnaturę z gifem (taka jak jest na górze tego posta).
 Ulepszyłam wyszukiwanie tutoriali na moim blogu i teraz wchodząc w podstronę 'tutoriale' macie całą listę pomocy! :)

Zamówień na okładki na razie nie przyjmuję.
Piszcie życzenia co do następnych poradników CSS i graficznych, a także piszcie propozycje na szablony wolne!!
Ostatnio zauważyłam, że rozpisujecie się w komentarzach i wymieniacie pełno nazwisk osób, których nawet nie kojarzę. W propozycjach troszkę nie o to chodzi. Jeśli piszecie ff i potrzebny Wam jest jakiś szablon z daną osobą - napiszcie propozycję. Jeśli podoba Wam się jakiś szablon na moim blogu, ale nie ma go z osobą, której potrzebujecie - napiszcie propozycję, ale nie rozpisujcie się sypiąc milionem nazwisk osób, z którymi szablonu nikt nie pobierze. Chciałabym żeby to co robię było pobierane, więc wybieram osoby, które najczęściej przewijają się w komentarzach. Jeśli jest Wam bardzo potrzebny szablon, a koniecznie chcecie mieć na waszym blogu layout zrobiony przeze mnie, też to napiszcie, a wezmę to pod uwagę! :)

Nowa notka za trzy tygodnie, bądź dłużej, ale mam nadzieję, że czekanie się opłaci! Niestety nie mam możliwości na częstsze robienie notek.

Więc zacznijmy od instrukcji jak zrobić co drugi link w innym kolorze, tak jak jest to tu pokazane.
Jest to naprawdę proste, więc każdy sobie z tym poradzi.
UWAGA: Ja robię to w linkach w gadżecie HTML/JavaScript, więc jeśli robisz w liście linków, lub w liście stron, musisz użyć innego kodu, który pokażę pod koniec instrukcji.

1. Do gadżetu HTML/JavaScript w układzie dodajemy kod:
<a class='link' href=http://google.com>nazwa</a>

tym kolorem zaznaczony jest link do strony
tym kolorem zaznaczona jest nazwa odnośnika
tym kolorem zaznaczony jest selektor i tylko to nas interesuje

2. Wchodzimy w arkusz css i gdy już sobie ustawimy cały gadżet z linkami (nie dodajemy kodów na background i na kolor czcionki), wpisujemy:

a.link:nth-child(odd){
color: #000;
background: #fff;}
a.link:nth-child(even){
color: #fff;
background: #000;}
a.link:nth-child(odd):hover{
color: #ddd;}
a.link:nth-child(odd):hover{
color: #888;}

Selektory a.link:nth-child(odd) a.link:nth-child(even) odpowiadają kolejnym parzystym i nieparzystym odnośnikom, a a.link:nth-child(odd):hover i a.link:nth-child(odd):hover odpowiadają za zachowanie tych odnośników po najechaniu na nie myszką. 
Pamiętajmy żeby zaznaczone na pomarańczowo fragmenty kodu odpowiadały fragmentom kodu wpisanym w ramkę HTML/JavaScript. Mogą to być jakiekolwiek słowa, ale ważne, żeby te słowa były takie same i w arkuszu css i w kodzie gadżetu.

Jeśli robicie gadżet w liście stron, wpisujecie kod:
#PageList1 li:nth-child(odd){...}
#PageList1 li:nth-child(even){...}
#PageList1 li:nth-child(odd):hover{...}
#PageList1 li:nth-child(even):hover{...}
Jeśli robicie gadżety w liście linków, wpisujecie kod:
#LinkList1 li:nth-child(odd){...}
#LinkList1 li:nth-child(even){...}
#LinkList1 li:nth-child(odd):hover{...}
#LinkList1 li:nth-child(even):hover{...}

Jeśli skorzystaliście z instrukcji i pomogła Wam ona, dopiszcie mojego bloga w credit! :)



SZABLON "Control the world":
1. dwukolumnowy, jasny.
2. Nagłówek z Miley Cyrus - napis na nagłówku trzeba wpisać samodzielnie jako tytuł bloga!
3. Gadżety: tekst, statystyka, zamiast listy stron jest gadżet HTML/JavaScript x2, obserwatorzy.
4. Tekst widoczny po najechaniu na nagłówek, obserwatorzy widoczni po najechaniu na bok ekranu.
5. Pamiętaj aby poinformować mnie w komentarzu o każdym pobraniu.
6. POBIERZ SZABLON
http://funkyimg.com/i/NaJM.png

SZABLON "Out of the woods":
1. ciemny, ruchoma jest tylko środkowa kolumna z tekstem.
2. Nagłówek z Justinem Bieberem - napis na nagłówku trzeba wpisać samodzielnie jako tytuł bloga!
3. Gadżety: tekst, statystyka, zamiast listy stron jest gadżet HTML/JavaScript x3, obserwatorzy.
4. Tekst widoczny po najechaniu na nagłówek, obserwatorzy widoczni po najechaniu na bok ekranu.
5. Pamiętaj aby poinformować mnie w komentarzu o każdym pobraniu. (w pobranej paczce jest niekompletny screen podglądu szablonu. Sorry my bad.)
6. POBIERZ SZABLON
http://funkyimg.com/i/Nc1E.png




SZABLON "Everytime I Don't":
1. ciemny, ruchoma jest tylko środkowa kolumna z tekstem i nagłówek.
2. Nagłówek z Kendall Jenner.
3. Gadżety: tekst, statystyka, zamiast listy stron jest gadżet HTML/JavaScript x2, obserwatorzy, archiwum.
4. Obserwatorzy widoczni po najechaniu na bok ekranu.
6. Pamiętaj aby poinformować mnie w komentarzu o każdym pobraniu.
5. POBIERZ SZABLON
http://funkyimg.com/i/NaJW.png 
(nie będę mówiła ile razy zabierałam się za zrobienie tego szablonu, ale w końcu doszłam do jakiejś formy, która zaczęła mnie zadowalać i teraz jest to chyba jeden z moich ulubionych szablonów. A już by było blisko abym go nie zrobiła, ale na asku obiecałam, że będzie szablon z Kendall, więc jest) :)

27 comments:

  1. Moim osobistym faworytem jest szablon z Miley, a zaraz po nim z Justinem *o* Są niesamowite ^^

    ReplyDelete
  2. O mój boże! A czy można "Out of the woods" tylko zamiast nagłówka z Justinem to Harrym? Bardzo bym o taki prosiła. Wszystkie są piękne x

    ReplyDelete
    Replies
    1. Tego już raczej nie przerobię (dlatego jest po jednym nagłówku, bo ciężko zrobić dwa podobne do tego samego szablonu w takim stylu), ale postaram się zrobić nowy szablon na podstawie tego z Harrym, jeśli obiecasz mi, że go użyjesz i nie zrobię go na marne :)

      Delete
    2. Jasne, właśnie potrzebuję takiego więc jak już robisz to możesz w ogóle albo z Harrym albo z Harrym i Louisem :)

      Delete
  3. Czy prosiłabym o zbyt wiele gdybyś zrobiła poradnik w jaki sposób przerobić gifa w gimpie, o ile tam się nim bawiłaś? :)

    ReplyDelete
    Replies
    1. Przecież napisałam w notce, że taki tutorial bedzie w nowym poście ;)

      Delete
    2. Musiałam nie zauważyć :)) Ale mam nadzieję, że pojawi się niedługo bo już jestem ciekawa ^^

      Delete
  4. świetne szablony ☺ może tak szablon z Lisa Cimorelli? jeśli zrobiłabyś taki na 100% widniałby na moim blogu

    ReplyDelete
  5. Miałam się "zgłosić" pod tą notką, więc to robię ;)
    a więc tak:
    osoby - Louis Tomlinson i Giza Lagarce.
    cos w stylu tego szablonu : http://funkyimg.com/i/J81b.jpg w ciemnych kolorach. ;)
    buziaki.

    ReplyDelete
  6. haunted pobieram Out of the woods na love na bloga http://love-kylie-jbff.blogspot.com/

    ReplyDelete
  7. Dziękuje strasznie za szablon z Kendall, jest prześliczny. Dziękuję, że jednak go wykonałaś bo tak jak mówiłam bardzo mi zależało. Oczywiście pobieram go do siebie. Szablon z Justinem jest chyba najlepszym szablonem, także głęboko zastanawiam się czy jednak nie ustawić jego ale na razie biorę ten z Kendall.
    haunted
    Everytime I Don't
    hislawyer-fanfiction.blogspot.com
    jeszcze raz dziękuję,
    pozdrawiam :)

    ReplyDelete
  8. haunted
    We like pink summer na http://twitterfriends-fanfiction.blogspot.com

    ReplyDelete
  9. hautend "41. Take me somewhere new" z Justinem na: http://believe-in-my-love-justin.blogspot.com/
    hautend "036. BELIEVE" na: http://die-in-your-arms-sweetheart.blogspot.com/
    hautend "035. Justin Black And White" na: http://becouseofyou-jb-wersja-ii.blogspot.com/

    ReplyDelete
  10. haunted
    out of the woods
    na hislawyer.blogspot.com
    jednak bardziej przypadł mi do gustu :)
    pozdrawiam

    ReplyDelete
    Replies
    1. znowu zmieniam
      haunted
      you're not gonna be hurt
      na hislawyer.blogspot.com
      pozdrawiam :)

      Delete
  11. haunted
    "Thief in the night" na http://contro-ogni-previsione.blogspot.com/
    miałam mały problem z ustawieniem, to nie wygląda tak jak powinno, napisałam do Ciebie na e-maila o pomoc :)

    ReplyDelete
  12. haunted "Out of the woods" na bloga http://danger-when-it-is-not-everything.blogspot.com
    cudowne szablony, jak zawsze :)

    ReplyDelete
  13. Szablon z Justinem jest genialny. Byłoby super, gdybyś mogła zrobić podobny z Lukiem Hemmingsem. Mi bardzo przydałby się taki, gdzie na nagłówku oprócz Luke'a byłaby Holland Roden, ale to tylko propozycja. Gdybyś spróbowała coś takiego zrobić i akurat by ci wyszło, byłabym bardzo wdzięczna. A jeśli nie, to tylko ten z Justinem, a zamiast Justina na nagłówku Luke. :)
    Tutaj podaję przykładowe zdjęcia:

    Luke:

    http://data3.whicdn.com/images/134246522/large.png
    http://37.media.tumblr.com/17922c6e6203fc61991105add79927f3/tumblr_n14u0byVp81skoi2to1_500.jpg
    http://data2.whicdn.com/images/143374557/large.jpg
    http://data3.whicdn.com/images/143331888/large.jpg
    http://data1.whicdn.com/images/143410150/large.jpg

    Holland:

    http://data1.whicdn.com/images/134303259/large.jpg
    http://data2.whicdn.com/images/134236057/large.jpg
    http://data2.whicdn.com/images/143265502/large.jpg
    http://data2.whicdn.com/images/142961328/large.jpg
    http://data2.whicdn.com/images/140814838/large.jpg

    Tak jak mówiłam - to tylko propozycja, ale byłoby miło, gdybyś ją rozpatrzyła. :)

    ReplyDelete
  14. Haunted fire meet gasoline na bloga dark-horse-fanfiction.blogspot.com

    ReplyDelete
  15. A może jakiś książkowy szablon?

    ReplyDelete
  16. haunted 067. do you like tumblr template na http://qunowanie.blogspot.com/

    ReplyDelete
  17. haunted "Selena G" na bloga http://thedeal-tlumaczenie.blogspot.com/

    ReplyDelete
  18. haunted "Untitled" na http://darknessoulff.blogspot.com
    haunted "Need you right near me" na http://hesavedher.blogspot.com

    ReplyDelete
  19. haunted
    pobieram "Do you like tumblr" na http://puste-obietnice.blogspot.com/

    ReplyDelete
  20. Może coś z Jeleną?:)

    ReplyDelete
  21. Pobieram szablo "out of the woods" na bloga http://onedream-fanfiction.blogspot.com

    ReplyDelete
  22. Pobieram szablon "out of the woods" na bloga: http://tell-me-lies-in-fifty-shades-jb.blogspot.com/

    ReplyDelete

Followers

Template made by Robyn Gleams