Grafika - mi się podoba xD Szablon ogólnie stworzony na potrzeby tłumaczenia mojego i przyjaciółki, długo walczyłam z CSS xD Dodam jeszcze, że za teksturki, stocki i pomoc w postaci instrukcji dziękuję breatherain :)
I mój faworyt - Larry *-* Ostatnimi czasy mam fazę na boyfriends, dlatego powstał ten szablon. Grafikę znalazłam na tumblrze - zakochałam się. Obrazki po najechaniu 'pompują się' - za pomysł dziękuję Tajemniczemu Ogrodowi i M :D Wiem, że szablon z Edem był w podobnym stylu, ale ostatnio tylko takie szablony chcą mi jeszcze wychodzić. Chyba tracę wenę :/
Ale OK - chciałam się z wami zawczasu pożegnać, żeby potem nie było rozczarowań, bo nie liczę na wiele :) Na prawdę dziękuję za wasze opinie i wszystkie pobrania moich szablonów :D Kocham was!
Miałam pisać coś więcej, bo notka miała myć za 10 dni, ale że skończyłam wszystko dzisiaj - jest dzisiaj. Zaskakuję sama siebie xD Więc to tyle - musicie mi wybaczyć :*
Pozdrawiam i do Miesiąca Tematycznego!
~Mind
Ten szary szablon jest w porządku, generalnie nie przepadam za taką kolorystyką,ale tu całkiem ładnie się to prezentuje. W tym drugim strasznie widać gdzie cięłaś, może umyślnie i to zrobiłaś, ale bardzo mi się to nie podoba. CSS jest w porządku, ale od strony graficznej to wiesz.. :D
OdpowiedzUsuńPierwszy szablon trochę nudny graficznie i kolorystycznie, ale css jest ciekawy.
OdpowiedzUsuńDrugi byłby chyba o niebo lepszy z jakąś koloryzacją, bo każde zdjęcie pochodzi z innego źródła i było robione w różnych warunkach. Koloryzacja może by te niezgodności zakryła. Ale mi się podoba.
Pozdrawiam.
Ten komentarz został usunięty przez autora.
OdpowiedzUsuń1. Grafika niezła :) Może trochę nudny szablonik, ale z chęcią *nawet* poczytałabym to tłumaczenie.
OdpowiedzUsuń2. Szczeliłaś w dziesiątkę :) *LS* Nie mam pojęcia, czy sklejałaś te zdjęcia, czy to takie było. Może bym je zrobiła trochę inaczej, no ale już jest >.<
W sumie to 2 jak mówiłam - grafikę znalazłam w takiej postaci na tumblrze i dla mnie jest ok, dlatego ją wzięłam xD Ostatnio uwielbiam takie krzywe sklejki, kolaże, wszelkie postacie niepasujących zdjęć *-*
UsuńNo jeśli nadarzy się okazja, to sobie również "pożyczam" takie zdjęcia :3
UsuńHej!
OdpowiedzUsuńMam pytanie na tym szablonie KLIK są wysuwane karty. Czy wytłumaczyłabyś mi/ w następnej notce jak to zrobić.
Chciałabym mieć wysuwaną kartę, stosowałam się do kodu Lizz ale mi nie wchodziło :/
Mój e-mail: maja.styles12@gmail.com
Mogę Ci napisać na email ale też tu, więc przejdźmy do rzeczy:
Usuńzaczynasz od selektora czegoś, co chcesz mieć wysuwane, np. całą prawą kolumnę.
więc:
.main-inner .column-right-inner {
background: #ffffff; /*tło*/
margin-left: 460px; /*margines, zalezy od rozdzielczości, musisz pomanipulować dla lepszego efektu; kolumna schowała się teraz za prawą krawędź*/
margin-right: -410px; /*przesunięcie kolumny, żeby była szeroka a nie ściśnięta, czyli prawy margines*/
margin-top: -635px; /*margines górny, też możesz pobawić się wartościami*/
padding: 20px; /*tekst nie przykleja się do ramki*/
transition:all 1s; /*płynny powrót kolumny na swoje miejsce, czyli płynne wsuwanie się. wartośc czasowa jest dobra więc radzę zostawić*/
text-align: center; /*wyśrodkowanie tekstu*/}
.main-inner .column-right-inner:hover /*po najechaniu na kolumnę*/{
background: #ffffff; /* tło*/
margin-left: 60px; /*margines lewy po najechaniu, kluczowa częśc, też możesz pobawić się wartością, ale radzę, by była na plusie*/
margin-right: -200px; /*prawy margines, kolumna pojawia się cała*/
margin-top: -635px; /* znowu margines górny, jak chcesz może być tak jak wyżej*/
padding: 20px; /* tekst nie przykleja się do ramek*/
transition:all 1s; /*płynne wysuwanie się kolumny*/
text-align: center; /*wyśrodkowanie tekstu*/}
UWAGA
jeżeli chcesz, żeby nie kolumna a dany gadżet się wysuwał: musisz wstawić jego selektor zamiast .column-right-inner, np. #PageList1 . PS: Jak masz sam gadżet, do do pierwszego kodu dopisujesz - position: fixed; - wtedy gadżet wraz z przesuwaniem strony 'stoi w miejscu', jest w jednym miejscu, nie porusza się wraz ze stroną
Możesz dodawać do kodu dowolne rzeczy, np. opacity: 0.5; czy border-radius: 90px; wtedy efekt wizualny jest fajniejszy :) Kod jaki podałam Ci wygląda na blogu mniej więcej tak: http://nic-nie-umiem-lol.blogspot.com/. Jeżeli chcesz, żeby z lewej Ci się coś wysuwało, wystarczy zamienić marginesy, left na right i na odwrót xdxd
Jakby w czymś jeszcze pomóc- pisz
Mam nadzieję, że jest w miarę przejrzyście :))
w większości mi działa, dziękuję.
UsuńNie wychodzi mi z jednym gadżetem ale żeby już cię nie męczyć może coś zdziałam.
Jeszcze raz dziękuję!