Nowe szaty dla forum DP

Dzięki za szybką odpowiedź, trochę mi zajęło zanim zakumkałem co gdzie wkleić żeby się ta graficzka spod spodu nie pokazywała :slight_smile: Tak, pomarańczowożółty kolor jest wzięty z napisu, a ludek z materiałów udostępnionych kiedyś przez DP. Widać jednak, że brak wypełnień w niektórych miejscach nie służy ludkowi w tak pomniejszonej wersji, trzeba będzie coś temu zaradzić semtex ma rację, przydało by się trochę cienia pod płytką w szarej wersji i wyplenienie zamiast przezroczystości w kilku miejscach. Pierwszy ludek po zakodowaniu zdecydowanie sobie nie poradził :slight_smile: reszta po drobnych modyfikacjach będzie do zastosowania. Jeśli ktoś ma ochotę to mogę udostępnić mój .xcf z ludkiem są tam warstwy i można powalczyć bez potrzeby używania starego obrazka.

Trochę posiedziałem nad “ludkiem” :D, sprawa wygląda tak, ciemny, wygląda wyraźniej, dałem lekkie cieniowanie pod niego, odcina się teraz od tła. Mam tylko problem z wygładzeniem jego krawędzi, niestety w Paint.Net nie działa to tak jak powinno, ewentualnie ja nie mając kontaktu z programem od kilku tygodni “zardzewiałem”. Może później mnie natchnie na poprawki:

ludek_png_300x300_q85.jpg

Sprawdź tego - http://www3.zippyshare.com/v/21391282/file.html

  • Poprawka szarego i kolorowego ludka konturowego by pstro + nowy ludek czarny i biały.

Na dziś chyba z tym koniec :slight_smile: nie kodujcie puki nie zdecydujemy się na jakieś konkretne wersje lub jeszcze jakieś poprawki. Myślę, żeby wybrać z tego lub po poprawce trzy wersje max i więcej nie trzeba.

Te z powyższych postów nie nadają się ze względu na brak wypełnień w łapkach i na płytce. @semtex do przeskalowania możesz użyć czegokolwiek byle miało wbudowany jakiś rozsądny algorytm sześcienny albo Sinc lanczos 3 bo inaczej wyjdą z tego schody. po pomniejszeniu dobrze by było wyostrzyć. albo całość przerysować w wektorach :stuck_out_tongue:

Dajcie znać jak by coś tam jeszcze przerobić.

A propos bajeru, o którym wspomniałem ostatnio, wymyśliłem sobie, że będzie nim “spinner świetlny” jako zamiennik płyty wcinanej przed ludka (w moim mniemaniu obrazuje “ruchomą” grupę danych jakimi mogą być programy…). Niestety znów pewne ograniczenia powodują, że ta “inwencja twórcza” w pełni zadziała jedynie na Fx, dla GC i O bajer jest nieruchomy (Google Chrome ma “problem” z rozdzielaniem animacji dla pseudo-elementów -najwyraźniej tego nie obsługuje-, przez co wszystko kręciło się tak jak element główny, w przypadku Opery animacji w ogóle nie mogłem uruchomić, więc postanowiłem, że obie będą miały statyczny bajer, wedle zasady “albo wszystko, albo nic” ;))

  • nagłówek z bajerem

  • ludki do przeróbek (przycięte tak by łatwo przeskalować je do rozmiarów 55x86px i braku potrzeby korygowania pozycji w kodzie. W paczce jest kolorowy, czarny, czarny i biały bez winylowej płyty).

Maniek, wygląda że animacja ma bug, widzę zarys border grafik podczas ruchu, możesz potwierdzić?

Dodane 19.01.2013 (So) 11:50

Hmm, po restarcie przeglądarki problem nie występuje :smiley: :lol:

Dodane 19.01.2013 (So) 12:00

Maniek, ten spinner wywołuje ciągłe użycie CPU, Nightly skacze z 0% do 25% i tak na krągło, chyba będziesz musiał zrobić to statyczne :wink:

Każda animka tak działa na procek, z tego co zauważyłem, nawet emoty :slight_smile:

Wywalenie “keyframes” (l114-122) unieruchomi animację dla Fx (w l113 nawet pozostały “zawiasy”, wystarczy przeciągnąć */ na koniec 122… ;)).

U mnie tylko na O występuje bug (pokazuje się niewielki skrawek “starej” grafiki w środku), możliwe że ma to związek z zastosowaniem poprawki do tego elementu, siedzący w stylach (#under-logo jest zdefiniowane w dark, light i blender…)

Zrobione, gra i buczy :wink: I nie szarpie cepem :stuck_out_tongue:

Doszło ostatnio do “wielkich” zmian na forum w podziale grup admin/mod, stary rozdrobniono dodatkowo na redakcję więc dziś doszła poprawka do gł. postu.

Jakby komuś się nie chciało “walić” update’a całości Dark, czy Light Theme, niech podmieni adminów i modów w starym na:

  • Dark

    /Administratorzy (kolorowanie nick’ów)/

    a[href$=“uzytkownik2.html”],

    a[href$=“uzytkownik81907.html”],

    .info > [href$=“grupa13839”],

    span[style*=“color: #FF0000”],

    span[style*=“color: #AA0000”],

    .username-coloured[style*=“color: #AA0000”],

    em a[href$=“grupa13839.html”] {color: #ff3b3b !important;}

    /Moderatorzy globalni (kolorowanie nick’ów)/

    a[href$=“uzytkownik7.html”],

    a[href$=“uzytkownik23.html”],

    a[href$=“uzytkownik1218.html”],

    a[href$=“uzytkownik3109.html”],

    a[href$=“uzytkownik5821.html”],

    a[href$=“uzytkownik21533.html”],

    a[href$=“uzytkownik30482.html”],

    a[href$=“uzytkownik36263.html”],

    a[href$=“uzytkownik47690.html”],

    a[href$=“uzytkownik73082.html”],

    .info > [href$=“grupa13838.html”],

    span[style*=“color: #008000”],

    span[style*=“color: #e4680d”],

    .username-coloured[style*=“color: #e4680d”],

    em a[href$=“grupa13838.html”] {color: #4ea09b !important;}

    /Redakcja (kolorowanie nick’ów)/

    a[href$=“uzytkownik3.html”],

    a[href$=“uzytkownik4.html”],

    a[href$=“uzytkownik1654.html”],

    a[href$=“uzytkownik29680.html”],

    a[href$=“uzytkownik42304.html”],

    a[href$=“uzytkownik62454.html”],

    .info > [href$=“grupa13845.html”],

    span[style*=“color: #5a8d00”],

    .username-coloured[style*=“color: #5a8d00”],

    em a[href$=“grupa13845.html”] {color: #5a8d00 !important;}

-Light

/*Administratorzy (kolorowanie nick'ów)*/

a[href$="uzytkownik2.html"],

a[href$="uzytkownik81907.html"],

.info > [href$="grupa13839"],

span[style*="color: #FF0000"],

span[style*="color: #AA0000"],

.username-coloured[style*="color: #AA0000"],

em a[href$="grupa13839.html"] {color: #ff3b3b !important;}


/*Moderatorzy globalni (kolorowanie nick'ów)*/

a[href$="uzytkownik7.html"],

a[href$="uzytkownik23.html"],

a[href$="uzytkownik1218.html"],

a[href$="uzytkownik3109.html"],

a[href$="uzytkownik5821.html"],

a[href$="uzytkownik21533.html"],

a[href$="uzytkownik30482.html"],

a[href$="uzytkownik36263.html"],

a[href$="uzytkownik47690.html"],

a[href$="uzytkownik73082.html"],

.info > [href$="grupa13838.html"],

span[style*="color: #008000"],

span[style*="color: #e4680d"],

.username-coloured[style*="color: #e4680d"],

em a[href$="grupa13838.html"] {color: #006666 !important;}


/*Redakcja (kolorowanie nick'ów)*/

a[href$="uzytkownik3.html"],

a[href$="uzytkownik4.html"],

a[href$="uzytkownik1654.html"],

a[href$="uzytkownik29680.html"],

a[href$="uzytkownik42304.html"],

a[href$="uzytkownik62454.html"],

.info > [href$="grupa13845.html"],


span[style*="color: #5a8d00"],

.username-coloured[style*="color: #5a8d00"],

em a[href$="grupa13845.html"] {color: #5a8d00 !important;}

PS. Oczywiście jeśli zmienialiście kolorystykę nick’ów, należy podstawić do powyższych własną :wink:

Podmienione.

Jednak ten “redakcyjny” kolor to kiszka w natywnej skórce jak i teraz po podmianie. Jest, w sumie, ledwo widoczny na jasnym i ciemnym tle. Bardzo ciężko go odróżnić od zwykłego zielonego koloru Usera.

Hehe, wiem, dałem chwilowo domyślny, może w #F8FF00 lub #eaff90 byłoby redakcji lepiej (przynajmniej jeśli chodzi o Dark) :wink:

@Maniek

Na SB wymyśliliśmy że redakcja wybrała ten kolor celowo, wiesz, kamuflaż :smiley: :lol:

Kamuflaż, który nie działa na “przerobione” forum :wink:

Faktycznie, lepiej, choć zaraz poszukam tak “rażącego” koloru że Docent będzie świecił jak Uran 235 :smiley: :smiley:

W poprzednim poście pierwsza wartość mi się wkleiła nie ta co trzeba, poprawiłem… Może dla reszty też się jakieś bardziej kolorowe i jaskrawe poszuka.

Ja sobie co nieco zmieniłem kolorystykę według swoich upodobań.

c4959e8097a86d71m.jpg

Korzystam ze zbajerowanego ludka i Blenderowego theme odkąd powstały, wygląda to bardzo dobrze, i nie wyobrażam sobie forum w jego podstawowej wersji. Jako, że link do ostatecznej wersji moich wariacji logo wygasł, podaję aktualny dla osób chcących się jeszcze pobawić tym elementem.

https://docs.google.com/file/d/0B8XKdnX … sp=sharing

Hasło do paczki: dp

Jeśli byłby jakiś problem z dostępem to proszę o kontakt.

Zainstalowałem drugą wersję i muszę przyznać, że bardzo mi się podoba. Taka odmiana raz na jakiś czas nie zaszkodzi.

Która linijka kodu nowej szaty graficznej odpowiada za buton: " Nowy temat" lub “Odpowiedz”

Za “Odpowiedz” odpowiada .reply-icon span (u mnie jest to wiersz 288), a za “Rozpocznij wątek” .post-icon span (wiersz 287). Oba buttony są grafiką, którą można “odkodować” np. za pomocą notepad++ (opcje w menu kontekstowym związane z Base64), wystarczy skopiować zakodowany obrazek do nowego dokumentu (url(data:image/png;base64,OBRAZEK_ZAKODOWANY) !important;), zaznaczyć wklejony “kod”, użyć “Komendy wtyczek->Odkodowanie Base64”, a po wszystkim zapisać dokument jako png.

Ściągnąłem ten program, wkleiłem kod jak pisałeś ale nie ma w tym programie “odkoduj base64”.

Napiszę tak, chciałem w tym buttonie zmienić kolor tła i kolor czcionki. Jak to zrobić.