28 maj 2013

Miesiąc Tematyczny - Maj

Miesiąc: Maj• Kategoria: Układy nowoczesne• Organizator: Chan Lee•

Witam wszystkich czytelników i całkiem przypadkowe osoby! Nadszedł czas na miesiąc tematyczny, który wypadł pod koniec maja. Mam być szczera? Czuję się zestresowana, nie wiem czy to co przygotowałam, w ogóle komuś się spodoba. Ale cóż, raz kozie śmierć jak to mówią, czyż nie? Chciałam zrobić jak najwięcej dodatków, zobaczymy co z tego wyjdzie. Większość rzeczy zrobiłam sama, nie liczy się to czcionek i stocków. Teraz staram się nauczyć robić tekstury i trenować koloryzacje, które chwilowo są słabe. No i ikony muszę w końcu podrasować, bo są proste... Kończę te narzekania i zapraszam do miesiąca tematycznego! Miłej zabawy :)

Ikony 100 x 100

Nie popisałam się, mogły być lepsze i ciekawsze. Szczerze mówiąc są to moje pierwsze ikony, może komuś przydadzą się jako avatar? :)


Ikony 150 x 150



Instrukcja CSS na menu boczne

Stwierdziłam, że przyda się nie tylko przyszłym szabloniarkom.


Takie menu mamy akurat na stronie głównej. Całkiem fajna sztuczka, nie jest też strasznie trudna. Wystarczy wkleić dwa kody: kod pierwszy stworzy nam całe menu, które możemy oczywiście dostosować, kod drugi zapewni nam ciekawe przejścia po najechaniu na zakładkę. Zaczynamy? Ogólnie rzecz biorąc w takim menu najważniejszych jest kilka rzeczy - zaokrąglenie kart, kolory i ramki. Wystarczy tylko trochę pokombinować, dodać jeszcze inne kody (np. cień tekstu, cień ramek, linie kreskowaną itp.) i zawsze wyjdzie ciekawe menu. Jeśli chcemy rozmieścić go tam gdzie chcemy, możemy pobawić się marginesami. 

#PageList1 {margin: 0px -20px -12px -22px;}
Pierwszy to margines górny, drugi lewy, trzeci dolny, czwarty prawy. Wszystkie parametry można zmienić, liczą się także liczby ujemne! 

KOD 1:
#PageList1 li a:link, #PageList1 li a:visited {
background: #353752; /* kolor tła */
opacity: 0.5; /* przezroczystość*/
color: #fff; /* kolor czcionki*/
text-align: center; /* wyśrodkowanie tekstu*/
font-size: 12px; /* wielkość czcionki*/
font-family: Georgia; /*nazwa czcionki*/
display: block;
margin-right: -5px; /*prawy margines*/
border-radius: 20px; /*zaokrąglone rogi*/
padding: 5px; /* tekst nie przykleja się do ramek*/
text-transform: uppercase; /*czcionka drukowana*/
margin: -6px; /*odstęp między kartami*/
}

KOD 2
#PageList1 li a:hover {
background: #fff; /* kolor tła */
color: #353752; /* kolor czcionki */
border-left: 30px solid #353752; /*grubość, styl i kolor bocznej ramki*/
border-right: 30px solid #353752;  /*grubość, styl i kolor bocznej ramki*/
margin: -6px;  /*odstęp między kartami*/
margin-left: 0px; /*margines lewy*/
margin-right: -5px; /*margines prawy*/
transition:all 0.7s;
-webkit-transition:all 0.7s;
-moz-transition:all 0.7s;
-o-transition:all 0.7s;
}

Kody te powstały dzięki instrukcjom Elfaby i Yassmine. Jeśli coś wam nie działa - dajcie znać. Jak nic  musiałam coś zepsuć :)

Stocki do pobrania

Zdjęcia pochodzą z www.tumblr.com 
Postanowiłam dać kwiaty i modelki z ukrytą twarzą. Tak, czasem do takich "modowych" blogów się przydaje. Proszę jednak o poinformowaniu o pobraniu!

Koloryzacje

Zrobiłam je sama i są dość proste, o ile nie banalne. Z czasem to się zmieni i opanuje je do perfekcji, a co! :)

Szablony wolne przygotowane specjalnie na tę okazję

 Plik do pobrania
Koloryzacja i stocki wykorzystane z dzisiejszych paczek. Jedyny minus to fakt, że szablon rozjeżdża się na rozdzielczościach mniejszych niż 1600 x 900.


Zgadnij czyj to szablon!

Szablon dla osób, które zamieszczają dużo treści na swoim blogu.
Nagłówek można edytować i dodać napis według uznania.


Dla każdego, kto kocha Pamiętniki Wampirów

Plik do pobrania

Plik do pobrania

Szablon pożegnalny od Rose!

A teraz kolejny element Miesiąca Tematycznego, a mianowicie: 

Zgadnij, czyj to szablon! 

Zabawa polega na  odgadnięciu kto wykonał szablon numer dwa! Osoba, które pierwsza poprawnie odpowie na pytanie dostaje w nagrodę link do jego pobrania.
Treść komentarza, który bierze udział w zabawie powinna wyglądać następująco: 


 Miesiąc Tematyczny- zgadnij czyj to szablon!
Szablon numer dwa wykonała : ...........
Mój numer GG\ e-mail: ............ 
(w celu wysłania linku do szablonu)

Tak wysłany pod tym postem komentarz gwarantuje Wam wzięcie udziału w zabawie, lecz tylko pierwsza poprawna odpowiedź  zostaje nagrodzona! 

Instrukcja Graficzna 

Instrukcję wykonała Heather, której bardzo dziękuję :*

stopień trudności: **
Materiały:


------------------------------------------------------------

No i to by było na tyle. Mam nadzieję, że każdy znajdzie coś dla siebie i dodatki przypadną do gustu. Powiem wam, że zabawa z koloryzacjami i szukaniem ładnych zdjęć poświęciła trochę mojego czasu, ale nic nie szkodzi. Chciałabym już kolejny miesiąc tematyczny, na który niedługo będziecie głosować. Chciałabym także podziękować dziewczynom z załogi, za pomoc i porady. Jesteście wielkie :)
Spodziewajcie się na przełomie kilku dni nowych szablonów, które potrzebują CSS. Może akurat komuś się spodobają :>

Pozdrawiam wszystkich i jeszcze raz przypominam:
Jeśli coś pobierasz, zgłoś to pod tym postem!

-------------------------------------------------------------------------
Kredyty:
1, 2, 3

97 komentarzy:

  1. Mam pytanie dotyczące tego menu. Jakie są parametry waszego ustawienia menu? Chciałabym także mieć je z boku, a niestety mi nie wychodzi:/
    Pozdrawiam i będę wdzięczna za odpowiedź :>

    OdpowiedzUsuń
    Odpowiedzi
    1. Ten kod jest skopiowany wprost z naszego szablonu głównego. Co takiego ci nie wychodzi? Kod nie chce działać w ogóle, czy jakiś dodatek nie chce załapać? (przezroczystość, linia ramki itp.)?

      Usuń
    2. A nie, już jest wszystko okej:) Przepraszam za kłopot.

      Usuń
  2. Miesiąc Tematyczny- zgadnij czyj to szablon!
    Szablon numer dwa wykonała : Oliwiaa
    Mój numer GG\ e-mail: yessy.xoxo@wp.pl (w celu wysłania linku do szablonu)

    Szablony super, podobnie jak cała reszta ;)

    OdpowiedzUsuń
    Odpowiedzi
    1. Heh, zagadka została rozwiązana. Chyba za łatwy ten szablon był do rozpoznania, ale już wysyłam kod na e-mail :) Gratulacje ;p

      Usuń
    2. Szablon wcale nie był łatwy, ale po przejrzeniu kilku szablonów każdej szabloniarki stwierdziłam, że szablon numer 2 najbardziej pasuje do stylu Oliwii :)

      Usuń
    3. Rozumiem :) Mam nadzieję, że szablon będzie dobrze służył ^^

      Usuń
    4. Jeśli chciałabym, by na nagłówku znalazł się napis, powinnam się zgłosić do Oliwii na e-mail?

      Usuń
    5. Chyba będziesz musiała się do niej odezwać, bo nie wiem czy tutaj opcja Tytuł bloga działa, czy nie. Odsyłam do Oliwii, jakby co :P

      Usuń
    6. Aż tak szybko poszedł ten mój szablon? O matko, jestem zaszczycona ; D Cieszę się, że odcisnęłam na nim swój ślad ^.^

      Usuń
  3. No nareszcie. Mnie najbardziej podoba się szablon z Pamiętników Wampirów. Kradnę wszyyyyyyyyyyyyystkie stocki. ;P
    Iconki rzeczywiście trochę ci nie wyszły, ale początki ą najtrudniejsze. ^^

    Cieplutko pozdrawiam. ♥

    OdpowiedzUsuń
    Odpowiedzi
    1. Taa, te ikonki to gwóźdź do trumny niemal, ale co ma się zmarnować :) Pobieraj, pobieraj :P Ja sama znalazłam naprawdę ładne zdjęcia, niekoniecznie są one w paczkach :P

      Usuń
    2. Jak mogłaś ich nie dać..... Ale co mi tam, za dużo ich mam. ;P

      Usuń
  4. Pobieram stocki z modelkami, przydadzą się, ułatwiasz pracę szabloniarki ^^Śliczne szablony, i niestety już za późno na zagadkę xD A szkoda, wiedziałam xD

    OdpowiedzUsuń
  5. Pobierałam ten szablon : http://2.bp.blogspot.com/-NqwxTAiPXFY/UaPQONMdJtI/AAAAAAAAFhk/ZVeiHJiaT7A/s1600/Podgl%C4%85d1.PNG , gdyż niezwykle mnie urzekł ;) Świetne dzieło Chan Lee ;)

    OdpowiedzUsuń
  6. Ikonki używam jako avatar.^^ Od razu widać, że robicie postępy, a co do "Zgadnij, czyj to szablon!" to od razu się domyśliłam, że to Oliwiaa. ;P Ah, no i bardzo ładna koloryzacja jak na początek. :)

    OdpowiedzUsuń
  7. Mój faworyt to szblon nr1, od razu mówię, że go pobieram:)
    Ogółem wszystkie są świetne, no i ten z Marco też- mój naj piłkarz na świecie zaraz po Hummelsie ;p
    Cudo<3

    OdpowiedzUsuń
    Odpowiedzi
    1. Uwielbiam takie klimatyczne szablony xd

      Usuń
  8. Kocham Cię Chan Lee ! Od dłuższego czasu czekałam na jakiś szablon od Rosesylli i się nie doczekam chyba, skoro odeszła. A tu proszę ! 2 szablony, które pobiorę, jeden ze 100% pewnością. Boże, co za ulgaa. 1 trzy to moje ulubieńce, ale wszystkie są piękne !

    OdpowiedzUsuń
  9. Piękne szablony, wiecie co? Podobają mi sie takie miesiące tematyczne. Tyle stocków *.* Oczywiście pobieram ^^
    Pozdrawiam.

    Raion ^^

    OdpowiedzUsuń
  10. Ten komentarz został usunięty przez autora.

    OdpowiedzUsuń
  11. Ah, wiem, że Larrien jest na urlopie, ale wiadomo może z dokładnością do dnia, albo chociaż tygodnia kiedy wróci?

    OdpowiedzUsuń
    Odpowiedzi
    1. niestety nie, ale dziś nastąpił przełom, bo Lar odzyskała Wifi i zaalarmowała nas że żyje i wszystko gra, więc nadal czekamy jednak już bardziej pewni jej powrotu ;)

      Usuń
  12. Szablony świetne, pobieram koloryzacje oraz stocki. :)

    PS. Przy instrukcji jest chyba zły link, ponieważ wyświetla się modelka, a nie stock.

    Pozdrawiam, Effey. xD

    OdpowiedzUsuń
  13. Miesiąc Tematyczny- zgadnij czyj to szablon!
    Szablon numer dwa wykonała : Oliwia (styl jakoś tak mi się z nią skojarzył, ale chyba juz mnie wyprzedili :P)
    Mój numer GG\ e-mail: 46966678

    OdpowiedzUsuń
  14. Raju, czekałam na ten post i czekałam, już i tak w roboczych widziałam całą wersję, ale zobaczyc to tutaj, ah jak miło ;) Szkoda, że szablon Oliwki poszedł tak szybko. Musimy wymyślić jakiś trudniejszy konkurs ;)

    OdpowiedzUsuń
    Odpowiedzi
    1. Chan, gratuluję, MT w Maju wyszedł wspaniale!

      Usuń
  15. Kurde, sorki, że tu, ale nie mogę się w niczym już połapać :D Co do miesiąca tematycznego, bardzo fajnie to wszystko wyszło. Podoba mi się, niesamowite, ale ja z inną prośbą.
    Czy ktoś z Was wykonuje szablony z tematyką Justin Bieber? Bo przydałby mi się, a nie mogę za nic w świecie nikogo takiego znaleźć :C

    OdpowiedzUsuń
  16. Matko, jak ja ci dziękuję za ten szablon z marco od razu mówię że pobieram.

    OdpowiedzUsuń
    Odpowiedzi
    1. jeny, widzę że sportowcy się sprzedają ;) Nie ma za co xD Będę częściej wykonywała takie szablony

      Usuń
    2. Jeśli już myślisz o sportowcach to proponuję ci zrobienie szablonu ze Szczęsnym :D:D

      Usuń
  17. Miesiąc tematyczny *_*
    Ikonki są prościutkie, ale mają urok...to trzeba przyznać :)
    Z Kodzikiem zapoznam się innego dnia, bo teraz o tej porze to ja nie myślę :P
    Pobrałam stocki :) Wszystkie :) Jak ja to mówię: Stocków nigdy za wiele :)
    szablony są ładne, proste i co najważniejsze przejrzyste :) Podobają mi się :)
    Pozdrawiam :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Pobrałam jeszcze stocki z poprzedniego miesiąca tematycznego :)

      Usuń
  18. A ja jak zwykle spóźniona - a jakże!
    Szkoda, że zagadka już odgadnięta, bo wiedziałam!
    Biorę stocki z modelkami!
    A te szablony są śliczne! Chyba najbardziej podoba mi się ten z TVD i pierwszy :)

    OdpowiedzUsuń
  19. Stocki z modelkami są super!

    http://grafika-z-sercem.blogspot.com/

    OdpowiedzUsuń
  20. Kradnę modelki, kwiaty i szablon 1 ;p

    OdpowiedzUsuń
  21. Pobieram stocki z modelkami ♥

    OdpowiedzUsuń
  22. Wysłałam swoje zgłoszenie w e-mailu ;)

    //ellie

    OdpowiedzUsuń
  23. Pobieram stocki z modelkami ;)

    OdpowiedzUsuń
  24. Szczerze powiedziawszy jak dla mnie mało "nowoczesne" są przedstawione tu szablony. Jedynie Oliwii w "W zgarnie czyj to szablon" jeszcze się broni (bo właśnie taki minimalizm można podpiąć pod nowoczesność), ale reszta to powtórka z rozrywki (bo tego typu szablony Rose już widziałam u niej na blogu). Kategoria "nowoczesne" kojarzyła mi się z czymś świeżym, nowym, ciekawym. Bardziej innowacyjnym. Spodziewałam się prac, które będą odbiegać od Waszego stylu i będą trochę bardziej futurystyczne. Akurat przedstawione prace bardziej kojarzą mi się z typowym onetowym-blogspotem, czyli mnóstwo grafiki, kilka dość zwykłych kodów CSS i voila! Mamy szablon. Na Onecie trzeba było kombinować z grafiką, blogspot daje duże możliwości stworzenia małych arcydzieł tylko za pomocą kodów (udowadnia to przykładowo Tyler z graphical-thoughts, która ogranicza wszelką grafikę do minimum, a szablony są, moim zdaniem, genialne).
    Rzadko kiedy gdzieś komentuję, ale muszę stwierdzić, że zawiodłyście moje oczekiwanie względem kategorii, co do której żywiłam ogromne nadzieje.

    Pozdrawiam i życzę wielu chęci do dalszego tworzenia

    OdpowiedzUsuń
    Odpowiedzi
    1. *zgadnij
      Tablet kocha robić psikusy :)

      Usuń
    2. Gdy zaproponowałam tę kategorię myślałam o czymś w stylu Tyler, ale ta dziewczyna jest geniuszem i niestety nie udało mi się zrobić czegoś podobnego do niej.

      Myśląc o kategorii '' nowoczesne '' wyobrażałam sobie szablon naciapany kodami z minimum grafiki właśnie. No cóż, nie była to najlepsza kategoria, ale proponowałyśmy też inne. To czytelnicy głosowali ;D

      Niemniej jednak następnym razem postaramy się nie zawieść, ale trzeba pamiętać, że ile ludzi tyle definicji :-) Kategoria w przyszłym MT na pewno będzie inna, tego możecie być pewni ;)

      Pozdrawiam.

      Usuń
  25. Pobrałam szablon numer 1 :)

    OdpowiedzUsuń
  26. Pobieram stocki z kwiatami ;)

    OdpowiedzUsuń
  27. Pobieram stocki i z pewnością skorzystam z instrukcji :) Dodaję LoG do linków oraz kredytów na www.zakazane-spojrzenia.blogspot.com
    Dziękuję bardzo i pozdrawiam :)

    OdpowiedzUsuń
  28. Super pobieram stocki!

    http://czylioliwianatropie.blogspot.com/



    OdpowiedzUsuń
  29. Mam problem z 2 kodem.Nie chcę mi działać!

    OdpowiedzUsuń
    Odpowiedzi
    1. 2 kod to animacja, więc w blogerze go nie widać. Działa na blogu, po odświeżeniu strony.

      Usuń
  30. mam problem. Nie wiecie czasem jak usunąć te kropki http://1.bp.blogspot.com/-gfQ0_Kd5Ttk/UefIOmbvxOI/AAAAAAAAAtY/fkK_f7EI6C8/s1600/Bez%C2%A0tytu%C5%82u.jpg :/

    OdpowiedzUsuń
    Odpowiedzi
    1. pobrałam stocki z kwiatkami :P

      Usuń
    2. dołączam się do pytania!

      Usuń
    3. Ten komentarz został usunięty przez autora.

      Usuń
    4. Nie należę do załogi tego bloga, ale znalazłam odpowiedź na Wasze pytanie. Wkleicie:
      #PageList1 ul {list-style-type: none;}

      Usuń
    5. Dziękuje :* Jesteś kochana :) Wielbię cię ♥

      Usuń
  31. Pobrałam wszystkie stocki

    OdpowiedzUsuń
  32. Jak ja ci dziękuję za to menu:) Świetne jest, po prostu idealne!

    OdpowiedzUsuń
  33. Pobieram wszystkie 3 paczuszki stocków *-* Menu-bombowe, sama korzystałam i bardzo dzięki, że tyle nad nim się męczyłyście <3

    OdpowiedzUsuń
  34. Pobieram wszystkie 3 paczuszki stocków *-* Menu-bombowe, sama korzystałam i bardzo dzięki, że tyle nad nim się męczyłyście <3

    OdpowiedzUsuń
  35. Pobieram stocki i koloryzacje.

    OdpowiedzUsuń
  36. A mi nie działa ten kod na menu boczne :( :( :( w ogóle żaden mi nie działa bo brałam też z innych blogów. Pomożecie?

    OdpowiedzUsuń
  37. Pobrałam stocki i koloryzacje:-)

    OdpowiedzUsuń
  38. uciekam ze stockami i koloryzacjami.

    OdpowiedzUsuń
  39. A jak zrobić same ramki? W sensie, żeby każda pozycja była tak jakby 'osobno'? Próbowałam coś znaleźć w tych kodach, które wrzuciłyście, ale nic nie znalazłam. Pewnie tępa jestem albo ślepa, albo pewnie i jedno, i drugie. :D Pomożecie?

    OdpowiedzUsuń
  40. Dziękuję za instrukcję na menu boczne - zdecydowanie skraca mi czas tworzenia szablonów, bo nigdy nie zapisuję sobie kodów <3

    OdpowiedzUsuń
  41. bardzo przydatne : ) skorzystam z instrukcji na ramkę :)

    OdpowiedzUsuń
  42. Wspaniałe kody, skorzystałam ^^

    OdpowiedzUsuń
  43. Dziękuję za kody, bardzo się przydały!

    OdpowiedzUsuń
  44. Mam problem z kodem do zaokrąglania :/ Dodaję go zapisuję, ale nadal tego nie ma :/ Co mam zrobić ?

    OdpowiedzUsuń
  45. Jeśli uda mi się, to wykorzystam kod na menu! Świetny i bardzo pomocny blog, dziękuje! :)

    OdpowiedzUsuń
  46. Posłużyłam się kodem css, bardzo przydatny :)

    OdpowiedzUsuń
  47. Pozwolę sobie skorzystać z kodu css :D

    OdpowiedzUsuń
  48. Pobrałam stocki modelek oraz kwiatów :)

    OdpowiedzUsuń
  49. Ten komentarz został usunięty przez autora.

    OdpowiedzUsuń
  50. Jejkuuu, bardzo dziękuję za tą instrukcję! Przydała się. :)
    Pozdrawiam
    http://queen-of-moon.blogspot.com/

    OdpowiedzUsuń
  51. Pobrałam stocki kwiatów i modelki, aby się uczyć robić nagłówki ;D
    Pozdrawiam!
    PomyLuna ;*

    OdpowiedzUsuń
  52. Hej, wykorzystałam waszą instrukcję na menu, udało się, ale przy zakładkach mam takie małe kropki i nie umiem sobie z tym poradzić, może pomożecie?
    :)

    OdpowiedzUsuń
  53. korzystam z instrukcji na menu, dziękuje bardzo ♥

    OdpowiedzUsuń