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.

Plik do pobrania

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:

Texture01 i Texture02 od Yassmine

Modelka1 i Modelka2 od EmilySoto

Stock1 od Yassmine

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

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