Ostatnio dostałam 3 maile z pytaniem jak zrobić zaokrąglone rogi posta z lekkim cieniem, więc dzisiaj pokażę Wam jak ja to robię :) Więc zaczynamy !
1. ZAOKRĄGLONE ROGI POSTA
Wchodzicie w Szablon --> Edytuj kod HTML --> Klikamy Ctrl + F, wyszukujemy .post-outer pod nim wklejamy:
-webkit-border-radius: 10px;
border-radius: 10px;
}
}
Oczywiście pixele zmieniamy wg własnego uznania :) Pamiętajmy o tym, żeby zamknąć kod :) Na moim blogu przy 50px wygląda to tak:
2. CIEŃ
Jeżeli chcemy dodać do rogów naszego posta cień to w sekcji .post-outer w box-shadow musimy wpisać odpowiednie cyfry. Ja wpisuje takie:
box-shadow: 0 0 10px 5px rgba(0, 0, 0, .15);
Im więcej pixeli wpiszecie tym cień będzie większy. U mnie przy takich właściwościach prezentuje się tak:
Sama przez dłuższy czas szukałam jak wykonać okrągłe rogi posta, ale w końcu znalazłam. Mam nadzieję, że wytłumaczyłam Wam to w miarę zrozumiały sposób :)
Szablon, w którym to wykonywałam nazywa się Znak wodny :)
Szablon, w którym to wykonywałam nazywa się Znak wodny :)
VEA:)
spróbuje u siebie tak zrobić :)
OdpowiedzUsuńbardzo przydatne porady:) ja sama jestemw tej kwestii zielona, ale jakbym chciała coś zmienić, to już wiem gdzie szukać;)
OdpowiedzUsuńdobrze wiedzieć, spróbuję się z tym pobawić :)
OdpowiedzUsuńDziękuję za poradnik ;)
OdpowiedzUsuńprzyda się;)
OdpowiedzUsuńSuper instrukcja ;-) Gdzie mogę się zgłosić, abyś zrobiła mi nagłówek?
OdpowiedzUsuńNa maila :)
Usuńna pewno mi się przyda :)
OdpowiedzUsuńprzydatne
OdpowiedzUsuńmoze kiedys wyprobuje
Świetny pomysł na poradnik! :)
OdpowiedzUsuń♥ blog
Lubię takie blogowe porady, bo zawsze się można dowiedzieć czegoś ciekawego:)
OdpowiedzUsuńPozdrowienia!:))
Będzie ich więcej, ale na razie chce je ładnie wszystkie ogarnąć :)
Usuńdzięki za info i mm spróbuję ;D
OdpowiedzUsuńDobry post. Bardzo przydatny.
OdpowiedzUsuńTo ja jeszcze dodam od siebie, że nie u każdego ten kod działa po wpisaniu go za .post-outer. Można wpisać też po .post albo po .main-inner
OdpowiedzUsuńU mnie właśnie był taki przypadek i musiałam szukać innych rozwiązań :) u siebie wpisałam na cienie taki kod: box-shadow: 0 0px 10px 0px #c0c0c0, gdzie kod c0c0c0 oznacza kolor srebrny. Jakby ktoś był ciekawy efektu zapraszam na mojego bloga :)
Dlatego napisałam w jakim szablonie to wykonywałam :)
Usuńnominowałam Cię na moim blogu, jeśli masz ochotę ;)
OdpowiedzUsuńHej. :) Pozwoliłam sobie wziąć od Ciebie wektor i wykorzystać go u mnie w logo na blogu - mam nadzieję, że nie będziesz miała nic przeciwko :)
OdpowiedzUsuńFajnie, że ktoś z tego korzysta :)
UsuńSwietna i pomocna notka, musze sprobowac :)
OdpowiedzUsuńNajpierw muszę dojść do tego jak zrobić ramkę wokół posta,potem będę zaogkąglać :)
OdpowiedzUsuńu mnie się niestety nie da :) Jak próbuję zaokrąglać rogi to mi znika w ogóle ramka :/
OdpowiedzUsuńBo to zależy wszystko od szablonu :)
Usuńwiem, wiem już czytałam komentarze :)
Usuń