Komputery, Windows i masa kompletnego bałaganu. Tak, to mój dziennik.

ktos.jogger

Niebywałe - nowy szablon

05 stycznia 2010, 22:18:25. Blog , 1.

Nagle, ni z tego, ni z owego, naszła mnie myśl, że jednak ten szablon, który był na moim jogu ma już swoje lata. I nie żartuję, bo nie zmieniałem go w zasadzie gdzieś od dwóch lat co najmniej.

I wziąłem się do roboty. Po jakiś trzech godzinach stworzyłem to dzieło, które widać teraz. Jestem zadowolony. Jest prosto, ładnie całkiem, przyjemnie. I nie ma tego okropnego menu, co wyjeżdżało z góry. I nie ma też tego paska fioletowego... w zasadzie w ogóle koloru fioletowego jest niewiele ;-)

Swoją drogą wszystkie moje szablony mają co najmniej kilka elementów wspólnych pochodzących jeszcze z początków tego bloga - tutaj niektóre usunąłem, ale jak patrzyłem na kod gdzieniegdzie to aż zamrugałem z przerażenia, że to takie stare jest i przez lata metodą Copiego-Pasta było przenoszone...

Wrażenia, uwagi? Nie do końca podoba mi się czcionka komentarzy, chyba line-height by się przydał. Hint: strona główna ma sidebar, którego strona wpisu nie ma.

Komentarze

  1. zx
    05 stycznia 2010 22:34:08

    Kilka rzeczy idzie poprawić. Takie szczegóły typowe jak gdzieś mniejsza czcionka, gdzieś trochę mniejszy kontrast, uporządkować trochę. Jeśli chcesz...

  2. Ktos
    05 stycznia 2010 22:35:29

    zx: Chcę. Niech zgadnę - <h2> jest za duże? :-)

  3. zx
    05 stycznia 2010 22:37:51

    Ha! Fioletowy został! W komentarzach! :P

    Ktosiu, to ja ci w tym tygodniu podpowiem co bym poradził. Możliwe, że jutro, ale nie obiecuję. Święta prawosławne i będę miał trochę utrudniony dostęp.

    (<h2> jest w porządku)

  4. [qbk](http://qbk.jogger.pl/)
    06 stycznia 2010 06:34:23

    Jak dla mnie, zbyt szeroko bez tego sidebara jest :) Przy długich tekstach, źle się czyta jak trzeba tak latać od prawej do lewej co linijkę. Zakładając, że wchodzę z RSS-a, to widzę stronę bez sidebara.
    Niektórzy mówią, że nie powinno się justować tylko wyrównywać do lewej (bo przeglądarki nie dzielą wyrazów itp. - link), ostatnio też mam taki pogląd, chociaż kiedyś byłem zatwardziałym zwolennikiem justowania.
    Poza tym, ogólnie jest okej.

  5. qbk
    06 stycznia 2010 06:40:51

    oops, nowy na joggerze jestem, nie skumałem w pierwszej chwili jak podpisy działają... :)

  6. tomek_olo
    06 stycznia 2010 19:58:05

    całkiem fajnie... chociaż jak dla mnie aż za prosto :)

  7. Łukasz Wójcik
    07 stycznia 2010 21:27:45

    Może być. Trochę mi brakuje tego paska, ale nie jest źle. :)

  8. riddle
    08 stycznia 2010 15:33:09

    Przydałby Ci się grid podczas ustawiania marginesów, bo layout jest obecnie lejkiem – im niżej tym węższy.

  9. Ktos
    08 stycznia 2010 17:59:27

    riddle: Dzięki, poprawię. W zasadzie nie zwróciłem w ogóle uwagi na to :-)

  10. zx
    08 stycznia 2010 18:43:26

    Między innymi to poprawiłem na screenie. ;) I jeszcze przyciski w komentarzach się kompletnie porozsypywały.

  11. Ktos
    08 stycznia 2010 20:00:23

    Formularz komentowania to moje przekleństwo - zawsze coś z nim jest nie tak ;-)

  12. qbk
    09 stycznia 2010 03:32:32

    Nie wiem czy to zamierzone czy nie, ale linki w komentarzach są zupełnie niewidoczne - dopiero jak się na niego najedzie to zmienia kolor i dochodzi podkreślenie.

  13. Ktos
    09 stycznia 2010 10:43:55

    qbk: One mają inny kolor, ale bardzo delikatnie inny. Coś zmienię.

  14. riddle
    09 stycznia 2010 12:45:08 
    <div class="d g"></div>

<style>
  .d { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.2; }
  .b { background: url("baseline.png"); }
  .g { background: url("grid.png") 50% 0 repeat-y; }
</style>

    baseline.png
    grid.png

    Jak wyrównasz wszystko wg tych linii, będzie ładnie. Dorzuć HTML do strony i edytuj Firebugiem na żywo.

    Minimalizm się ceni, jak jest zrobiony dokładnie. Powodzenia.

  15. riddle
    09 stycznia 2010 12:45:48

    Zjadło mi pierwszą linijkę:

    <div class="d b"></div>
  16. Grzegorz
    22 stycznia 2010 12:40:41

    A mógłbyś udostępnić stary szablon? Podobały mi się chociażby losowe cytaty, chętnie rzuciłbym okiem na kod źródłowy całości.

  17. Ktos
    22 stycznia 2010 13:53:27

    @Grzegorz: Jasne, ale nie mam niestety tego gradientu co był po lewej, chyba nie zrobiłem niestety backupu. Więc szablon jest bez niego. I straszny, wykorzystuje prototype.js i script.aculo.us do zrobienia jednego efektu, a cały JS, CSS i HTML są posklejane z kodów robionych naprawdę dawno temu ;-)

    Losowanie i ustawianie cytatu jest w niva_text.js.

    Do ściągnięcia pod http://www.ktos.info/jogg/Karra.zip

  18. Grzegorz
    22 stycznia 2010 14:00:32

    Ktoś: Dzięki, a te losowe cytaty wymagają jeszcze czegoś, czy prototype.js i script.aculo.us były tylko do ruchomego menu?

  19. Ktos
    22 stycznia 2010 14:02:13

    Nie, cytaty są oparte bezpośrednio o DOM - getElementById() żeby znaleźć miejsce gdzie wstawić cytat, removeChild(), appendChild() oraz createTextNode() :-)

Zostaw komentarz

W komentarzach dozwolona jest składnia Markdown do formatowania.