Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: css okna rozmowy
Konnekt | Forum > Developerzy > Tworzenie dodatków
banny
mam pytanie co oznaczaja te parametry, bo modernizuje jeden ze styli na wlasne potrzeby i mam problem co KONKRETNIE zmienie - czesci sie domyslam, czesci wogole nie kumam, wiec prosze o wyjasnienie kazdego z pojec, by bylo wszystko jasne (moze ze swoim rozumowaniem tez sie przypadkowo myle :/ i tak rozwieje swoje watpliwosci), a wiec:
.send, .sendfile - wyslana wiadomosc
.sendnext - kolejna wyslana
.recv, .recvfile - odebrana wiadomosc
.recvnext - kolejna odebrana
.quickeventnormal - ?
.quickeventwarning - ?
.status - czy chodzi o to na belce informujacej kto, czy dostepny i opis?
.sms - w oknie rozmowy- nie wiem o co chodzi zatem
.header - jakis naglowek, ale jaki?
.nick, .dest, .gate - no nick wiem, a reszta?
.timestamp, .extinfo
torn
cytat z readme do kieview:

wiadomość MT_MESSAGE (wysylana/odbierana):
CODE
  <div class="send">      // lub class="recv" dla odbieranej // jeśli wiadomość następna w grupie to sendnext lub recvnext
   <div class="header">
    <span class="nick">{nick}:</span>
    <span class="timestamp">({timestamp})</span>
    <span class="extinfo">{extinfo}</span>   // to tylko gdy extinfo nie pusty
   </div>
   <div class="body">
    {body}
   </div>
  </div>

Wiadomość MT_SMS:
CODE
  <div class="sms">
   <div class="header"> SMS
    od <span class="nick">{from}</span>  // tylko gdy podpis nie pusty
    do <span class="dest">{dest}</span>
    wysłano: <span class="timestamp">{timestamp}</span>
    bramka: <span class="extinfo">{gate}</span>
   </div>
   <div class="body">
    {body}
   </div>
  </div>

Wiadomość MT_FILE:
CODE
  <div class="filesend">   // lub class="filerecv" dla odbieranej
   <div class="header">Plik";
    <span class="filename">"{Title}"</span>  // to tylko gdy niepusty
    wysłany do             // gdy wiadomość wysyłana
    odebrany od            // gdy wiadomość odebrana
    <span class="nick">{nick}</span>
    <span class="timestamp">({timestamp})</span>
   </div>
   <div class="path">Plik: <span class="value">{FilePath}</span></div>
   <div class="filesize">Rozmiar: <span class="value">{FileSize}</span></div>  // tylko gdy > 0
   <div class="filetransfered">Przesłano: <span class="value">{FileTransfered}</span></div> // tylko gdy > 0
   <div class="filetransfertime">Czas: <span class="value">{FileTransferTime}</span></div>  // tylko gdy > 0
   <div class="filetransfer">Transfer: <span class="value">{FileTransfer}</span></div>  // tylko gdy przesłane i czas > 0
   <div class="fileerror">Błąd: <span class="value">{FileError}</span></div>  // tylko jeśli jest
   <div class="body">{body}</div>   // tylko jeśli jest
  </div>

Wiadomość MT_QUICKEVENT:
CODE
  <div class="quickeventnormal">    // to gdy flaga MF_QE_NORMAL
  <div class="quickeventwarning">   // to gdy bez flagi MF_QE_NORMAL
   <span class="timestamp">[{timestamp}]</span>   // gdy flaga MF_QE_SHOWTIME
   <span class="body">{body}</span>
  </div>

Info o statusie:
CODE
  <div class="status">
   <span class="timestamp">[{timestamp}]</span>
   <span class="body"> status
    <span class="name">{name}</span>
    <span class="info"> "{opis}"</span>   // tylko gdy jest opis
   </span>
  </div>
banny
chyba sie nie zrozumielismy... :|

moze wkleje co przerabiam i zaznacze kolorowo co chce wiedziec


body
{
margin-left: 66px;
background: white url('konnekt.jpg') no-repeat fixed left bottom;

}

.send, .sendfile
{
border-top: #A3A3A3 solid 1px;
background: #FAFAFA;
font-size: 12px;
color: #002953;
font-weight: normal;
font-family: Verdana;
}

.sendnext
{
border-top: #DDDDDD solid 1px;
background: #FAFAFA;
font-size: 12px;
color: #002953;
font-weight: normal;
font-family: Verdana;
}

.recv, .recvfile
{
border-top: #A3A3A3 solid 1px;
background: #F5F5F5;
font-size: 12px;
color: #A80000;
font-weight: normal;
font-family: Verdana;
}

.recvnext
{
border-top: solid #DDDDDD 1px;
background: #F5F5F5;
font-size: 12px;
color: #A80000;
font-weight: normal;
font-family: Verdana;
}

.quickeventnormal
{
background: #F5F5F5;
font-size: 12px;
color: #A80000;
font-weight: normal;
font-family: Verdana;
}

.quickeventwarning
{
background: #707070;
color: #FFFFFF;
font-weight: bold;
font-family: Verdana;
}

.status
{
color: #ffffff;
background: #A3A3A3;
padding: 5px;
font-weight: normal;
font-family: Verdana;
}

.sms
{
background: #FAFAFA;
color: #002953;
font-weight: normal;
font-family: Verdana;
}

.header
{
font-size: 12px;
color: #202020;
font-weight: normal;
font-family: Verdana;
}

.nick, .dest, .gate
{
font-size: 12px;
color: #202020;
font-weight: bold;
font-family: Verdana;
}

.timestamp, .extinfo
{
font-size: 12px;
color: #404040;
font-weight: bold;
font-family: Verdana;
}
arkadyjczyk
Mi się wydaje, że torn bardzo dobrze cię zrozumiał, pokazał ci w jakim miejscu i przy jakiej wiadomości pojawia się dana klasa. Przeczytaj dokładnie to sam dojdziesz co do czego jest.
Aule
Pomagamy.... myśleć. Niegdy css'ów do K nie robiłem, ale w (x)html'u miałem z nimi kontakt, więc tak:
.quickeventnormal - zazwyczaj komunikat wysyłany przez wtyczkę.
.quickeventwarning - komunikat wysyłany, gdy cos jest nie tak, np nie doszła wiadomość.
.status - linijka, gdy zmieniasz status
.sms - tego nie wiem
.header - nagłówek, czyli data, dodatkowe parametry(tytuł), nick
.nick - sposób formatownia nicka
.dest - w sms do kogo ma być słane formatowanie
.gate - nie wiem, nie mam czasu na szukanie w tym co podał torn.
.timestamp - formatowanie wyglądu godziny
.extinfo - formatowanie dodatkowych info o wiadomości (tytuł , chyba)
banny
Aule dziekuje o to mi chodzilo

i ps. zakopmy topor wojenne a co do (x)html - bawilam sie zwyklym html'em, w koncu od czegos czlowiek musi zaczac, ja lubie uczyc sie na bledach, ale jak tez prosze o pomoc, lubie dostac konkretne informacje, a nie juz to co wiem... wink.gif
magor
QUOTE(NelQ)
Nie zauważyłeś?? Mało spostrzegawczy jesteś:

No dobra.
QUOTE(magor)
Przeczytalem te dwa pierwsze posty ze trzy i nie zauwazylem zadnej koncowki

Natomiast banny napisala:
QUOTE
poza tym dziewczyna nie facet jestem - patrz na koncowki zdan..

w trzecim poscie.

I zeby nie bylo, ze chce komus dogryzac, bo nie mam nic ciekawszego do roboty. Tylko chcialem byc scisly.
Slusznie, w moim poscie brakuje slowa. Przeoczylem je, powinno byc: ze trzy razy. Moj blad, przepraszam. Reszte podtrzymuje.

A jezeli chodzi o temat watku.
Ten kod html podany w dokumentacji kieview'a nie bardzo wyswietla rozmowy tak jak to sie dzieje w konnek'cie. Wytka jeszcze chyba cos miesza z formatowaniem. Nie mowie tu o czcionkach, rozmiarach itp. Chodzi mi o padding tekstu. W zalaczniku po lewej kod wklejony do IE, po prawiej to co wyswietla kieview.

CODE
  <div class="send">
   <div class="header">
    <span class="nick">ja:</span>
    <span class="timestamp">(10:12)</span>
   </div>
   <div class="body">
    Tekst wiadomosci
   </div>
  </div>
  <div class="sendnext">
   <div class="body">
    Tekst wiadomosci
   </div>
  </div>
  <div class="sendnext">
   <div class="header">
    <span class="timestamp">(10:12)</span>
   </div>
   <div class="body">
    Tekst wiadomosci<br/>Tekst wiadomosci
   </div>
  </div>


Wesolych Swiat.

Załączniki

baael
heh, a ja z całkiem innej beczki bo szukam sobie na forum i nie moge znaleźć.

da się uniknąć by .timestamp nie psuł innych zdarzeń? np. w momencie gdy mam float: right; nota o zmianie statusu w oknie rozmowy wyświetla się za datą i jest złamana czyli troche u góry troche na dole....
Olórin
a moze
CODE

.recv .timestamp{ blabla}

? Ewentualnie musisz sprawdzić jakie są dokładnie nazwy klas wink.gif
riddle
Dobra, a co z tym padding? W IE jest wszystko równo, a w kIEview nagle div body wskakuje na prawo jakby mial jakis padding na sztywno.

Bardzo też mnie denerwuje niemożność override'a na element a, a dokładnie na to, że ma text-decoration : underline (czyli standard)

CODE
a
body a

nie działa.
Olórin
Spróbuj może modyfikatora !important
riddle
Pomogło. Lecz nadal nie można zapanować nad stanem :hover.
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.