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.
1. Edycja stylu dla opornych, wszystko krok po kroku - zapraszam do zajrzenia do tego postu i napisanie z czym dokładnie macie problem. Wszelkie wskazówki będą mi bardzo pomocne, a co za tym idzie, poradnik będzie bardziej czytelny i skupiał się na istotnych elementach. Już dzisiaj mogę napisać, że podzielę go na ok 5-6 części, aby lepiej wytłumaczyć wszystko krok po kroku. Pierwsza część będzie tzw. wstępem, jak w ogóle "ugryźć ten CSS".
2. Inny wygląd dla działów - np. inny kolor tła w forum czy artykułach? Nie da się? Wręcz przeciwnie. Pokaże wam jak dodać inne style do poszczególnych działów strony: forum, artykułów, galerii i innych.
2. Inny wygląd dla działów - np. inny kolor tła w forum czy artykułach? Nie da się? Wręcz przeciwnie. Pokaże wam jak dodać inne style do poszczególnych działów strony: forum, artykułów, galerii i innych.
3. Forum - pokaże wam jak wyróżnić:
- każde forum z osobna przez tło, grafikę;
- dodać różne ikonki dla poszczególnych for;
- wprowadzić inny kolor tła/grafiki do różnych kategorii forum.
4. Menu w stylu metro - popularny wygląd interfejsu windows 8 zawitał na wielu witrynach. Na vgh można również stworzyć takie menu z zastosowaniem efektów animacji. W poradniku pokażę jak wystylizować takie menu poziome i pionowe. Aby je stworzyć, nie będzie trzeba dodawać gotowego menu, wszystko pokażę w oparciu o CSS - zedytujemy domyślne menu poziome i pionowe.
Takie poziome menu mogliście już zobaczyć w jednej z moich stylizacji tutaj.
5. Zmiana wyglądu kategorii "Artykuły", "Linki", "Download" itd - do tej pory mogliście korzystać z mojego poradnika "Jak dodać graficzne kategorie w Artykuły, Download, Linki, Faq", ja wam pokażę jak inaczej wyróżnić innym kolorem tła/grafiką poszczególne kategorie. Tutaj będzie można w różny sposób zastosować poradnik m.in wprowadzić efekty CSS3 - animację, przejścia - tylko wyobraźnia jest tutaj ograniczeniem. Przykład poniżej:
6. Wygląd plików w "Download" - m.in. pliki w dwóch kolumnach, a nie jednej. Sama grafika niżej obrazuje, na czym będzie polegał poradnik. Do tego graficzna ikonka sygnalizująca nową treść, a nie w postaci [NOWE], jak było to dotychczas:
7. Wygląd linków w "Linki" - podobnie jak w przypadku "Download":
8. Wygląd artykułów - wyróżnienie ikonką graficzną nowych wpisów oraz zmiana wyglądu tytułów artykułów:
9. Newsy w kilku rzędach - obecnie mamy do wybory możliwość wyświetlania w jednej lub dwóch kolumnach, a co jeśli chcemy ich więcej? Nie da się? Pewnie, że można to zrobić przy pomocy CSS. Przykład na obrazku niżej - oczywiście jeszcze do końca nie jest doprecyzowane, ale efekt widać:
10. Komunikat o ciasteczkach - pokaże jak zmienić jego wygląd:
To są priorytetowe poradniki na najbliższy czas. Wszystko co widnieje na grafikach to realne screeny z mojej strony testowej, to nie jest manipulacja stworzona w programie graficznym.
Wszystko systematycznie będę dodawała, ale na początek pojawi się poradnik o edycji stylu.
Zapraszam do komentowania i wyrażania swojej opinii.
5. Zmiana wyglądu kategorii "Artykuły", "Linki", "Download" itd - do tej pory mogliście korzystać z mojego poradnika "Jak dodać graficzne kategorie w Artykuły, Download, Linki, Faq", ja wam pokażę jak inaczej wyróżnić innym kolorem tła/grafiką poszczególne kategorie. Tutaj będzie można w różny sposób zastosować poradnik m.in wprowadzić efekty CSS3 - animację, przejścia - tylko wyobraźnia jest tutaj ograniczeniem. Przykład poniżej:
6. Wygląd plików w "Download" - m.in. pliki w dwóch kolumnach, a nie jednej. Sama grafika niżej obrazuje, na czym będzie polegał poradnik. Do tego graficzna ikonka sygnalizująca nową treść, a nie w postaci [NOWE], jak było to dotychczas:
7. Wygląd linków w "Linki" - podobnie jak w przypadku "Download":
8. Wygląd artykułów - wyróżnienie ikonką graficzną nowych wpisów oraz zmiana wyglądu tytułów artykułów:
9. Newsy w kilku rzędach - obecnie mamy do wybory możliwość wyświetlania w jednej lub dwóch kolumnach, a co jeśli chcemy ich więcej? Nie da się? Pewnie, że można to zrobić przy pomocy CSS. Przykład na obrazku niżej - oczywiście jeszcze do końca nie jest doprecyzowane, ale efekt widać:
10. Komunikat o ciasteczkach - pokaże jak zmienić jego wygląd:
To są priorytetowe poradniki na najbliższy czas. Wszystko co widnieje na grafikach to realne screeny z mojej strony testowej, to nie jest manipulacja stworzona w programie graficznym.
Wszystko systematycznie będę dodawała, ale na początek pojawi się poradnik o edycji stylu.
Zapraszam do komentowania i wyrażania swojej opinii.
Nie mogę się doczekać? Czy będzie poradnik opisujący wszystkie klasy css(te z vgh)?
OdpowiedzUsuńTak.
UsuńWiesz może jak "zamienić" miejscami to co zaznaczyłem na screenie: http://scr.hu/1cx9/u5py6
OdpowiedzUsuńPróbowałem przez "position:" ale niestety psuło się to: http://scr.hu/1cx9/ykb7u
Możesz bez pozycjonowania uzyskać ten efekt w skórce RoyaleSlate :)
UsuńDzięki, ale ja jednak wolałbym uzyskać ten efekt w Similitude :|
Usuńhttp://scr.hu/1cx9/34g0e - tak wygląda kiedy pozycjonuję przez 'absolute', przy kilku innych efekt pozostaje niezmienny.
UsuńSuper że takie coś robisz, może byś zrobił jakąś stronę na vgh i tam prowadził takie coś zamiast bloga? byłoby forum w pomaganiu itd.
OdpowiedzUsuńForum jest - webmasterzy.org :D
UsuńPo za tym nie jestem mężczyzną :P
Dzięki i przepraszam, w sumie wiedziałem że jesteś kobietą ale zapomniałem o tym. :D
UsuńSpoko.
UsuńKiedy napiszesz poradnik który podpisałaś tutaj numerem 3 i 4?
OdpowiedzUsuńNa te najbardziej czekam. ;)
Wszystko w swoim czasie. Dzisiaj jeszcze dodam poradnik na temat ciasteczek, potem wrócę do pracy nad poradnikiem o edycji stylu. Cierpliwości i zachęcam do częstszych odwiedzin bloga.
Usuń