Pierwszy styl okna rozmowy jaki zrobiłem, więc może być trochę błędów. CSS został oparty o Gradiental Riddle'a, dzięki wielkie.
Cztery warianty kolorystyczne, szczegóły na screenie.



Download: Kliknij, aby zobaczyć załącznik (z_pack_the_noose.zip)

Skóra do kNotify pasująca do tego stylu do ściągnięcia tutaj.

Bardzo ładne, w rzeczywistosci prezentuje się lepiej niż na skrinie

GJ, troche tylko wg mnie ta okrągłość wygląda na zbyt płaską

Ładne i oryginalne ;-)
Jedyne co mi sie nie podoba to te strzałki w kulkach, ja bym rozróżnił wiadomości przychodzące od wychodzących innym kolorem tła paska na którym widzimy nick.

Podoba mi się, ale raczej nie dla mnie... nie wiem, dlaczego. Teksty są najlepsze...
"To może na jeźdźca?"
"Najeźdźca? Germański kur... oprawca."

nawet ciekawe style - na razie błedów nie widze, ale faktycznie można by zmienić kolorki tych strzałeczek dla wiadomości wychadzących i przychodzących

bardzo ładnie podoba mi się

Superowe i na prawdę ładnie się prezentuje .

Pozwoliłem sobie namieszać: czerwone wychodzące, zielone przychodzące.

a dało by rade zrobic tła The Noose do tłoka? :>

Nie zanosi się. Mam dosyć mało czasu obecnie, ale jak będzie trochę czasu wolnego i nie będzie innych pomysłów to pomyślę o tym.

Mam takie pytanko, czy da się zmienić wielkość czcionki ewentualnie kolor, tak żeby wiadomości przychodzące odróżniały się od wychodzących ?Jeżeli tak to bardzo proszę o napisanie jak to zrobić, jestem trochę zielony w te klocki.Z góry dziękuję.

Szymar edycja pliku css ze style tam możesz wszystko zmienić potrzebna minimalna wiedza o html. Jeśli jej nie masz poszperaj w google'ach

Dzięki za odpowiedź,troszkę wiem o html,ale nie bardzo wiem które to wiadomości wychodzące a które przychodzące.Sorki że zawracam głowę.
/*
Z-Pack The Noose by Abraxas (hasoo@misiu.pl)
Wariant: Bloody
CSS opracowany na bazie stylu Gradiental by Riddle (wielkie dzięki).
*/


body
{
background: #FBFBFB url('z-noose/pure/bg_pure.gif') repeat-x fixed top;
padding: 0px;
margin: 6px; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Tahoma
}

.send a, .send a:visited,
.sendnext a, .sendnext a:visited,
.recv a, .recv a:visited,
.recvnext a, .recvnext a:visited {
color: #00AC83;
font-weight: bold;
}

.send, .recv,
.sendnext, .recvnext
{
background: transparent;
margin: 0px;
padding: 0px 0px 0px 44px;
}

.send { background: url('z-noose/aqua/bok_send.gif') no-repeat; margin-bottom: 0px}
.recv { background: url('z-noose/aqua/bok_recv.gif') no-repeat; margin-bottom: 0px}

.sendnext, .recvnext
{
background: url('z-noose/pure/bg_bok.gif') repeat-y;
margin-top: -4px
}

.send .header, .recv .header
{
height: 19px;
background: url('z-noose/pure/head.gif') repeat-x left top;
}

.send .header .nick, .recv .header .nick
{
font: bold 10px "Tahoma";
display: block;
clear: none;
float: left;
color: #F2F2F2;
padding-left: 8px;
line-height: 18px;
}

.send .header .extinfo
{
display: none;
}

.send .header .timestamp, .recv .header .timestamp
{
font: 9px "Tahoma";
float: right;
text-align: right;
background: none;
padding-right: 5px;
color: #F2F2F2;
line-height: 18px;
}

.sendnext .header, .recvnext .header
{
float: right;
text-align: right;
}

.extinfo { line-height: 18px; color: #666; }

.sendnext .header .timestamp, .recvnext .header .timestamp
{
font: normal 10px "Tahoma";
color: #555;
line-height: 24px;
display: block;

}

.send .body, .recv .body,
.sendnext .body, .recvnext .body
{
line-height: 15px;
color: #555;
background: url('z-noose/aqua/bg_send.gif') no-repeat right bottom;
border-right: 1px solid #B1B1B1;
border-bottom: 1px solid #B1B1B1;
margin-bottom: 4px; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Tahoma; margin-left:0px; margin-right:0px; margin-top:0px; padding-left:8px; padding-right:10px; padding-top:3px; padding-bottom:4px
}
.sendnext .body{
background: url('z-noose/aqua/bg_sendnext.gif') no-repeat right bottom;
}
.recv .body{
background: url('z-noose/aqua/bg_recv.gif') no-repeat right bottom;
}
.recvnext .body{
background: url('z-noose/aqua/bg_recvnext.gif') no-repeat right bottom;
}
.status, .quickeventnormal, .quickeventwarning
{
border-right: 1px solid #A7A7A7;
border-bottom: 1px solid #A7A7A7;
background: url('z-noose/aqua/status.gif') no-repeat left top;
color: #FFF;
margin-bottom: 8px; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Tahoma; margin-left:0px; margin-right:0px; margin-top:0px; padding-left:51px; padding-right:10px; padding-top:0px; padding-bottom:0px
}

.status .timestamp {
display: block;
padding-top: 3px;
padding-right: 0px;
float: right; }
.status .name, .status .info
{
line-height: 16px;
}

.status .name
{
padding-left: 0px;
padding-top: -2px;
color: #FFF;
}

.status .info
{
color: #555555;
display: block;
margin: 0px;
padding: 4px 8px 0px -20px;
}
.quickeventnormal, .quickeventwarning{
font-weight: bold;
padding: 3px 14px 3px 51px;
}

tu jest to podpięte pod jedno:

send .header .nick, .recv .header .nick
{
font: bold 10px "Tahoma";
display: block;
clear: none;
float: left;
color: #F2F2F2;
padding-left: 8px;
line-height: 18px;
}

.send .header .extinfo
{
display: none;
}

.send .header .timestamp, .recv .header .timestamp
{
font: 9px "Tahoma";
float: right;
text-align: right;
background: none;
padding-right: 5px;
color: #F2F2F2;
line-height: 18px;
}

Wielkie dzięki za poświęcony czas.Czyli rozumiem że nie da się tego zmienić,albo ja jestem cichociemny.Dzięki

raczej cichociemny

poczytaj dokładnie ten temat: http://www.konnekt.info/forum/index.php?sh...4118&hl=css

Się da się zmienić
send .header .nick, .recv .header .nick
{
font: bold 10px "Tahoma"; ........................ tu masz wielkość czcionki
display: block;
clear: none;
float: left;
color: #F2F2F2; ................................ a tu kolor czcionki
padding-left: 8px;
line-height: 18px;
}

Wielkie dzięki,ale nie o to chodziło dokładnie,bo jeżeli tu zmienie to zmieni się na wychodzących i przychodzących wiadomościach.A mnie chodziło o to żeby to się odróżniało.W każdym bądź razie dzięki i nie zawracam już głowy.

Ale wtedy zmienią się obie na takie same a mają być osobno ;]

Dzięki KonradoFFC za zrozumienie,dokładnie o to mi chodziło,ale chyba nic z tego.W każdym bądź razie dzięki za odpowiedź,pozdrówki.

po prostu rozdziel ten kod który podała Hipoteza na dwie części czyli na:

---------

.send .header .nick /*twój nick*/
{
font: bold 10px "Tahoma"; /*tu masz wielkość czcionki*/
display: block;
clear: none;
float: left;
color: #F2F2F2; /*a tu kolor czcionki*/
padding-left: 8px;
line-height: 18px;
}

.recv .header .nick /*nick kontaktu*/
{
font: bold 10px "Tahoma"; /*tu masz wielkość czcionki */
display: block;
clear: none;
float: left;
color: #F2F2F2; /*a tu kolor czcionki*/
padding-left: 8px;
line-height: 18px;
}

---------

tak na szybko bez optymalizacji
i jeszcze raz dobrze radze poczytaj template'a z tego tematu o którym napisałem wcześniej... tam jest wszystko wyjasnione

Wielkie dzieki zhvir, teraz już wszystko jasne sorki za zamieszanie.Pozdrawiam i dzięki za cierpliwość.

NIE cytujemy całego poprzedniego posta! //r

Czy jest mozliwosc uzycia tego skinu do pola w ktorym wpisujemy tekst? Chodzi mi konkretnie o gradient uzyty w oknie z przebiegiem rozmowy - na gorze jest lekko szyry, a na dole bialy. Ten sam efekt bym chcial zastosowac wzgledem pola edycji wiadomosci.

to raczej jest jeszcze nie możliwe

Pytałem Abraxasa ale też nei wiedział

Moje pytanie brzmi czy jest możliwość i jeśli tak to cóż musze dopisać do kodu żeby uzuskać dla ramek wiadomości efekt przeźroczystości np. 30 %.

Z góry dzięki ;]

W css'ie opacity: 0.3, albo zrobić PNG z alpha ( +filtr dla IE<7 ) ;-)

Btw. 30%? To mało będzie widać, chyba chodziło o 70% :-)

W CSS dla ramek wiadomości wystarczyłoby border-color: rgba(r, g, b, 30%), ale nawet dobre przeglądarki jeszcze nie mają tego zaimplementowanego, co tu mówić o IE. Musisz powalczyć z tłami, chociaż może to nieźle zamulić okno rozmowy. Vide mój GoneDark.