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.

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.

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.
Jeśli chodzi o ikonki - będą one zmienione na stronie głównej forum, zastąpią te sygnalizujące nowe/brak postów. To będzie inny poradnik niż "Jak dodać graficzny opis forum". Wizualnie widać na grafice niżej.
 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.

12 komentarzy:

  1. Nie mogę się doczekać? Czy będzie poradnik opisujący wszystkie klasy css(te z vgh)?

    OdpowiedzUsuń
  2. Wiesz może jak "zamienić" miejscami to co zaznaczyłem na screenie: http://scr.hu/1cx9/u5py6
    Próbowałem przez "position:" ale niestety psuło się to: http://scr.hu/1cx9/ykb7u

    OdpowiedzUsuń
    Odpowiedzi
    1. Możesz bez pozycjonowania uzyskać ten efekt w skórce RoyaleSlate :)

      Usuń
    2. Dzięki, ale ja jednak wolałbym uzyskać ten efekt w Similitude :|

      Usuń
    3. http://scr.hu/1cx9/34g0e - tak wygląda kiedy pozycjonuję przez 'absolute', przy kilku innych efekt pozostaje niezmienny.

      Usuń
  3. 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ń
    Odpowiedzi
    1. Forum jest - webmasterzy.org :D
      Po za tym nie jestem mężczyzną :P

      Usuń
    2. Dzięki i przepraszam, w sumie wiedziałem że jesteś kobietą ale zapomniałem o tym. :D

      Usuń
  4. Kiedy napiszesz poradnik który podpisałaś tutaj numerem 3 i 4?
    Na te najbardziej czekam. ;)

    OdpowiedzUsuń
    Odpowiedzi
    1. 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ń