Autor Wątek: imlight Std & Avatar (HTMLayout | IE 8/9)  (Przeczytany 16905 razy)

0 Użytkowników i 1 Gość przegląda ten wątek.

Offline mrg

  • Master Developer
  • Młodzież
  • *
  • osobisty mój tekst jest tekstem osobistym ;Dxd
    • Plugins for WTW.im
imlight Std & Avatar (HTMLayout | IE 8/9)
« dnia: Styczeń 21, 2011, 22:33:27 pm »
Chciałbym zaprezentować styl czata inspirowany ilustracją z tematu próśb i propozycji. Widziałem tam bodajże jedną wersję tego stylu (nazwany 'soft'),  postanowiłem stworzyć zupełnie coś własnego. Testowany z IE9, myślę że na IE8 też poleci. :) Może komuś się spodoba. ;) Styl z kompozycji imlight.

Wszelkie uwagi, sugestie mile widziane. :) Paczka zawiera AutoUpdate.

Przewiduję jeszcze wersję bez awatarów. :] Wersja bez awatarów już dostępna. ;) W przyszłości przewiduję wersję o ciemnej kolorystyce. :P

imlightChat (HTMLayout) (z awatarami i ich kadrowaniem)

Screen:
3650-0

Download:
* imlightChatAvatar-HL.wtwExtension (11.13 kB - pobrany 752 razy.)

imlightChat (HTMLayout) (bez awatarów)

Screen:
3185-2

Download:
* imlightChat-HL.wtwExtension (7.31 kB - pobrany 501 razy.)



imlightChatB (IE 8/9) (z awatarami)

Screen:


Download:
* imlightChatB.wtwExtension (7.52 kB - pobrany 410 razy.)

imlightChatA (IE 8/9) (bez awatarów)

Screen:


Download:
* imlightChatA.wtwExtension (7.45 kB - pobrany 301 razy.)

Changelog:
+ = Added ! = Removed ^ = Changed # = Fixed

[27.10.2011]
+ dodana wersja z awatarami dla HTMLayout, zawierająca kadrowanie awatarów ^^

[26.10.2011]
+ dodana wersja bez awatarów dla HTMLayout

[02.01.2011]
^ [ChatB] Zmiana koloru czcionki daty (jaśniejszy)..
^ [ChatB] Przeniesienie daty wiadomości grupowanej pod awatar.
^ [ChatB] Mniejsza czcionka daty wiadomości grupowanej.
^ [ChatB] Zmiana koloru wiadomości informacyjnej (czy jakoś tak :P) na ciemny niebieski.
# [ChatB] Ogólne poprawki stylu (błedy, niedociągnięcia, etc)

[pierwszy update - nie pamiętam daty xp]
+ dodana wersja bez awatarów [imlightChatA]
^ [ChatA] jaśniejszy kolor czcionki daty z wiadomości grupowanej
« Ostatnia zmiana: Czerwiec 03, 2012, 18:50:22 pm wysłana przez mrg »
// Pisuje wtyczki z których sam potem korzystam (głównie takie), znajdziesz je na forum i TUTAJ
// Wsparcie/Dotacje :: Błędy/Prośby

Offline mrg

  • Master Developer
  • Młodzież
  • *
  • osobisty mój tekst jest tekstem osobistym ;Dxd
    • Plugins for WTW.im
Odp: imlight :: Chat
« Odpowiedź #1 dnia: Styczeń 23, 2011, 20:47:33 pm »
Update, dodana wersja bez awatarów. :]
// Pisuje wtyczki z których sam potem korzystam (głównie takie), znajdziesz je na forum i TUTAJ
// Wsparcie/Dotacje :: Błędy/Prośby

Offline inzaghi89

  • Młodzież
  • **
    • keepmind.eu
Odp: imlight :: Chat
« Odpowiedź #2 dnia: Styczeń 26, 2011, 09:35:55 am »
Wspaniały :). Dzięki!

Odp: imlight :: Chat
« Odpowiedź #3 dnia: Styczeń 26, 2011, 11:25:52 am »
A jak moge zmienic kolor tego napisu "Powyżej znajduje się końcówka ostatniej rozmowy zapisanej w archiwum" np. na ciemny niebieski ?

Offline mrg

  • Master Developer
  • Młodzież
  • *
  • osobisty mój tekst jest tekstem osobistym ;Dxd
    • Plugins for WTW.im
Odp: imlight :: Chat
« Odpowiedź #4 dnia: Styczeń 26, 2011, 12:27:13 pm »
Do tego potrzebujesz podstawowej znajomości CSS. ;) Prośby o indywidualne dostosowanie moich stylów, kompozycji, etc proszę kierować na PW. ;)
// Pisuje wtyczki z których sam potem korzystam (głównie takie), znajdziesz je na forum i TUTAJ
// Wsparcie/Dotacje :: Błędy/Prośby

Offline Jarson

  • Młodzież
  • **
Odp: imlight :: Chat
« Odpowiedź #5 dnia: Styczeń 29, 2011, 16:09:11 pm »
Proponuję by w wersji z avatarami czas kolejnej wiadomości przenieść pod avatar. Daje to nam dodatkowe miejsce na wiadomość.

Styl naprawdę świetny.
http://wtw.k2t.eu/
Widziałeś Nowe WTW?

Offline DarkMind

  • Narybek
  • *
Odp: imlight :: Chat
« Odpowiedź #6 dnia: Styczeń 29, 2011, 21:04:55 pm »
mi również się styl podoba, do tej pory sprawdzałem różne, ale ciągle wracałem do jednego wybranego na początku, prawdopodobnie, przy tym - zostanę dłużej :)

bardzo ladnie i pomyslowo zrobiony :)

Offline Minstrel

  • Narybek
  • *
  • art junkie
    • deviantART gallery
Odp: imlight :: Chat
« Odpowiedź #7 dnia: Styczeń 31, 2011, 14:52:15 pm »
Jak miło, że ktoś się na poważnie zabrał za ten styl. Co prawda nie jest to super-ultra-wierna kopia tego, co kiedyś tam dawno zaproponowałem, jednak ta wersja również cieszy oko moje :) Były różne próby i podejścia, lecz ten styl już gości u mnie, pewnie na kolejny rok :)

Dziękuje i pozdrawiam :)

Offline mrg

  • Master Developer
  • Młodzież
  • *
  • osobisty mój tekst jest tekstem osobistym ;Dxd
    • Plugins for WTW.im
Odp: imlight :: Chat
« Odpowiedź #8 dnia: Styczeń 31, 2011, 21:56:38 pm »
@Jarson - w następnej wersji godzina będzie pod awatarem :P (chyba ;D) + małe ogólne poprawki stylu (poprawione błędy, etc) ;)

@Minstrel - super-ultra-wiernej kopii chyba nie byłbym w stanie wykonać ;D nie miałem pomysłu na cień pod awatarem :P a nie chciałem by to było kompatybilne tylko z IE9 :]

tak w ogóle to nowa wersja jest już gotowa ale nie jestem w stanie jej teraz wrzucić więc zapewne będzie jutro :]

cieszę się ze się podoba ;)

dobranoc
// Pisuje wtyczki z których sam potem korzystam (głównie takie), znajdziesz je na forum i TUTAJ
// Wsparcie/Dotacje :: Błędy/Prośby

Offline zhvir

Odp: imlight :: Chat
« Odpowiedź #9 dnia: Luty 01, 2011, 23:14:28 pm »
EDIT: poprzedni przykład wykasowałem bo nie pasował do problemu (tak to jest jak się nie popatrzy)
natomiast jakbym miał sie za to zabrać to zacząłbym od zrobienia pliku graficznego z cieniem i ustawił pod go avatarem stosując position: relative z parametrem z-index
Chciałbym być zawsze niewinny i prawdziwy, chciałbym być zawsze pełen wiary i nadziei...

Offline mrg

  • Master Developer
  • Młodzież
  • *
  • osobisty mój tekst jest tekstem osobistym ;Dxd
    • Plugins for WTW.im
Odp: imlight :: Chat
« Odpowiedź #10 dnia: Luty 02, 2011, 08:16:33 am »
No właśnie widziałem, że nie pasował :] no ale nie zdążyłem o tym napisać ;):D Co do cienia jako obrazek pod awatarem, to owszem da się to tak zrobić jeśli ustawimy stałą szerokość awatara. Pojawia się problem w momencie gdy wymiary są ustawiane automatycznie :] mam pewien pomysł jak to wykonać no ale pobawię się w to w wolnym czasie ;) poza tym obecna wersja chyba nie wygląda aż tak źle bez tego cienia ;D

aa no i tak w ogóle to update ChatB w pierwszym poście ;) dostępny przez link albo automatyczną aktualizację :]
// Pisuje wtyczki z których sam potem korzystam (głównie takie), znajdziesz je na forum i TUTAJ
// Wsparcie/Dotacje :: Błędy/Prośby

Odp: imlight :: Chat
« Odpowiedź #11 dnia: Luty 02, 2011, 10:10:55 am »
odswiezony ChatB ;)
po 2h rozmow ze znajomymi jestem zachwycony, a i fajnie ze koncowka rozmowy (informacyjna) ma kolor ciemny niebieski, dzieki

Offline inzaghi89

  • Młodzież
  • **
    • keepmind.eu
Odp: imlight :: Chat
« Odpowiedź #12 dnia: Luty 02, 2011, 10:56:56 am »
Dziękuję :). Bez tego było dobrze, ale jest jeszcze lepiej.

Offline Jarson

  • Młodzież
  • **
Odp: imlight :: Chat
« Odpowiedź #13 dnia: Luty 06, 2011, 15:42:56 pm »
Używam już Twojego stylu od paru dni. Świetnie, że zdecydowałeś się na moją propozycję.
Ale niestety denerwująca jest słaba minimalizacja stylu.
Okno szybko się zapełniania.

Np.:
- Belka z nazwą kontaktu i czasem pierwszej wiadomości powinna być węższa, a czcionka czasu mogłaby być mniejsza.
- Avatar mógłby być bliżej belki.

Ogólnie pasowałoby, żeby stał się bardziej kompaktowy. W tej chwili jest fajną ciekawostką, ale do rozmowy średnio się nadaje.
http://wtw.k2t.eu/
Widziałeś Nowe WTW?

Offline Elber

  • Narybek
  • *
Odp: imlight :: Chat
« Odpowiedź #14 dnia: Marzec 02, 2011, 13:51:35 pm »
Witam, gdzie mogę zmienić kolor czcionki tekstu z szarej na czarną ?

Offline anon

  • Narybek
  • *
Odp: imlight :: Chat
« Odpowiedź #15 dnia: Czerwiec 25, 2011, 20:14:18 pm »
Wielkie dzięki za ten styl [jaki i jego odpowiednik jeśli chodzi o główne okno WTW]!

Mam tylko jedno pytanie, czy istnieje możliwość lepszego 'dostosowania' wyglądu/jakości avatarów? Bo np. w górnej belce okna rozmowy avatar jest zmniejszony bez utraty jakości, a już w oknie samej rozmowy jest 'poszarpany' i razi to w oczy...

Offline mrg

  • Master Developer
  • Młodzież
  • *
  • osobisty mój tekst jest tekstem osobistym ;Dxd
    • Plugins for WTW.im
Odp: imlight :: Chat
« Odpowiedź #16 dnia: Czerwiec 25, 2011, 23:56:34 pm »
Obawiam się, że nie da się tego poprawić (gdyż, ponieważ jest to wina IE).
// Pisuje wtyczki z których sam potem korzystam (głównie takie), znajdziesz je na forum i TUTAJ
// Wsparcie/Dotacje :: Błędy/Prośby

Offline adrian_007

  • Master Developer
  • Starszyzna
  • *
    • WTW PLUGINS
Odp: imlight :: Chat
« Odpowiedź #17 dnia: Październik 25, 2011, 19:06:22 pm »
chcialbym zakomunikowac, iz na ostatniej ng wraz z wlaczonym silnikiem renderowania htmlayout styl sie pier*oli ;p

Offline mrg

  • Master Developer
  • Młodzież
  • *
  • osobisty mój tekst jest tekstem osobistym ;Dxd
    • Plugins for WTW.im
Odp: imlight :: Chat
« Odpowiedź #18 dnia: Październik 26, 2011, 14:02:34 pm »
komunikat przyjęty ;p dodałem wersję bez awatarów kompatybilną z HTMLayout ;p wersji z awatarmi póki co nie przewiduję ;p
// Pisuje wtyczki z których sam potem korzystam (głównie takie), znajdziesz je na forum i TUTAJ
// Wsparcie/Dotacje :: Błędy/Prośby

Offline adrian_007

  • Master Developer
  • Starszyzna
  • *
    • WTW PLUGINS
Odp: imlight :: Chat
« Odpowiedź #19 dnia: Październik 26, 2011, 18:03:04 pm »
ale jak to bez avatarow? ... :(

Offline zhvir

Odp: imlight :: Chat
« Odpowiedź #20 dnia: Październik 26, 2011, 18:31:41 pm »
no bo awatary są trochę jakby zjechane w htmLayout i trzeba trochę posiedzieć żeby to wyglądało
Chciałbym być zawsze niewinny i prawdziwy, chciałbym być zawsze pełen wiary i nadziei...

Offline mrg

  • Master Developer
  • Młodzież
  • *
  • osobisty mój tekst jest tekstem osobistym ;Dxd
    • Plugins for WTW.im
Odp: imlight :: Chat
« Odpowiedź #21 dnia: Październik 26, 2011, 21:37:23 pm »
@zhvir dobrze mówi ;p może jutro będę miał na to czas albo na weekendzie ;p zobaczy się ;p
// Pisuje wtyczki z których sam potem korzystam (głównie takie), znajdziesz je na forum i TUTAJ
// Wsparcie/Dotacje :: Błędy/Prośby

Offline mrg

  • Master Developer
  • Młodzież
  • *
  • osobisty mój tekst jest tekstem osobistym ;Dxd
    • Plugins for WTW.im
Odp: imlight Chat Standard & Avatar (HTMLayout | IE 8/9)
« Odpowiedź #22 dnia: Październik 27, 2011, 18:25:15 pm »
aktualizacja, dodałem wersję z awatarami dla HTMLayout, żeby @adrian_007 nie płakał i wszyscy żyli długo i szczęśliwie korzystając z nowej wersji, posiadającej (a jakże) kadrowanie awatarów ;)

testować! ;)

PS wybaczcie za post pod postem :p
// Pisuje wtyczki z których sam potem korzystam (głównie takie), znajdziesz je na forum i TUTAJ
// Wsparcie/Dotacje :: Błędy/Prośby

Offline mrg

  • Master Developer
  • Młodzież
  • *
  • osobisty mój tekst jest tekstem osobistym ;Dxd
    • Plugins for WTW.im
Odp: imlight Std & Avatar (HTMLayout | IE 8/9)
« Odpowiedź #23 dnia: Czerwiec 03, 2012, 13:20:41 pm »
Aktualizacja: imlightChat (HTMLayout) (z awatarami) ;p poprawiona (chyba) wydajność i ogólnie odświeżony wygląd ;)
// Pisuje wtyczki z których sam potem korzystam (głównie takie), znajdziesz je na forum i TUTAJ
// Wsparcie/Dotacje :: Błędy/Prośby

Offline igor

  • Młodzież
  • **
  • ? ? ? ? ? ? ? ? ?
Odp: imlight Std & Avatar (HTMLayout | IE 8/9)
« Odpowiedź #24 dnia: Czerwiec 03, 2012, 17:56:00 pm »
Wszystko super, jednak nadal uważam, aby mogłoby zawijać treść do nowej linijki, nie zawierającą spacji...

tj. http://asddadadadsdasdasdasdadasdasdasdasdasdasdasdasdasdasdsdasdasdasdasdasdasdasdasdasd.pl/

przykładowy długi link - wąskie okienko, powoduje, ze zamiast zawinać linka, musze poziomym scrolem przewijać.

to samo z tekstem.

edit.

Obrazki tez by mogło skalować... ;)

:)

Offline zhvir

Odp: imlight Std & Avatar (HTMLayout | IE 8/9)
« Odpowiedź #25 dnia: Czerwiec 03, 2012, 18:08:00 pm »
bo zamiast prawidłowego dla IE:
word-wrap: break-word;

dla HL należy dać:
text-wrap: unrestricted;
Chciałbym być zawsze niewinny i prawdziwy, chciałbym być zawsze pełen wiary i nadziei...

Offline igor

  • Młodzież
  • **
  • ? ? ? ? ? ? ? ? ?
Odp: imlight Std & Avatar (HTMLayout | IE 8/9)
« Odpowiedź #26 dnia: Czerwiec 03, 2012, 18:27:56 pm »
potwierdzam, zmieniłem tak jak kolega wyżej napisał i śmiga pięknie :).

pozostaje kwestia właściwości

max-width: 100% dla img. wydaje się, że w HL równiez jest inaczej niż w IE, bowiem metoda ta nie działa.

Offline zhvir

Odp: imlight Std & Avatar (HTMLayout | IE 8/9)
« Odpowiedź #27 dnia: Czerwiec 03, 2012, 18:31:00 pm »
bo coś jest skopane w hl z min max... sam kiedyś próbowałem w którymś z moich stylów i nie dałem rady tego okiełznać
Chciałbym być zawsze niewinny i prawdziwy, chciałbym być zawsze pełen wiary i nadziei...

Offline igor

  • Młodzież
  • **
  • ? ? ? ? ? ? ? ? ?
Odp: imlight Std & Avatar (HTMLayout | IE 8/9)
« Odpowiedź #28 dnia: Czerwiec 03, 2012, 18:39:21 pm »
gdyby nie to, że na w7 z IE9 wtw sie wiesza przy klikaniu w linki to bym nie uzywał tego HL ;d

Offline mrg

  • Master Developer
  • Młodzież
  • *
  • osobisty mój tekst jest tekstem osobistym ;Dxd
    • Plugins for WTW.im
Odp: imlight Std & Avatar (HTMLayout | IE 8/9)
« Odpowiedź #29 dnia: Czerwiec 03, 2012, 18:40:23 pm »
o łączach zapomniałem przy przepisywaniu stylu ;p

na HTMLayout dobrego skalowania obrazków się uzyskać nie da :P

Aktualizacja ;p

[0.1.5.1]
    ^ poprawione wyświetlanie długich linków
    ^ jaśniejszy blask powiadomień/wiadomości informacyjnych

edit: chodzi oczywiście o HL z awatarami ;p
// Pisuje wtyczki z których sam potem korzystam (głównie takie), znajdziesz je na forum i TUTAJ
// Wsparcie/Dotacje :: Błędy/Prośby

Offline Majaque

  • Młodzież
  • **
Odp: imlight Std & Avatar (HTMLayout | IE 8/9)
« Odpowiedź #30 dnia: Czerwiec 03, 2012, 19:35:40 pm »
mrg, a mógłbyś może wiernie odtworzyć wersję zaproponowaną przez minstrela? ;)

Offline mrg

  • Master Developer
  • Młodzież
  • *
  • osobisty mój tekst jest tekstem osobistym ;Dxd
    • Plugins for WTW.im
Odp: imlight Std & Avatar (HTMLayout | IE 8/9)
« Odpowiedź #31 dnia: Czerwiec 04, 2012, 08:00:10 am »
mógłbym ;p ale tam nie ma np. wiadomości informacyjnych ;p powiedz mi co Ci nie pasuje w obecnej wersji? ;p
// Pisuje wtyczki z których sam potem korzystam (głównie takie), znajdziesz je na forum i TUTAJ
// Wsparcie/Dotacje :: Błędy/Prośby

Offline igor

  • Młodzież
  • **
  • ? ? ? ? ? ? ? ? ?
Odp: imlight Std & Avatar (HTMLayout | IE 8/9)
« Odpowiedź #32 dnia: Lipiec 25, 2012, 22:28:16 pm »
No to teraz prosimy o wersje HTMLayout z awatarami obsługującą "LINK-INFO" z ostatniej nightly :).


Edit.
Proponuję coś w ten deseń:

« Ostatnia zmiana: Lipiec 26, 2012, 15:30:04 pm wysłana przez igor »

Offline pawelwtw

  • Narybek
  • *
Odp: imlight Std & Avatar (HTMLayout | IE 8/9)
« Odpowiedź #33 dnia: Wrzesień 02, 2012, 17:39:38 pm »
mam problem ze stylem HTML i IE. Wcześniej miałem problem z innym stylem to zainstalowałem na nowo wtw. Po instalacji stylu, wszystko pięknie jest  na 1 zakładce z rozmową, często na 2 zakładce już rozjeżdża się rozmowa. Co może być przyczyną?