Fairy-tales flowers + bloggerowe DIY

Cześć Wam ;-)

Jeśli nie jesteście tu pierwszy raz to może zauważyliście, że zmianie uległ design bloga. Wczoraj naszło mnie na unowocześnienie, które chciałam przeprowadzić już od pewnego czasu i cieszę się, że w końcu się za to zabrałam. Z koloru miętowego przerzuciłam się na odcienie fioletu, jako że ostatnio polubiłam je jeszcze bardziej ♥.

Poprzez te zmiany odświeżyłam wiedzę na temat gadżetów, które mogą urozmaicić bloga oraz zainteresować czytelnika. I chciałabym się dziś tym z Wami podzielić - nie jest to kombinowanie w języku html, bo nad tym muszę jeszcze popracować, jednak dodawanie arkuszy CSS nie jest zbyt skomplikowane, a jednak może dać fajne efekty.
Aby znaleźć miejsce, gdzie dodaje się arkusze CSS postępujcie zgodnie z instrukcją widoczną na poniższych obrazkach:

Kiedy już traficie w miejsce, gdzie można dodać taki arkusz, widzicie po prawo białą stronę. Teraz wystarczy tylko znaleźć odpowiednie kody, które ulepszą podstawowy wygląd bloga. Dziś przedstawię Wam kilka arkuszy CSS które używam, bądź używałam. Wystarczy, że je skopiujecie i wkleicie w wolne miejsce.

Nie macie się co obawiać, że przez to popsujecie design bloga, bo jak działa większość arkuszy CSS widzimy na podglądzie poniżej, więc jeśli nam nie pasuje, nie musimy zastosowywać, lecz po prostu usunąć kod.  Nawet jeśli go zatwierdzimy to również w każdej chwili można się go pozbyć, nie będzie mieć to ujemnego wpływu na blog, po prostu opcje powrócą do poprzedniego stanu ;-).

WYŚRODKOWANIE TYTUŁU POSTA

h3.post-title, .comments h4 {text-align: center;}

WYŚRODKOWANIE PRAWEGO PASKA BOCZNEGO

.column-right-inner {text-align: center; }

ZDJĘCIE PO NAJECHANIU NA NIE KURSOREM STAJE SIĘ CZARNO-BIAŁE

.post img

{ -webkit-transition:

all 1s ease; -moz-transition:

all 1s ease; -o-transition: all 1s ease;

-ms-transition: all 1s ease;

transition: all 1s ease; }

.post img:hover { -webkit-filter:

grayscale(100%); }

ZDJĘCIE PO NAJECHANIU KURSOREM STAJE SIĘ ZAMGLONE

.post img{

-webkit-transition: all 1s ease;

-moz-transition: all 1s ease

; -o-transition: all 1s ease;

-ms-transition: all 1s ease;

transition: all 1s ease; }

.post img:hover { opacity:0.7;

filter:alpha(opacity=50); }

USUNIĘCIE RAMEK WOKÓŁ ZDJĘĆ NA PASKU BOCZNYM

.sidebar img {border:none;box-shadow:none;}

USUNIĘCIE RAMEK WOKÓŁ ZDJĘĆ WE WPISIE

.post-body img {border: 0 !important;

-moz-box-shadow: none !important;

-webkit-box-shadow: none !important;

box-shadow: none !important;

padding: 0px !important;

background: none !important;

}

ROZJECHANE LITERY PO NAJECHANIU NA LINK

a:hover { letter-spacing: 3px; }

Mam nadzieję, że taki mały tutorial Wam się przyda ;-). Jeśli jesteście ciekawi innych kodów lub np. jak zrobić własny nagłówek, czy całkowity design to dajcie znać w komentarzach ^.*.

Wypróbujecie powyższe kody? Podoba Wam się nowy wygląd bloga?


Oprócz tego na dziś również przygotowałam stylizację. To już ostatnia rzecz z paczki od Dresslink (pozostałe prezentowałam w stylizacji TUTAJ - KLIK ), czyli szyfonowa sukienka w kwiatowy print. Jeśli zamierzacie dokonywać zakupów na ich stronie to pamiętajcie, że rozmiary są zaniżone, dlatego też nie bójcie się wybrać ciuszków o teoretyczny rozmiar większych.

Jestem z niej zadowolona, choć na początku miałam mieszane uczucia, bo elektryzowała się i przywierała do nóg. Jednak znalazłam na to patent ;D. Spryskałam ją lakierem do włosów ze znacznej odległości i po sprawie ;). Na dodatek jej plisowania zaczęły się też ciekawiej, swobodniej układać, więc polecam taki sposób na różne ubrania "pod napięciem".

 

Mogę Was prosić o jednego klika? Nie zajmie to wiele czasu, a będę bardzo wdzięczna ♥♥♥.

Sukienka - KLIK

Jak Wam się podoba outfit?

3majcie się ^.^

MODNA POLKA / LOOKBOOK