Sohbetin geliştirilmesi

[admin]

aynı css in hem sohbet15 ile, hem de öncekilerle çalışmasının yolunu buldum, ilerde eskileri kaldırırız da, geçerken yani:
css içine aynı bloklardan mydiv ve mesajlar ismi ile koyunca, direk çalışır sanırım. 
şuanda yapıyorum css leri. 

[admin]

"Konu" linkindeki bendeki css leri düzelttim.  (http://destek.10tl.net/showthread.php?tid=71209&pid=444901#pid444901)
mydiv ile mesajlar, 
userlist ile kullanicilar, 
hepsini beraber css içine koyunca eski sohbetlerde de çalışıyor. 
sohbet15 ve sonrasında, css lerde  mesajlar ve kullanicilar bloklarının olması yeterli. 


Örnek css:

Kod: Tümünü Seç Tümünü Kopyala

@charset "utf-8";
/* CSS Document */
.bilgi {
   display: inline-block;
}
/*
.xx diye yazanlar, class olanlar,
#xx diye yazanlar, id olanlar.

*/
section {
   width: 600px;
   height: 300px;
   padding: 2px;
background: #e74c3c url(noise.png) ;
   border-left: #34495e 3px solid ;
border-right: #34495e 3px solid ;
margin: 7px ;
}

div#mydiv { /* sohbet */
   float: left;
   width: 500px;
height: 295px;
text-align: left;
padding: 1px;
overflow:auto;
color: #fff ;
}

div#userlist {
background: #464646 url(noise.png);
margin-left: 505px;
color: #fff ;
height:295px;
border: 1px solid #efefef;
text-align: left;
padding: 1px;
overflow-y:auto;
overflow-x: hidden;
}

div#mesajlar { /* sohbet */
   float: left;
   width: 500px;
height: 295px;
text-align: left;
padding: 1px;
overflow:auto;
color: #fff ;
}

div#kullanicilar {
background: #464646 url(noise.png);
margin-left: 505px;
color: #fff ;
height:295px;
border: 1px solid #efefef;
text-align: left;
padding: 1px;
overflow-y:auto;
overflow-x: hidden;
}

div#alttaraf {
   width: 600px;
height:100px;
text-align: left;
}

/* Power Extra CSS Başlangıç */

#msjgonder {
background: #464646 url(noise.png);
padding: 5px ;
margin-bottom: 0 ;
margin: 7px ;
border-right: 3px solid #e74c3c ;
border-left: 3px solid #e74c3c ;
width: 595px ;
color: #fff ;
}

#sohbetbuton {
background: #e74c3c url(noise.png);
border: 2px dotted #464646 ;
padding: 4px ;
border-radius: 8px ;
display: inline-block;
transition: 1s ;
}

#sohbetbuton a, a:hover, a:active {
color: #fff ;
text-decoration: none ;
}

#sohbetbuton:hover {
transition: 1s ;
border-radius: 0px ;
background: #c0392b url(noise.png);
}

.sohbetbox {
background: #464646 ;
border: 1px solid #efefef;
border-left: 4px solid #efefef;
color: #fff ;
width: 150px ;
transition: 1s all ;
}

.sohbetbox:focus {
width: 220px ;
transition: 1s all ;
box-shadow: 0px 0px 3px #efefef ;
}

/* Power Extra CSS Bitiş */

[Neon Blazer]

Sohbet panelinde mesajlar eskiden yeniye değilde yeniden eskiye sıralansın.

Mesela;

11:31(41) : QuitterTR : deneme
11:31(42) : QuitterTR : ad
13:32(43) : Henry : asaas
13:32(44) : Henry : asaas
13:32(45) : Henry : asaasaajja
13:58(46) : ChromeStarde : s
16:59(47) : #Power : dene
16:59(48) : #Power : deneme,

değilde

16:59(48) : #Power : deneme,
16:59(47) : #Power : dene
13:58(46) : ChromeStarde : s
13:32(45) : Henry : asaasaajja
13:32(44) : Henry : asaas
13:32(43) : Henry : asaas
11:31(42) : QuitterTR : ad
11:31(41) : QuitterTR : deneme

bu şekilde olsun. Daha iyi olur @admin

[admin]

Yani yukarı doğru değil, aşağı doğru aksın, öyle mi?
Bunun mantığı ne? Neden? 
Normalde çoğu yazışma aşağı doğru yapılır, 
(Gerçi twitterda yukarı doğu akıyor) 
Biraz sebep söyleyin

[#Power]

Yani yukarı doğru değil, aşağı doğru aksın, öyle mi?
Bunun mantığı ne? Neden? 
Normalde çoğu yazışma aşağı doğru yapılır, 
(Gerçi twitterda yukarı doğu akıyor) 
Biraz sebep söyleyin

MyShoutboxta da böyle. Yukarıda en yeni mesajlar var. Yani aşağı değil yukarı çıkarsın sohbet.

[admin]

Ne dediğinizi anladım, neden olduğunu,
Sebebi, mantaliteyi anlamaya çalışıyorum
Örnekler de olabilir, twitter, myshoutbox öyle,
Başka sebep ve örnek var mı?

[#Power]

Ne dediğinizi anladım, neden olduğunu,
Sebebi, mantaliteyi anlamaya çalışıyorum
Örnekler de olabilir, twitter, myshoutbox öyle,
Başka sebep ve örnek var mı?

Birkaç tane MyBB sohbet eklentileri görmüştüm, orada da sıralama yeniden eskiyeydi.

[Neon Blazer]

Ne dediğinizi anladım, neden olduğunu,
Sebebi, mantaliteyi anlamaya çalışıyorum
Örnekler de olabilir, twitter, myshoutbox öyle,
Başka sebep ve örnek var mı?

Ben mobildenim. Scrollbar yok bende. ilk 15-20 mesajdan sonrası okunmuyor. Yeni mesajları okuyamıyorum. @admin

[admin]

bu dediğiniz güzel bir sebep. 

[kaRanLık-61]

Ne dediğinizi anladım, neden olduğunu,
Sebebi, mantaliteyi anlamaya çalışıyorum
Örnekler de olabilir, twitter, myshoutbox öyle,
Başka sebep ve örnek var mı?

Ben mobildenim. Scrollbar yok bende. ilk 15-20 mesajdan sonrası okunmuyor. Yeni mesajları okuyamıyorum. @admin

büyük ihtimal ekran boyutun küçük gerekli çözünürlük yok bu yüzden çıkmıyor yada scrolbar kodunu mobil desteği yok.

[admin]

Not:
kullanılan div'ler yeni html ve css lerde olmalı, zira javascript ile yapılan iş var, o divler olmazsa çalışmaz. 
ama divleri görünmez veya sıfır genişlikli yaparsınız, divler böylece gizli olabilir. örnek html ve css lere bakın. 
en son dosyalar: sohbet15.html ve sohbet15.css (14 mart itibariyle)

[admin]

Bu nasıl:
http://destek.10tl.net/sohbet15.php?htmladi=sohbet16.html&css=sohbet16.css

Arkadaşlar bundan sonra yapılabilecekler çok daha fazla, çok şey mümkün yani, 
html-css bilenler alternatifler üretmeli, 

yeni yazıların yukarda çıkmasını, hatta mobil versiyon bir htmlyi de yakında hazırlarız.
mobil sayfayı hazırlayanlara repler de geliyor... 

[Ciri]

mobil sohbet mi yani @admin 
CSS Media sağolsun halleder bu işi.

[xoxox]

Mobil sohbet için bir android uygulama çıkartsak ? Daha iyi olmaz mı mobil için ?

[admin]

Mobil sohbet için bir android uygulama çıkartsak ? Daha iyi olmaz mı mobil için ?

Var mı android uygulaması yapabilecek olan?
Veya html5 yapsak, aynı andoid gibi çalışsa..

[QuitterTR]

Mobil sohbet için bir android uygulama çıkartsak ? Daha iyi olmaz mı mobil için ?

Var mı android uygulaması yapabilecek olan?
Veya html5 yapsak, aynı andoid gibi çalışsa..

Katılıyorum Hocam.
Bence Telefondakiler İçin Özel Sohbet Çıkaralım + Mobil Uyumlu Tema Lazım Zorlanıyoruz.

[admin]

Arkadaşlar, sizlerin de sohbeti kendi kafanıza göre geliştirebilmesi için html ve css'i (hemen hemen) serbestçe belirleyebileceğiniz sistemi yaptık burada, 
şuanda, çeşitli sohbet dizaynları yapmak gerekiyor, bu işten anlayan herkes buraya alternatif sohbetler yapabilir. 
özellikle ve öncelikle, html5 tasarımlara ağırlık verebilirsiniz ve, html5 ile mobile uygun tasarım yapabilirsiniz. 

[Ufufuk]

Yeni sohbet cssleri:
http://destek.10tl.net/sohbet12.php?css=users/grafikhocasi/themes/theme2/sohbet.css
http://grafikhocasi.10tr.net/sohbet15.php?css=images/sohbet_hadiyukle.css
http://grafikhocasi.10tr.net/sohbet15.php?css=images/sohbet_grafikhocasi.css  (1. ile aynı şuan)
http://forumuk.10tr.net/sohbet12.php?css=users/forumuk/themes/theme6/sohbetim.css
http://destek.10tl.net/sohbet15.php?css=images/sohbetim.css  (bi üstteki ile aynı olması lazım, üsttekini sahibi değiştirmediyse)


aynı şekilde, siz de yeni cssler yazabilirsiniz. 
Hatta şunu söyleyebilirim, güzel css ler yapın, içine kendi forumunuzun da küçük reklamını (küçük bir link olarak) koyun, 
yeterince güzel yaparsanız insanlar onu kullanır ve forumunuzun da hiti artar.. 

Yok sohbetim css'sini değiştirmedim öyle kalacak o :),

Android uyumlu yapmayı deneyeceğim bilgisayardan yapıp tel'den denerim onada farklı css vereceğim sohbetim yerine

2-3 telefonla (boyları farklı)

@admin

[newsong30]

@admin @ufufuk şimdilik görünüşü güzel bişey yaptım sence nasıl :) Yakında Bunun farklı renklerini ve farklı özelliklilerini yapacam. Şimdilik Özellik yok fakat düşüncelerim şöyle;
1-Dediğinin Gibi Mobil Uyumlu Olacak.
2-Mobilde Kendine Özel Klavyesi Olacak.
3-CSS Yazan Şeyler Yerine Açılır Menü :) Açıncada CSSler Alt Alta CSS1 CSS2... Sıralanır :)
4-İsterseniz İşin İçine Biraz Falash Efekti Katabilirim. [Yani ActionScript İle Eklemeler Yapabilirim :)]
5-Yeni Yazı Geldiğinde Bildirim Sesi :)
6-Perspektif Efektler [HTML5+CSS ile Basitçe Oluyor]
7-Giren Kişilerin Avatarlarının Gözükmesi
8-Seçtiğiniz Kişi İle Özel Konuşma
9-Yazıların Facebooktaki Gibi Balon İçinde Olması
10-Sizin İstediğiniz Diğer Şeyler Admin'im :)

Bu İş Kolayda Değil Zorda Değil Yardım Etmek İsteyenler PM'den Bana

Yardım+

Şeklinde Mesaj Atsın.

Şimdilik Sadece Teması Olan Projem Şöyle :)

http://destek.10tl.net/sohbet15.php?foc=1&css=http://skor.pe.hu/CSS-SOHBETIM/sohbetN30-CSS.css&htmladi=http://skor.pe.hu/CSS-SOHBETIM/sohbetN30-KODUM.html

[Ufufuk]

Biraz kaba durmuş ama o dediklerini pek kolay yapamassın :) html kodlarını istediğimiz gibi yönetemiyoruz. Ben böyle birşey yapmayı deniyeceğim.