Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Refreshed
Konnekt | Forum > Dodatki > Wygląd > Okno rozmowy (kDuoView)
zhvir
Refreshed

na podstawie Fresh Chat Theme for GTalk by peex -> http://www.deviantart.com/deviation/56642732/

Początkowo styl miał być jedynie szybką konwersją, jednak ostatecznie dorobił się paru rzeczy odróżniających go znacząco od oryginału. Ze względu na wykorzystywanie programowego gradientu robionego filtrem IE styl jest nie jest zalecany do pracy z kontrolką Mozilli, nawet nie był testowany (aczkolwiek po pewnych modyfikacjach powinien także prezentować się ciekawie). Styl też nie jest i nie będzie dostosowany do wykorzystania w kontrolce historii (chyba że zostaną poprawione niektóre błędy we wtyczce kDuoView to pomyślę wink.gif) Paczka zawiera dwie wersje kolorystyczne jasną Refreshed oraz ciemną Refreshed Negative

Kliknij, aby zobaczyć załącznik (Refreshed.zip)


Z ciekawostek wykorzystanych w stylu wymienić można:
- automatycznie skalowane avatary (mimo wszystko w większości przypadków lepsze efekty wizualne daje skalowanie programami graficznymi do wielkości 32 x 32 px)
- jeżeli kontakt nie ma przypisanego avatara ustawiany jest automatycznie domyślny avatar
<img class='icon' src='%avatar_path%' onerror="this.src='noavatar.png'">
- jeżeli obrazki wyświetlane w oknie rozmowy są zbyt duże i nie mieszczą się w oknie rozmowy, pojawia się poziomy scroll do przesuwania podglądu obrazka (wykorzystano overflow)
- programowy gradient IE -> filter: progid:DXImageTransform.Microsoft.Gradient (w kodzie podajemy początkowy kolor i końcowy aby dostosować styl do swoich potrzeb)

Pragnę też podziękować saCOOLowi i Szczeniakowi191 za testy i ciekawe pomysły

------------------------

edit: odpowiedzi na najczęstsze problemy można znaleźć w tym poście -> http://www.konnekt.info/forum/index.php?s=...ost&p=85498

Kliknij, aby zobaczyć załącznik (PixelPerfect.zip)
saCOOL
Genialne! Siedzi u mnie już w oknie rozmowy :>, posiedzi tam pewnie trochę :>. Kolejny styl zhvira, który gości u mnie i prezentuje się doskonale. Dzięki śliczne!
ZenitH
No coz chyba czas przesiasc sie na KDuoview bo ten styl jest naprawde niezly:D
ZenitH
Pisałem kilka dni temu Szczeniakowi191 dlaczego nie mam KDUo a o to przykład:

wiecie co mam źle, ze w stylu zhvir'a na pasku z moją wiadomością zlewa sie zegarek z datą?? ( na pasku z wiadomością odebraną jest poprawnie)


Z góry dzięki za pomoc
ved
to mnie przekonalo dokDuoView:>

*bedzie glupie pytanie*:
Co z avatarami? gdzie je wrzucac itd?
ZenitH
Ved - na danym kontakcie ppm więcej, następnie znów więcej i zjedz belką na sam dół

P.S Zhvir czy dałoby radę zrobić nie co większe avatary?? Ewentualnie napisz gdzie można to zmienić no i jeszcze nie co wieksza czcionka daty i godziny:]
saCOOL
wielkość avatara:
CODE
.icon {
  height: 32px;
  width: 32px;
  position: relative;
}
Zmiana wielkości avatara to zmiana wielkości "height" oraz "width".

EDIT: jak słusznie zwrócił mi uwagę zhvir: "Ponadto w klasie .Nxt w "margin-left" należy dodać do wpisanej wartości różnicę wielkości avatarów". Zhvir popracuje też nad tym, by godzina w grupowanych wiadomościach, była na środku, niezależnie od wielkości avatara.

EDIT 2: w klasie .timenext, .timenext-o, .timenext-i należy dopisać "text-align: center;" oraz tak jak w klasie .Nxt dodać różnicę wielkości avatarów do "width". zhvir wrzuci na forum poprawkę wycentrowania godziny w grupowanych wiadomościach, na razie możecie zmienić to sobie sami :>, przy okazji się nauczycie może coś "stylowania" :>.

EDIT 3: a jak ktoś nie chce avatarów, to może sobie wpisać w icon-i icon-o "display: none;"

***

godzina w pierwszej wiadomości:
CODE
.time, .time-i {
  font: 9px Arial;
  color: #888;
  padding-top: 5;
  vertical-align: middle;
}

godzina w grupowanych wiadomościach:
CODE
.timenext, .timenext-o, .timenext-i {
  font: 9px Arial;
  color: #888;
  padding-left: 1;
  vertical-align: middle;
  height: 100%;
  width: 42px;
}

godzina w komunikatach (status, błędy itd):
CODE
.time-se {
  font: 9px Arial;
  color: #888;
  padding-top: 2;
  vertical-align: middle;
}

data (w pierwszej wiadomości):
CODE
.date, .date-i {
  vertical-align: bottom;
  right: 15;
  padding-top: 1;
  position: absolute;
  font: 9px Arial;
  color:#888;}
}
Zmiana wielkości czcionki to zmiana pozycji "font".

Oczywiście chodzi o plik Refreshed Negative.txt / Refreshed.txt

***

EDIT 4: Genialny i zarazem banalnie prosty w obsłudze programik, do zmiany rozmiarów obrazka (avatara). Można zmieniać wiele plików jednocześnie. Polecony przez JOUKIego. http://www.vso-software.fr/products/image_resizer/
ved
Mam taki kawalek:
QUOTE

<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
<style type="text/css">
<!--

BODY { color: #000000;

background-repeat: no-repeat;
background-attachment: fixed;
background-image: url(mac2.jpg);
-ieh: expression(
this.style.backgroundPosition = parseInt(0 - window.screenLeft) + 'px ' + parseInt(0 - parseInt(window.screenTop - 0)) + 'px'
)wink.gif

BODY a:link { color: #7698ca; text-decoration: none;}
BODY a:hover { color: #7698ca; text-decoration: underline;}
BODY a:active { color: #7698ca; }
BODY a:visited { color: #222; text-decoration: none;}


tzn chce wrzucic tlo z tapety, ale to rozwala caly styl:


Niechaj ktos pomoze
zhvir
@ZenitH: musisz ustawić sobie jakąś nazwę użytkownika wtedy styl się nie rozwali i daty i godziny nie będą się zlewać
@ved: jutro się temu przyjrzę dokładnie
saCOOL
@ZenitH: Ustawienia - Użytkownik - Ustaw swoje dane personalne
Zmień "Wyświetlaj Jako" na swojego nicka i po kłopocie.
ZenitH
Dzieki saCOOL no i Zhvir za pomoc biggrin.gif Macie u mnie browara cool.gif
mariush
Nic, tylko pogratulować.
Mam tylko pytanie, czy przewidywane są inne wersje kolorystyczne?
zhvir
inne wersje kolorystyczne we własnym zakresie wink.gif
co najwyżej jak będę wrzucał zapowiedziane poprawki, mogę w kodzie opisać odpowiednie fragmenty odnoszące się do kolorów

tymczasem na życzenie jednej z forumowiczek jestem w trakcie tworzenia moda z przezroczystością i tłem... :>
merman
Czy da się ustawić avatary w konferencji dla odpowiednich osób?
zhvir
avatary w konferencji są tak samo przydzielane kontaktom, ale jak testowałem konferencję to były jakieś błędy (chyba) ze strony wtyczki
JOUKI
Mnie styl jakoś nie przekonał... Omówiłem to z saCOOLem i wróciłem do Gradiental'a pod IE smile.gif
zhvir
heh... chyba w końcu zrobię dla was tego gradientala dla kduo tongue.gif
willow
dajcie jakas instrukcje jak ta wlaczyc bo u mnie nic sie nie zmienilo ;/
zhvir
Zauważyłeś w jakim subforum jest ten temat? Podpowiadam: "Okno rozmowy (kDuoView)". Więc aby korzystać z tego stylu należy zaopatrzyć sie ww. wtyczkę, a następnie poczytać co nieco w temacie poświęconym kDuoView (kDV). Style dla kDV nie są kompatybilne z kIEview, tzn korzystając z kIEview nie uruchomisz stylu dla kDV i vice versa (chociaż dla kDV istnieje szablon dzięki któremu w kDV załadujesz wszystkie dostępne style dla kIEview).
ZenitH
Oj zhvir tak to pogmatfałeś, że biedny willow i tak napewno nie zrozumie o co chodzi tongue.gif

Innymi słowy:

Style dla Kduoview do okna rozmowy Kduoview
Style dla kIEview do okna rozmowy kIEview
Konrado
Moxzliwe jest dodanie fragmentu kodu, umozliwający podlad wysyłanych obrazków w oknie rozmowy?
zhvir
a można jaśniej? w czym problem?
Konrado
Wysyłam do kogoś, w oknie rozmowy, zrzut ekranu, fragment itp. nie pojawia się on u mnie w oknie rozmowy, dostałe tylko inforamcję że obraz został wysłany czy coś takiego (odbiorca go otrzymuje).

Drugie pytanko czy możliwe jest wstawienie tła pulpitu ktory zastapi białe tłe(i tylko je) w oknie rozmowy? - styl: Refreshed. - poradziłem sobie - kod Ved był dobry brakowało tylko '}' na końcu wink.gif
Raku85
Opcja szukaj nie jest tak tylko do zabawy

http://www.konnekt.info/forum/index.php?sh...9562&st=260

Konrado
Przepraszam i dziękuje za pomoc, poprostu myślalem, że to bład skórki wink.gif Teraz wszystko jasne smile.gif
kidzior
Niesamowite! Szczególnie drugi styl, ten ciemniejszy. Używam już od kilku miesięcy i jeszcze nie zdążyłem Cię pochwalić. wink.gif
XFedraX
witam smile.gif
wiec tak: zmienilem sobie wymiery avatarow tylko nie potrafie zrobic zeby nie bylo odstepu pomiedzy pierwsza a druga wiadomoscia w grupie
screen:

jesli ktos ma jakis pomysl to poprosze smile.gif
PlayBoy782
a ja mam banalne pytanie czyli jak ustawić avatar do swojej osoby?
WRON3k
PlayBoy782
Chodziło mi o to jak ustawić avatar MOJEJ OSOBY aby był wyświetlany w oknie rozmowy przy mojej wiadomości.
WRON3k
hah,
no to:
PlayBoy782
Dziękuje bardzo wink.gif
RadoN
Jak zrobić żeby godzina przy pierwszej wiadomości wyświetlała się po prawej stronie a nie po lewej??


To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2012 Invision Power Services, Inc.