Jogger.pl


Przyjęcie nowej wersji layoutu było bardzo spontaniczne, dziękujemy za wszystkie komentarze, krytykę, spostrzeżone błędy, sugestie oraz opinie. Zaletą Agni jest to, że zmiany jest stosunkowo łatwo przeprowadzać - dlatego takiego typu odzew jest jak najbardziej potrzebny.

W komentarzach do poprzedniego wpisu znalazły się głosy krytykujące projekt graficzny oraz układ Joggera. Jak pisaliśmy, można to zmienić, a wszystko dzięki UserCSS i UserJS.

Te dwa tajemnicze słowa oznaczają style CSS i skrypty JavaScript aplikowane stronie w przeglądarace na Waszych komputerach. Taką opcję posiadają nowoczesne przeglądarki, takie jak Firefox i Opera.

Jak je uruchomić?

W Firefoksie należy zainstalować dwa rozszerzenia - Stylish oraz Greasemonkey. UserCSS można też uruchomić bez rozszerzenia.

Plik CSS dodajemy przez kliknięcie na ikonkę Stylisha, wybranie Write Style, odpowiedniej pozycji (to którą wybrać sprawdźcie w tabelce poniżej) oraz wklejenie stylu w wygenerowane nawiasy klamrowe. UserJS po prostu otwieramy w Fx i klikamy Install.

Opera wspiera UserCSS natywnie (pisał też o tym Michał Górny). Skrypty użytkownika dodaje się równie prosto.

Pliki dla Joggera

Ale do rzeczy, czyli co możemy Wam zaoferować na dzień dzisiejszy…

Plik Typ Opis Zakres działania Wygląd
Compact UserCSS Zmniejsza tekst oraz odstępy między elementami. Pomniejsza wizualnie layout. Domena jogger.pl + login.jogger.pl - cały JoggerPL Zrzut
Small Sidebar UserCSS Zmniejsza szerokość sidebara. URL http://jogger.pl/ - strona główna Zrzut
Bottom Sidebar UserCSS Zmniejsza szerokość layoutu oraz przesuwa sidebar na koniec dokumentu, poniżej wpisów. URL http://jogger.pl/ - strona główna Zrzut
Alt Navigation UserCSS Zamienia zakładki nawigacyjne w panelu na dodatkowy sidebar, z linkami ułożonymi pionowo. Nie działa poprawnie w Firefoksie. Domena login.jogger.pl - panel administracyjny Zrzut
Alt Navigation UserJS J/w. Działa poprawnie w Firefoksie. Domena login.jogger.pl - panel administracyjny J/w.
Timestamp UserCSS Zamienia relatywną datę przy wpisach na standardowy opis czasu (data + godzina). URL http://jogger.pl/ - strona główna

Style da się łączyć ze sobą - przykładowo można mieć na raz Compact, Small Sidebar oraz Alt Navigation.

Zmiana kolorów?

Z powodu braku czasu oraz energii nie udało się nam stworzyć nowych plików podmieniających kolory na Joggerze. Ale nie oznacza to bynajmniej, że nigdy się takie nie pojawią. Więc mamy prośbę - zaproponujcie przetestowane u Was zestawy kolorystyczne, które pasowałyby do Joggera, albo które byście chcieli ujrzeć. Możecie korzystać z pomocy Kulera albo innych podobnych stron.

Wasze style

Dla Agni pojawiły się już style użytkownika, napisane przez joggerowców:

Najprawdopodobniej nie współpracują one z oficjalnymi plikami, ale oferują głębszą zmianę wyglądu - możecie zechcieć je wypróbować.

Pomysły?

Jeśli macie jakieś inne pomysły dotyczące zmiany układu Agni, podzielcie się nimi. Pamiętajcie także o zestawach kolorystycznych (lecz nie ilość, a jakość).


Komentarze RSS

  1. panel – jak dla mnie – duzo lepszy… dzieki…

  2. Coś jak Alt Navigation miałem zamiar zrobić do Alternative, ale widzę, że już nie trzeba. Dzięki!

  3. Ciężkie to było, zwłaszcza dlatego że Firefox ma problemy z ponownym renderowaniem tabelek (widać to też w Dashboardzie w panelu jak się zwija statystyki i rozwija). Stąd UserJS i wklejanie stylów do DOM.

  4. Podejrzewałem, że bez UserJS się nie obędzie. Dzięki jeszcze raz za odwalenie najgorszej roboty ;)

  5. Mógłbyś linkować moją #17, nie #16?

  6. No i pięknie :) Użyłem sobie compact. :)

  7. Wybrzydzam: w Alt Navigation Mój Jogger mógłby być na górze, pod Jogger.pl.
    Ale fajnie się zapowiada.

  8. Hmm, pozycjonowanie jak coś… ale to jest takie nieeleganckie i wrażliwe na błędy. ;-)

  9. Dzięki, z tym panel jest jaki być powinien, a przy głównej podłubię sobie pewnie sam ;)

  10. Wyróżnienie?

    Zostałem wymieniony w notce na nowym Joggerowym Blogu. Dziękuję :)
    Mimo wszystko, warto było siedzieć 4h nad Jogger Alternative :)
    A mojemu aktualnemu ulubionemu pieniaczowi życzę miłego wyliczania co do sekundy, ile minęło od poprzednie[...]

  11. Czy jest szansa, żeby poszczególne boksy w sidebarze odstały swoje ID-y, tak by można było schować sobie te, których się nie chce widzieć?

    (BTW: kiedy box z wyróżnianymi wyskoczy z komentarza? ;))

  12. O, słodko :) teraz już nie mam co na Agni narzekać, jak sobie pomniejszę czcionki i zmienię kolorki ;)

  13. Pomniejszenie czcionek to świetna rzecz, gratulacje. :D

  14. Bez kitu, jak dodałem compact to miałem wrażenie że rozdzielczość mojej matrycy mi wzrosła… świetnie teraz wygląda ;) thx.

  15. Nie działa poprawnie na Firefoksie. – „nie działa w Firefoksie”, względnie „nie działa z Firefoksem”. Na firefoksie to ew. możesz kubek z kawą postawić, jak masz monitor poziomo.

  16. Znalazłem problem, UserCSS „Small Sidebar” (ech, ten angielski) powoduje zniknięcie tła (tego z notatnikiem i żarówką) w #intro.

  17. To niestety jest feature. Ale możesz ściągnąć obrazek i go przyciąć, aby nie wystawał wizualnie poza sidebar a później włączyć w CSS.

  18. OK, rozumiem. I tak minimalizuję sobie ten panel, ale myślałem że tak nie ma być.

  19. Na stronie głównej ostatniemu wpisowi brak tooltip z datą i godziną. No i w ogóle wolałem daty i godziny, zamiast pokazywania, ile od wpisu upłynęło (co się przecież ciągle zmienia).

  20. vr5: Dodałem nowy UserCSS zamieniający datę na stary format.

  21. W Operze po zastosowaniu Timestamp czas wygląda następująco:
    04 maja 20:38Godzinę temu

  22. Ooo…pera. Dodaj !important na końcu wszędzie a ja już zmieniam.

  23. Genialne, dzięki! Te „relatywne” godziny wpisów były dla mnie zbyt nowoczesne. :)

    Znalazłem błąd – przy wpisie przyklejonym, tym na samej górze, data nadal określana jest na stary sposób, „relatywnie”.

  24. Czy mi się zdaje. Cy timestamp ukrywa po prostu relatywną datę (daje kolor tła), a obok pokazuję date bezwzględną?

  25. Oczywiście, a co myślałeś? ;-) To nie jest JavaScript

  26. Nic nie myślałem… Dopiero jak przeczytałem regułkę to zauważyłem co tak na prawdę robi :)

  27. ARGH! Ja tu się męczę, żeby dodać regułkę która by działała w połączeniu z class="entry sticky" a dopiero teraz zauważyłem, że w <span class="date"> nie ma title… ;]

  28. A mam taką propozycję – może dodać obsługę UserCSS i UserJS po stronie serwera? Wyglądałoby to np. tak, że w panelu admina byłaby opcja „strona główna Joggera”, i tam możnaby dodawać własne CSS-y i JS-y, które – przy zalogowanym danym użytkowniku – byłyby dołączane do HTMLa zwracanego przez serwer.

    Miałoby to tą dodatkową zaletę, że umożliwiałoby dodawanie UserCSSów w każdej przeglądarce bez pluginów, i na dodatek zapewniałoby ich ładowanie na każdym komputerze, na którym ktoś logowałby się na Joggera.

    Od strony programistycznej to nie jest raczej trudne do zaimplementowania, a dodaje sporo funkcjonalności.

  29. kFYatek – popieram, to bylaby dosc wygodna funkcjonalnosc, ale i tak nie dzialaloby to w IE ;)

  30. Czemu nie? Jakby IE dostał odpowiedni <link rel=„stylesheet” />, albo nawet <style />, to by się musiał ugiąć. :D Tylko, że pod IE trzebaby chyba zupełnie osobne arkusze pisać :D

  31. O tym mówię

  32. Ale dla maniaków… jakby ktoś był bardzo zdeterminowany, to i pod IE by UserCSSa sklecił. O ile ktokolwiek na Joggerze tego używa. ;)

  33. Proponowałbym jeszcze w „naszych stylach” powrzucać miniaturki wyglądu głównej w danym stylu.

    Dla mojego najlepiej ten szot (świeży, nie chce mi się w notce zmieniać): http://www.divshare.com/download/585551-f27

  34. Alternative chwilowo nie ma strony, ale nadal można ściągnąć bez problemu

  35. 42 miejsce, nieźle ;)

  36. Sparrow — miałeś rację te dwa miesiące temu. Dzięki Riddle.

  37. Nie uważacie, że przydałby się nowy wpis na blog.jogger.pl o tym wyróżnieniu?

  38. No, i przyznanie się, kto wcześniej o tym poinformował q ;.

  39. ja najpierw przeczytałem o tym tu: http://jog.maniek.org/2007/05/21/top-60-elegant-designs/ :>

  40. O ile wiem to nie jest #42 miejsce, tylko 42 pozycja po prostu na liście. :-)

  41. Niestety UserCSS Alt Navigation nie działa poprawnie z nową wersją Opery (9.50). Całe menu nawigacyjne się rozwala i jest niewiarygodnie szerokie. Jest szansa na poprawienie tego?

  42. <a href=http://aaawatches24.co.uk/>replica watches</a>

    rolex milgauss used
    swiss made watches
    rolex presidential replica
    the watch professionals complaints
    swiss made replica watches

    http://swisswatches24.co.uk/

  43. Do you mind if I quote a few of your posts as long
    as I provide credit and sources back to your weblog? My
    blog is in the very same area of interest as yours and my
    visitors would really benefit from some of the information you provide here.
    Please let me know if this alright with you. Thanks a lot!

  44. Its not my first time to pay a visit this site, i am browsing this site dailly and obtain nice facts from here daily.

  45. Fine way of telling, and pleasant article to get facts concerning my presentation subject,
    which i am going to convey in college.

  46. Hey! Quick question that's entirely off topic. Do you know how to make your site mobile friendly?
    My blog looks weird when viewing from my iphone 4. I'm trying to find a
    theme or plugin that might be able to resolve this problem.

    If you have any suggestions, please share. Appreciate it!

  47. This is a topic which is close to my heart... Best wishes!

    Where are your contact details though?

  48. Greetings! Very helpful advice within this post! It is the little changes that produce
    the largest changes. Many thanks for sharing!

  49. Hello There. I discovered your blog the use of msn. This is
    a very well written article. I'll be sure to bookmark it and
    return to read extra of your useful info. Thanks for
    the post. I'll certainly return.

  50. Its like you read my mind! You appear to know so much about this, like you wrote the
    book in it or something. I think that you can do with some pics to drive
    the message home a bit, but other than that, this is great blog.
    A great read. I'll certainly be back.

  51. Yes! Finally something aboput apostar.

  52. I have been browsing online more than three hours today, yet
    I never found any interesting article liike yours.
    It is pretty worth enough for me. In my opinion, if all website owners and bloggers made good content as you
    did, the web will be muhh more useful than ever before.

  53. Nice post. I learn something totally new and challenging on blogs I stumbleupon everyday.

    It will always be exciting to read articles from other writers aand use a little something frrom other sites.

  54. I think everything posted made a bunch of sense.
    However, what about this? what if you typed a catchier title?

    I ain't saying your content is not solid, however what if
    you added a title to maybe grab a person's attention? I
    mean Style i skrypty użytkownika dla Agni

  55. Thank you for the auspicious writeup. It in fact was a amusement account it.
    Look advanced to far added agreeable from you!
    However, how could we communicate?

  56. Hey! Quick question that's entirely off topic. Do you know how to make your
    site mobile friendly? My site looks weird when browsing from my iphone.
    I'm trying to find a template or plugin that might be able to correct this issue.
    If you have any recommendations, please share. Many thanks!

  57. Hey there! Do you use Twitter? I'd like to follow you
    if that would be okay. I'm undoubtedly enjoying your blog and look forward to
    new posts.

  58. If some one desires to be updated with hottest technologies after that he must be pay a quick visit
    this website and be up to date all the time.

  59. It's amazing to go to see this web page and reading the
    views of all colleagues about this post, while I am also eager of getting
    know-how.

  60. It's impressive that you are getting thoughts from this
    paragraph as well as from our argument made here.

  61. This website was... how do you say it? Relevant!!
    Finally I have found something which helped me. Thank you!

  62. The Common pharmacy is basically economical whether you are from whatever sections of
    the world. The fee is affordable for everyone and anyone; you might want to need of
    buying it. At one time choice is manufactured,
    look for the right retailer. After obtaining the drugs, you have consumed it.

    Just consume the tablets with basic mineral water.

    cialis from canada pharmacy

  63. What's up, I read your blog like every week.
    Your story-telling style is witty, keep doing what you're doing!

  64. It's a pity you don't have a donate button! I'd certainly donate to this outstanding blog!
    I suppose for now i'll settle for book-marking and adding your RSS feed to my Google account.
    I look forward to new updates and will share this blog with my Facebook group.
    Talk soon!

  65. Hi would you mind letting me know which web host you're working with?
    I've loaded your blog in 3 different web browsers
    and I must say this blog loads a lot quicker then most.

    Can you recommend a good web hosting provider at a honest
    price? Thank you, I appreciate it!

  66. I used to be recommended this web site by means of my cousin.
    I'm not sure whether this post is written by means of
    him as no one else recognise such exact about my problem.
    You are amazing! Thank you!

  67. I like the valuable information you provide in your articles.
    I will bookmark your blog and check again here regularly.

    I'm quite sure I will learn a lot of new stuff right here!

    Good luck for the next!

  68. This will make ensure that the game is a lot more fun and challenging for players of all ages.
    * 600% = the increased likelihood that students who had "average" grades in high school would graduate from college.
    In addition, you will need to consider what bandwidth
    speed is your upload speed.

  69. Fastidious replies in return of this query with genuine arguments
    and describing everything concerning that.

  70. Hello to every body, it's my first visit of this weblog; this blog includes amazing and genuinely excellent information designed for readers.

  71. I do not even understand how I finished up right here, however
    I assumed this publish was great. I do not realize who you're but certainly you're going to a well-known blogger in the event you are not already.
    Cheers!

  72. This post gives clear idea designed for the new visitors of blogging, that truly how to do running a blog.

  73. Heya i am for the first time here. I found this board and I find
    It truly useful & it helped me out much. I hope to give something back and help others
    like you aided me.

  74. I love what you guys tend to be up too. Such clever work
    and exposure! Keep up the terrific works guys I've you guys to my personal blogroll.

  75. Howеver, the discount could possibly end soon sօ for anyone who is consiԀering, I woulɗ sugɡest
    үߋu to dеfinitely pick uρ this offer noѡ. So when is downloading illegal ɑnd ѡhen is it legal.

    Thе neѡ tracks аvailable are Nakasendo, Lake Shoji,
    Asagiri Hills Racetrack, Takahagi Hills ɑnd Goshodaira.

  76. Hello there, You have done an excellent job. I'll certainly digg it and personally suggest to my friends.

    I am confident they will be benefited from this site.

  77. You arе sο іnteresting! I ɗo not think I'ѵe truly read thrоugh anythіng
    likе that before. So nice to discover someone ԝith a feѡ unique thougҺts on this subject.

    Really.. tҺanks foг starting this up. This website iѕ ѕomething tɦat is needеd on the internet, ѕomeone ѡith a bit of
    originality!

  78. After I initially commented I seem to have clicked on the -Notify me when new comments
    are added- checkbox and from now on whenever a comment is added I receive 4 emails with the exact
    same comment. There has to be a means you can remove me from that service?
    Kudos!

  79. Hi, this weekend is fastidious for me, for the
    reason that this occasion i am reading this impressive educational post here at my house.

  80. Hi! This is my first visit to your blog! We are a team of volunteers and
    starting a new project in a community in the same niche.
    Your blog provided us valuable information to work on. You have
    done a extraordinary job!

  81. I got this web site from my buddy who told me regarding this website and
    now this time I am browsing this web page and reading very informative articles or reviews at
    this time.

  82. Saved as a favorite, I really like your web site!

  83. Greetings! This is my first comment here so I just wanted to give a quick shout out and tell you I really enjoy reading through your articles.
    Can you suggest any other blogs/websites/forums that deal with the same subjects?

    Thanks for your time!

Komentowanie tylko dla zalogowanych