STYLIZACJA: Kapitan Ameryka

Tym razem Kapitana Amerykę postanowiłam wybrać jako motyw przewodni do nowej stylizacji na vgh. Wykorzystałam tą tapetę jako główne tło strony i to ona zdecydowanie nadaje całości ciekawego klimatu, a raczej nadaje całości dynamizmu, mam nadzieje, że macie podobne wrażenie. Dla ciekawskich, wykorzystałam czcionkę Bangers, która idealnie mi pasuje do marwelowskiego świata :)

STYLIZACJA: Balon

Zamieszczam kolejną stylizację. Tym razem strona na pełnej szerokości z ładnym prostym topem oraz jasną minimalistyczna kolorystyką. Przejrzystość i czytelność czasami jest lepsza niż przepych. Sądzę, że taka stylizacja pasowałaby na wszelkiego rodzaju strony wielotematycznych, firmowych, o grach, filmach etc...

STYLIZACJA: Gotowanie

Baaaaardzo dawno nic nie pisałam i wszystko stanęło całkowicie w miejscu. Niestety, ale życie czasem pisze swój scenariusz i niestety mam drobne problemy życiowe, przez które nie miałam często czasu bądź ochoty aby zająć się czymkolwiek na blogu. Liczę, że ulegnie to zmianie i zamieszczam podgląd nowego stylu. Ostatnio na w.org padło pytanie czy są jakieś skórki związane z gotowaniem. Jak wiemy nie ma żadnej i to mnie zainspirowało do utworzenia tej prostej stylizacji.

STYLIZACJA: Fashion

Mam pomysły więc korzystam z okazji i tworzę nowe stylizacje. Czy nie zdziwiło was, że jakoś na vgh nie ma stron poświęconych tematyce mody? A może jakoś do tej pory nie miałam okazji na takie natrafić? Dlatego kolejną swoją pracę poświęcam temu tematowi. Tym razem dodałam grafiki do kategorii newsów i przemieściłam je na dolną lewą stronę newsa.

STYLIZACJA: Kwiat wiśni

Po pierwsze stylizację stworzyłam spontanicznie, chciałam uzyskać coś bardzo kobiecego. Po drugie, jak można zauważyć całość trochę przypomina bardziej bloga niż stronę na php-fusion. Uzyskanie takiego efektu było zamierzone, a dodatkowo chciałam wycisnąć tyle ile się da, aby stylizacja była przyjemna dla oka. Po trzecie - menu górne, poziome (w tym również ikonki dodające nowe treści), shoutbox to są wystylizowane domyślne panele. Jedyny HTML jaki tam jest dodatkowo wrzucony to ikonki portali społecznościowych i wyszukiwarka. Panel lewy jest stały względem przeglądarki, czyli w chwili przesuwania suwaka w dół, przesuwają się tylko newsy i panele prawe. Szerokość strony jest wyrażona w 100%, więc dopasuje się również do mniejszych rozdzielczości monitorów niż jest u mnie :D

STYLIZACJA: Real Madryt

Na początku muszę napisać, że nie interesuje się piłką nożną. Padło na Real Madryt, gdyż po pierwsze na vgh.pl zakładanych jest wiele stron poświęconych klubom piłkarskim, a po drugie wybrałam zespół, który jest bardzo popularny. Na pomysł stylizacji wpadłam wczoraj i dzisiaj zakończyłam kodować. Całość, jak widać, utrzymałam w odcieniach żółci i szarości. Dodatkowo umieściłam inną wyszukiwarkę oraz slider pod menu.

STYLIZACJA: Niebieska

Nowa stylizacja powstała na tzw. "spontanie". Cały czas trzymam się nurtu tworzenia całości w stylu magazynu i bez lewych paneli. Szarości, błękity (#1bb3cd i #45a8b3) i ciut czerni to chyba obecnie moi faworyci. Jak na razie to moja ulubiona edycja. Prostota, lekkość i przejrzystość to zdecydowanie najlepszy wybór na uzyskanie ładnego wyglądu strony. Po za tym, może kiedyś wrzucę poradnik jak zrobić taką stopkę newsów :)

STYLIZACJA: Magazyn black

Idąc tropem stylizacji w wersji magazynu, jak ta tutaj, chciałam stworzyć coś ciemnego jednak prostego i łatwo czytelnego. Kolorystykę głównie dobrałam w czerni i ciemnych szarościach. Kilka kolorowych akcentów dodałam tylko po to aby całość nie była ponura.

STYLIZACJA: Newspaper

Uzmysłowiłam sobie, że jak do tej pory nie widziałam aby na php-fusion powstał jakiś fajny szablon w stylu magazynu. Poniższą stylizację na vgh zaaranżowałam w samych szarościach, aby całość była prosta i przejrzysta. Wykorzystałam tylko dwa fonty "Courier New" i "Verdana". Ikonki w stopce newsów są zakodowane w identyczny sposób jak w stylu: Niebiesko-zielony wektor.

STYLIZACJA: Niebiesko-zielony wektor

Pomysł na tą stylizację narodził się dzisiaj. Chciałam stworzyć coś prostego i przejrzystego z dozą jasnych kolorów. Wybór padł na #9cc62b oraz #70e2da. Nie chciałam też wykorzystywać jakiś postaci bądź krajobrazów w topie, więc wybór padł na wektory. Najwięcej nerwów przysporzyło mi menu górne, głównie przez to, że wszystkie menu w skórkach są kodowane w postaci - link obok linku. Byłoby wygodniej gdyby kod był zamieszczony w liście nieuporządkowanej (ul). Stylizowałam oczywiście domyślne menu poziome z zastosowaniem rotacji (CSS3).

STYLIZACJA: Pink

Stylizacja powstała jako moja odpowiedź dla Eluchy, która pytała się czy na vgh.pl dam radę wyczarować stylizację, przypominającą skórkę, która się jej podobała. Całość oczywiście utrzymana w kolorystyce czarno-szaro-różowej.

STYLIZACJA: Metro w stylu windows 8

Jak wiemy wygląd kafelkowy jest obecnie na czasie, więc w tym tygodniu napadło mnie stworzenie stylizacji na vgh, która by przypominała styl metro, czyli obecnie popularny design windowsa 8. Dla ciekawskich - wystylizowałam domyślne poziome menu, nie ma tam grama dodanego HTML, czysty CSS. Menu jest oczywiście z animacją. Logo jest tekstowe, nie w postaci grafiki.

STYLIZACJA: Globe

Stylizacja powstała ponad rok temu i służyła na mojej stronie poświęconej tematyce zwierząt. Całość utrzymałam w kolorystyce szaro-niebieskiej. Może w końcu stworzę poradnik, który pokaże jak dodać slider nad lub pod topem. Jak zwykle wszystko odkładam na później.

STYLIZACJA: Zbliżająca się wiosna

Ta stylizacja utrzymana jest w kolorach zieleni i bieli. chciałam użyć jak najmniej użyć grafik, aby wygląd był bardziej przejrzysty. Pomysł narodził się pod koniec lutego, kiedy zaczęło się robić coraz cieplej w Warszawie. W zupełnie nowy sposób zaaranżowałam newsy. Najbardziej by pasował chyba na jakiego bloga, heh.

STYLIZACJA: Manchester United

Piłka nożna to nie moja smykałka, dlatego na początku tworzenia tego stylu miałam kłopot z wyborem zdjęć do topa strony. Tak jak w przypadku, poprzedniego stylu, nie ma loga graficznego, a jest ono w postaci tekstu - po prostu nazwa strony. Na vgh.pl jest bardzo dużo tworzonych stron o tematyce sportowej, a tą stylizacją chciałam pokazać, co można uzyskać stosując CSS.

STYLIZACJA: Łososiowe maki

Zamieszczam pierwszą na blogu stylizację przygotowaną na vgh.pl "Łososiowe maki" - wybrałam taki tytuł gdyż najbardziej pasował mi do stworzonej przeze mnie kolorystyki. W tej edycji nie ma logo w postaci grafiki, zastępuje je logo tekstowe. Pomysł powstał, gdy jedna z użytkowniczek forum webmasterzy.org stwierdziła, że kobieca mniejszość jest nie doceniana. Może ktoś stwierdzić, że styl jest zbyt cukierkowy, ale jak dla mnie jest po prostu ok.