Easylogo, czyli znajdź inspirację na swoje logo

Na stronę www.easylogo.cn trafiłam przez zwykły przypadek. Prezentuje ona zbiór grafik wykorzystywanych jako logo znanych marek i znaków towarowych. W swoich zasobach ma prawie 200 tysięcy plików. Jeżeli tworzysz logo dla swojego bloga, forum czy witryny, to ta strona jest kopalnią inspiracji. Dzięki wyszukiwarce mamy możliwość znalezienia pożądanego logo wg jego nazwy lub kolorystyki.

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.

VGH: Jak edytować styl na vgh #1 - wstęp

Jak zapowiadałam wcześniej, uruchamiam cykl postów, za pomocą których wyjaśnię jak edytować styl na stronach zakładanych na vgh.pl. Jeszcze na wstępie chcę zaznaczyć, że poradnik będzie bardzo, ale to bardzo łopatologiczny. Głównie jest on skierowany dla osób, które w ogóle nie mają pojęcia jak tzw. ugryźć to CSS, bądź jest to dla nich czarna magia. Postaram się wytłumaczyć wszystko krok po kroku, jak dziecku które chce się nauczyć liczyć od 1 do 10. 

Przypominam, że pierwszy poradnik na temat edycji  stylu został stworzony przez Kei92 i możecie go znaleźć na w.org - tutaj.

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 :)

VGH: Jak zmienić wygląd informacji o ciasteczkach

Od marca zeszłego roku, zgodnie z Prawem Telekomunikacyjnym (Dziennik Ustaw z 21.12.2012, poz. 1445) dotyczącym plików cookies, wszystkie strony są zobowiązane do zamieszczania informacji o tych plikach. Emil z automatu wprowadził na wszystkich stronach vgh taką informację, która znika w chwili odświeżenia strony. Nie mam zastrzeżeń odnośnie treści komunikatu, lecz samego wyglądu. Pokażę wam jak zmienić ten element wizualnie.  

Prace w tłoku.... toku :D

Po pierwsze bardzo się cieszę, że na blogu przybywa czytelników. Mam nadzieje, że będzie was systematycznie przybywać, zwłaszcza, że wszelkie poradniki dotyczące vgh będą w pierwszej kolejności pojawiać się tutaj, a dopiero po jakimś czasie na w.org. Po drugie, chciałam was zaprosić do polubienia blogowej fanpage na facebooku. A teraz przejdę do sedna i chciałam poinformować zainteresowanych o moich pracach nad poradnikami. Tak, po za tym dotyczącym edycji stylu, mam głowę pełną pomysłów i pojawi się ich jeszcze z przynajmniej kilka w najbliższej przyszłości.

Blender colorów

Color Blender to narzędzie on-line, dzięki któremu na podstawie wybranych dwóch kolorów, wyświetlą się nam kolory pośrednie. Ktoś zapyta po co nam to? Jeśli tworzysz szablon swojej strony, to zawsze na początku każdy z nas ma jakiś pomysł jakie kolory powinny tworzyć wizualnie witrynę. Na przykład chcemy stworzyć stronę, której kolorystyka będzie się składała z dwóch zasadniczych kolorów, zielonego i błękitnego jak na przykładzie poniżej. Narzędzie pokaże nam kolory pośrednie w odniesieniu do naszych kolorów. Kolory pośrednie możemy wykorzystać m.in. do stylizacji cieni bloków, linków, hr i czego tam nam dusza zapragnie, aby strona nie była monotonna, a za to ciekawa.

Flagowe liczniki

Flag counter to nic innego jak liczniki pokazujące osoby odwiedzające naszą stronę/bloga/forum wg kraju. Za pośrednictwem strony flagcounter.com, możemy utworzyć licznik, bez konieczności rejestracji. Strona umożliwia nam dopasowanie go do własnych potrzeb. Mamy do wybory sposób wyświetlania (tabela lub mapa), liczba wyświetlanych flag, a także dobór własnego koloru tła, tekstu i obramowania, aby licznik pasował do witryny. Jak tylko zamieścimy licznik na stronie, będziemy mieli dostęp do rozszerzonych statystyk. Wystarczy kliknąć w licznik, a otworzy się strona z pełnymi danymi. Duży plus, że do liczników nie są doczepiane żadne reklamy.

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.

Twoje największe trudności przy edycji stylu na vgh?

Jak do tej pory jedyny poradnik dotyczący edycji skórki na vgh utworzył Kei92 - Edytujemy skórkę. Poradnik został stworzony jak najbardziej w prawidłowy sposób, ale z tego co można zaobserwować na forum w.org, to nie dla każdego jest łatwa do opanowania treść. Małymi kroczkami przymierzam się do stworzenia poradnika na temat edycji stylu, który by całkowicie tłumaczył "co i jak" zrobić, oczywiście całkowicie w wersji łopatologicznej. Prawdopodobnie stworze go na podstawie już gotowej stylizacji, gdzie krok po kroku bym wyjaśniła co należy robić, wychodząc od body, po top, panele i stopkę itd.

W tym miejscu ja mam do was prośbę, abyście w komentarzu napisali z czym tak najbardziej macie najwięcej kłopotów.

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).

Patterncooler, czyli stwórz własne tło

Nie posiadasz umiejętności aby stworzyć własne tło w programie graficznym? Bez obaw gdyż z pomocą przychodzi nam strona patterncooler.com. Znajdziemy tam obecnie 225 zestawów teł graficznych, których kolorystykę możemy dobrać wg własnego uznania, dzięki wykorzystaniu edytora. Witryna udostępnia nam również opcję "Color variations" gdzie możemy ujrzeć różne wersje kolorystyczne z danego zestawu grafik. Wśród grafik znajdziemy wiele motywów geometrycznych, kwiatowych, abstrakcji, plam itd.

WhatsTheFont, czyli jaka to czcionka?

Odpowiedni dobór czcionek na stronie może w zasadniczy sposób spowodować zwiększenie bądź zmniejszenie atrakcyjności danej witryny internetowej. Admini blogów, wortali coraz częściej poza tymi popularnymi fontami jak Arial, Verdana, Tahoma, stosują dopasowane czcionki pasujące do tematyki. Co wtedy gdy sami chcemy mieć podobną czcionkę na swojej witrynie? Pozostają nam opcje takie jak: kontakt z adminem, kierowanie pytań na forach webmasterkich lub zajrzenie do źródła strony. Czy tylko tyle? Z pomocą przychodzi nam serwis myfotns.com, który umożliwia nam skorzystanie z narzędzia - WhatsTheFont!.

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.

CSS3 generator

Strona css3generator.com to bardzo ciekawy i użyteczny generator dla wszystkich projektantów szablonów. Nie musimy pamiętać wszystkich atrybutów, a zwłaszcza deklaracji prefiksów dla różnych przeglądarek -moz-, -webkit- itp. Od ręki możemy wygenerować sobie kod z pożądanymi wartościami atrybutów. Do wyboru mamy Border Radius, Box Shadow, Text Shadow, RGBA, @Font Face, Multiple Columns, Box Resize, Box Sizing, Outline, Transition, Transform, Gradient.

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.

VGH: Jak dodać efekt zoom

Stosując CSS3, bez jQuery możemy w łatwy sposób uzyskać efekt zoomu, czyli powiększania się zdjęcia lub bloku tekstowego po najechaniu na niego kursorem. Aby poznać szczegóły zapraszam do rozwinięcia posta. Wersje demonstracyjną można zobaczyć TUTAJ.

VGH: Jak upiększyć panel logowania

Dzięki poradnikowi dowiecie się jak edytując przy pomocy CSS kilka pseudoklas, można uzyskać ładnie wyglądający domyślny panel logowania.
Na pierwszym zdjęciu od lewej widać jak normalnie wygląda ten panel, zaś zdjęcia obok pokazują co można tzw. upiększyć za pomocą CSS.

VGH: Jak poszerzyć forum na całą szerokość (artykuły, linki, galerię, podstrony)

Czy jest możliwość poszerzenia forum na całą szerokość? Takich tematów na forum w.org pojawiało się od groma. Dzięki poradnikowi pokaże wam jak poszerzyć forum na pełną szerokość strony, bez paneli bocznych. Metodę można również zastosować do innych działów strony.

VGH: Jak umieścić panele boczne po jednej stronie

Zauważyłam, że osoby, które chcą mieć panele boczne po jednej stronie, to w jednym panelu bocznym wklejają kod tabeli z dwoma kolumnami, a następnie umieszczają tak treść, przez co imituje ona wygląd strony z dwoma panelami po jednej stronie. Cóż, stosując tą metodę, admini nie mogą już wykorzystać domyślnych paneli np. z ankietą, shoutboxem, tematami na forum czy panelem logowania.

Dzięki poradnikowi, pokażę wam, że panele lewe/prawe jednocześnie można umieścić po jednej stronie (patrz obrazek niżej), bez konieczności tworzenia własnych kodów z tabelami, a wystarczy zastosować CSS - dokładniej atrybut float.

VGH: Jak ustalić stałą szerokość zdjęć w Forum

Bardzo często dodawane zdjęcia w postach w Forum na stronach vgh.pl deformują wygląd strony, tzw. strona się rozjeżdża, zwłaszcza jak ktoś ma ustaloną szerokość strony w px, a zdjęcie ma znacznie większą szerokość. Przeglądanie w takiej sytuacji strony/konkretnego tematu jest wizualnie nie korzystne. Aby ustalić wszystkim dodawanym zdjęciom konkretną szerokość można to zrobić przy pomocy CSS. Uwaga: poniższy kod z poradnika także będzie wpływał na szerokość zdjęć dodanych do sygnaturek.

Zmiana wielkości tekstu przez czytelnika

Zastosowanie poniższego kodu na stronie, umożliwi osobie przeglądającej witrynę zmianę wielkości fontów do takiej, jakiej czytelnik sobie życzy. Czytelnik będzie mógł powiększyć, bądź pomniejszyć tekst na stronie wg swojego upodobania. Poradnik przygotowałam w oparciu o skrypt Document Text Sizer ze strony www.dynamicdrive.com.

Pięć dodatków wartych uwagi

Nie muszę pisać czym są dodatki, gdyż każdy doskonale to wie. Istotną umiejętnością jest właściwy ich dobór, aby wybrać te, które staną się pożytecznymi elementami strony.
Pamiętaj, aby umieszczać takie dodatki, które wzbogacą twoją stronę, a nie je zaśmiecą. Nie wrzucaj wszystkiego hurtem, jak: pogody, kalendarzy, zegarków, imienin, świąt itp... jeśli one tak na prawdę są zbyteczne na stronie. Przeładowana strona takimi śmieciami odpycha potencjalnego użytkownika, niż go zachęca do rejestracji.

VGH: Jak usunąć niepożądane grafiki w szablonie

Bardzo często się zdarza, że nie można usunąć jakiejś grafiki w szablonie, gdyż głównie takie szablony są słabo zakodowane przy pomocy CSS, czyli danemu fragmentowi nie została przypisana klasa. Przykłady skórek z takowymi problemami to m.in. Blogger - top strony (header), Localize - top strony (header), Warcraft - grafika w stopce. Temat dosyć często się przewija, więc aby ułatwić reszcie życie, to powstał ten poradnik.

VGH: Jak dodać graficzne kategorie w Artykuły, Download, Linki, Faq

Kategorie w takich działach jak Artykuły, Download, Linki, Faq to "suche" linki, bez wyrazu. Stosując CSS można te kategorie wzbogacić o grafiki czy tła, ale bardziej upiększyć stronę. Jedynym ograniczeniem jest nasza wyobraźnia. Możemy zastosować drobne grafiki, które odzwierciedlają tematykę kategorii, większe grafiki, bądź tylko kolorowe tła. Przygotowałam dwie wersje kodów, takie jak na przykładowym obrazku.

VGH: Jak dodać legendę w Forum

Poradnik pokaże wam jak można dodać prostą legendę z rangami, widoczną w Forum na stronach założonych na vgh.pl. Poradnik jest skierowanych dla tych osób, które stosują także poradnik: Kolorowanie ników administratora, moderatora. Największym mankamentem jest fakt, że wszystko należy robić ręcznie.

VGH: Jak dodać graficzny opis forum

Na bardzo wielu forach dyskusyjnych, poszczególne fora/kategorie są opatrzone grafiką. W poradniku pokażę wam dwa sposoby aby uzyskać dwa różne efekty dodania grafiki za pomocą CSS, aby ozdobić w ten sposób swoje forum na stronach vgh.pl.

VGH: Jak zmienić ikonkę bullet

Ikonka bullet to nic nadzwyczajnego, po prostu kilku pikselowa mała grafika, która jest wyświetlana w nawigacji, shoutboxie, profilu i innych panelach strony, która jest w postaci trójkącika, kropki, strzałki lub jeszcze innej formy w różnych kolorach. Coś strasznego? Może nie, ale jeśli jesteś osobą, która edytowała nie jednokrotnie styl strony to często taka pomarańczowa bądź zielona ikona wszystko wizualnie psuła. Przedstawię ci bardzo prostu kod, za pomocą którego zmienisz tą ikonkę, na taką jaką chcesz.

VGH: Jak dodać avatary w shoutboxie i komentarzach

Z powodu brak dostępu FTP na vgh.pl to normalnie w plikach php nie możemy wprowadzić takich zmian, aby przy nickach w shoutboxie i komentarzach pojawiły się avatary użytkowników. Aby obejść tą niedogodność można zastosować CSS.

Niestety metoda ma dużą wadę. Jeśli strona posiada dużo userów, to dodawanie avka każdemu użytkownikowi może powodować duże niedogodności. Dodawanie tych avatarów może nie powodować w nas czerwonej gorączki, jeśli witryna skupia małą grupkę userów.

VGH: Jak zmienić system ocen

Na vgh system ocen wyrażany jest za pomocą określeń od "Świetny!" do "Słaby", a co jeśli chcielibyśmy mieć gwiazdki, kropki, łapki bądź inne ikonki? Nie można? Oczywiście, że można to zmienić dzięki dobremu CSS. Poradnik stworzyłam specjalnie dla jednego z userów z forum webmasterzy.org - Tomi1991, który swego czasu pytał się mnie czy kiedyś pojawi się jakaś modyfikacja związana z ocenami.

VGH: Jak dodać własne emotikony

Każdy z nas na pewno codziennie posługuje się emotikonami w trakcie pisania na forach, blogach, czatach. Na stronach założonych na vgh.pl pomimo dostępu do FTP, możemy zmienić emotki przy pomocy CSS. Małe, duże, zielone, czarne - jakie tylko chcemy. Na deviantart możemy znaleźć od groma różnych zestawów emotek, a ja wam pokaże jak je umieścić na stronie dzięki zastosowaniu CSS.

VGH: Jak dodać w forum ikonki z innego stylu

Korzystamy z wybranego stylu, w którym nie podobają się nam ikonki sygnalizujące nowe posty, brak nowych postów, temat przyklejony, temat zablokowany, itd., a chcielibyśmy takie z innego stylu? I co zrobić? Raz możesz zastosować mój poradnik Jak zmienić w forum ikonki nowe posty, brak nowych postów itp. lub zastosować poniższą metodę, aby zaimplementować ikonki ze innego stylu do swojego. Wszystko w oparciu o CSS.

VGH: Jak zmienić w forum ikonki nowe posty, brak nowych postów itp.

Masz stronę na vgh, ale spędza ci sen z powiek fakt, że nie możesz zmienić ikonek w forum, które sygnalizują nowe posty, brak nowych postów itp? Brak FTP nie jest przeszkodą, gdy zna się CSS. Dzięki poradnikowi wyjaśnię ci jak standardowe ikony w Forum, które sygnalizują nowe posty, brak nowych postów, temat przyklejony, temat zablokowany, itd. zmienić na własne ikonki tak jak na obrazku obok (pierwsze pochodzą ze stylu Executive, zaś drugie to już moje ikonki).

VGH: Jak dodać graficzne rangi w Forum

Z tego co pamiętam na forum w.org przewijało się od groma pytań czy istnieje możliwość dodania graficznych rang. Na każdym forum takie rangi to prawie podstawa. Brak dostępu do FTP na vgh.pl, już na wstępie eliminuje te strony, aby w ich forach pojawiła się tak możliwość. Czy do końca? Nie. Dzięki zastosowaniu CSS można ręcznie wprowadzić taką opcję, aby z rang w postaci słów zmienić ja na kolorowe grafiki. Stosując mój poradnik można uzyskać efekt jaki widać na obrazku obok.

VGH: Modyfikacja galerii

Jak wiemy strony na vgh.pl nie mają dostępu do FTP, a co za tym idzie wszelkie zdjęcia umieszczane w galerii muszą być hostowane na zewnętrznym serwerze. Dodatkowo jeśli zdjęcie ma duże wymiary, trzeba niestety bawić się w tworzenie do takiego zdjęcia miniaturki, gdyż domyślne opcje skalowania w opcjach "Zarządzania stroną" nie działają. Tutaj na ratunek może przyjść tylko CSS. Jeśli masz już dosyć ciągłego zmniejszania dużych zdjęć, robienia do nich miniaturek lub tego, że duże zdjęcia rozjeżdżają ci stronę? To dzięki poradnikowi wyjaśnię ci jak zrobić schludną i przejrzystą galerię, dzięki czemu wyeliminujesz te problemy.

VGH: Modyfikacja grup użytkownika

Grupy to bardzo przydatna rzecz, choć z tego co zauważyłam to na stronach vgh praktycznie nie używana. W poradniku przedstawię wam jak z nie zachęcająco wyglądających grup użytkownika, które są wyświetlane w profilu, przekształcić je w coś - raz ciekawego, a dwa użytecznego. Wśród ciekawych zastosowań grup na stron mogę m.in podać: strona piłkarska - admin może stworzyć grupy poświęcone klubom piłkarskim, a w postaci ikon umieścić ich herby. Dzięki takiemu zastosowaniu, użytkownicy będą przyporządkowani do swojej ulubionej drużyny. Strona klanowa - admin może stworzyć grupy przedstawiające poziom danego użytkownika. Grupy mogą przedstawiać członków administracji, userów zbanowanych, użytkowników wyróżnionych itd...

VGH: Forum - zamiana obcojęzycznych ikon na polskie

Na stronach vgh.pl wszystkie ikonki w forum jak "Dodaj odpowiedź", "Nowy temat" itd są w języku angielskim bądź innym. Skoro mamy stronę w języku polskim to nie chcemy widzieć napisów typu "post reply", "new thread" etc. Poradnik w przystępny sposób pokazuje jak za pomocą CSS2 można zmienić obcojęzyczne ikony znajdujące się w Forum na polskie.
Przygotowany przeze mnie kod modyfikuje takie przyciski jak: Odpowiedz, Nowy temat, Cytuj, Edytuj, IP oraz ikonki profilowe, jak: pw, www, yahoo itp, przykład jest widoczny obok.

Wordmark.it, czyli zobacz jakie masz fonty

Strona wordmark.it daje nam możliwość zobaczenia jakie posiadamy fonty na swoim komputerze. Ktoś zapyta po co nam to? Jeśli tworzysz dokument tekstowy, prezentację w Power Point, czy nawet jakąś czcionkę chcesz wykorzystać na swojej stronie, która miałaby jakiś specyficzny krój pisma np. odzwierciedlałaby ona pismo odręczne to każdy zada sobie to samo pytanie - czy ma ona polskie znaki diakrytyczne.

VGH: Kolorowanie nicków administratora, moderatora

Poradnik dotyczący możliwości wyróżnienia nicków admina, moda etc... dla userów posiadających strony na vgh.pl był i raczej chyba nadal jest hitem numer jeden. Na wszelkich społecznościówkach czy forach skład administracji głównie wyróżnia się po przez inny kolor nicków. Aby uzyskać taki efekt, wystarczy zastosować CSS. Cóż, można również dodać, że metodę można stosować na innych CMS, jedynie wystarczy podmieniać jedną linijkę kodu.

VGH: Modyfikacja narzędzi (przyciski)

Poradnik dotyczący modyfikacji narzędzi był moim pierwszym poradnikiem stworzonym dla stron założonych na vgh.pl. Na webmasterzy.org dodałam go dwa lata temu i opiera się na czystym kodzie CSS. Głównym celem jest zmiana przycisków odpowiedzialnych m.in za formatowanie tekstu z przycisków słownych na ich odpowiedniki graficzne. Na obrazie obok można zobaczyć końcowy efekt. Pełna instrukcja w rozwinięciu posta.

Ruszam

Cóż, blog utworzyłam aby w jednym miejscu skupić całą moją twórczość z zakresu HTML i CSS, w tym m.in. poradniki, stylizacje itd. Dodatkowo chciałam również dzielić się ciekawymi rozwiązaniami wykorzystywanymi przy tworzeniu stron, ciekawymi stronami.

Zamieszczę tutaj również wszystkie poradniki, które utworzyłam dla stron tworzonych na vgh.pl.