<!doctype html><html lang="tr"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>CaraChat – 2000'lerin Caramail sohbeti, PHP ile yeniden yapıldı (ücretsiz, çevrimiçi)</title> <meta name="description" content="CaraChat, 2002'nin Caramail sohbet istemcisini PHP ile yeniden yaratıyor: odalar, özel sohbetler, renkli takma adlar, gökkuşağı ve dalga yazı ve orijinal çizilmiş smiley'ler. Ücretsiz, tarayıcıda."> <link rel="canonical" href="https://{{DOMAIN}}/tr/"> <link rel="alternate" hreflang="fr" href="https://{{DOMAIN}}/"> <link rel="alternate" hreflang="en" href="https://{{DOMAIN}}/en/"> <link rel="alternate" hreflang="es" href="https://{{DOMAIN}}/es/"> <link rel="alternate" hreflang="de" href="https://{{DOMAIN}}/de/"> <link rel="alternate" hreflang="it" href="https://{{DOMAIN}}/it/"> <link rel="alternate" hreflang="pt" href="https://{{DOMAIN}}/pt/"> <link rel="alternate" hreflang="nl" href="https://{{DOMAIN}}/nl/"> <link rel="alternate" hreflang="pl" href="https://{{DOMAIN}}/pl/"> <link rel="alternate" hreflang="ru" href="https://{{DOMAIN}}/ru/"> <link rel="alternate" hreflang="uk" href="https://{{DOMAIN}}/uk/"> <link rel="alternate" hreflang="tr" href="https://{{DOMAIN}}/tr/"> <link rel="alternate" hreflang="ja" href="https://{{DOMAIN}}/ja/"> <link rel="alternate" hreflang="zh" href="https://{{DOMAIN}}/zh/"> <link rel="alternate" hreflang="ko" href="https://{{DOMAIN}}/ko/"> <link rel="alternate" hreflang="x-default" href="https://{{DOMAIN}}/"> <link rel="icon" href="../images/favicon.png"> <meta property="og:type" content="website"> <meta property="og:title" content="CaraChat – 2000'lerin Caramail sohbeti"> <meta property="og:description" content="Odalar, özel sohbetler, renkler, gökkuşağı ve orijinal smiley'ler: 2002'nin sohbeti PHP ile yeniden yapıldı."> <meta property="og:url" content="https://{{DOMAIN}}/tr/"> <meta property="og:image" content="https://{{DOMAIN}}/images/og.png"> <meta property="og:locale" content="tr_TR"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="CaraChat – 2000'lerin Caramail sohbeti"> <meta name="twitter:description" content="Odalar, özel sohbetler, renkler, gökkuşağı ve orijinal smiley'ler: 2002'nin sohbeti PHP ile yeniden yapıldı."> <meta name="twitter:image" content="https://{{DOMAIN}}/images/og.png"> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "WebApplication", "name": "CaraChat", "description": "JumPHP ile PHP'de yeniden yaratılan 2002 tarihli Caramail sohbet istemcisi: odalar, özel sohbetler, renkler, gökkuşağı ve dalga yazı, orijinal çizilmiş smiley'ler.", "url": "https://{{DOMAIN}}/tr/", "applicationCategory": "CommunicationApplication", "operatingSystem": "Web browser, Linux, Windows, macOS", "image": "https://{{DOMAIN}}/images/og.png", "screenshot": ["https://{{DOMAIN}}/images/chat.png", "https://{{DOMAIN}}/images/rooms.png", "https://{{DOMAIN}}/images/search.png", "https://{{DOMAIN}}/images/private.png", "https://{{DOMAIN}}/images/phone.png", "https://{{DOMAIN}}/images/login.png"], "isAccessibleForFree": true, "offers": {"@type": "Offer", "price": "0", "priceCurrency": "EUR"}, "potentialAction": {"@type": "UseAction", "target": "https://{{DOMAIN}}/play/"}} </script> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ {"@type": "Question", "name": "Smiley nasıl yapılır?", "acceptedAnswer": {"@type": "Answer", "text": "2002'deki gibi: gözler, bir burun ve bir ağız, örneğin :-) ;-) 8-) :o) ya da Noel Baba için :#). Burun zorunludur. Smiley'den sonra gelen bir rakam rengini değiştirir (:-)2), #c veya #d bir el ekler. #00 ile #14 arası çizimlerdir: #13 bir kalptir."}}, {"@type": "Question", "name": "Sunucu gerekli mi?", "acceptedAnswer": {"@type": "Answer", "text": "Evet: CaraChat Serveur sohbet sunucusu (PHP, veritabanı yok) herhangi bir makinede Docker içinde çalışır, ardından bağlantı penceresinde adresi ve portu (4500) belirtilir."}} ]} </script> <style> :root { --gris: #c0c0c0; --bleu: #0000ff; --nuit: #1a1a8c; --rose: #ff00c8; } * { box-sizing: border-box; } body { margin: 0; font-family: Helvetica, Arial, sans-serif; background: var(--gris); color: #000; line-height: 1.5; } header { background: #404040; color: #fff; padding: 12px 16px; } header .wrap { display: flex; align-items: center; gap: 12px; } header img { width: 40px; height: 40px; image-rendering: pixelated; } header strong { font-size: 1.4rem; color: #fff; } .wrap { max-width: 1040px; margin: 0 auto; } main { padding: 0 16px 40px; } .langs { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 13px; margin: 10px 0 0; padding: 0; } .langs a { color: var(--nuit); } h1 { color: var(--bleu); font-size: 2.2rem; margin: 28px 0 8px; } h2 { color: var(--nuit); border-bottom: 2px solid #808080; padding-bottom: 4px; margin-top: 40px; } .lead { font-size: 1.15rem; max-width: 760px; } .play { display: inline-block; background: var(--bleu); color: #fff; font-weight: bold; font-size: 1.25rem; padding: 14px 28px; border-radius: 6px; text-decoration: none; margin: 12px 0 24px; } .play:hover { background: var(--nuit); } figure { margin: 0; background: #fff; border: 1px solid #808080; padding: 6px; } figure img { display: block; width: 100%; height: auto; } figcaption { font-size: .9rem; color: #646464; padding: 6px 2px 0; } .grid { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; align-items: start; } .card { background: #fff; border: 1px solid #808080; padding: 12px 16px; } code { background: #eeeeff; padding: 1px 4px; border-radius: 3px; } .help h3 { color: #990000; font-size: 1.05rem; margin: 18px 0 6px; } .help .note { color: #646464; font-size: .9rem; } .rainbow span:nth-child(9n+1) { color: #ff00c8 } .rainbow span:nth-child(9n+2) { color: #6e265f } .rainbow span:nth-child(9n+3) { color: #7d0000 } .rainbow span:nth-child(9n+4) { color: #1a1a8c } .rainbow span:nth-child(9n+5) { color: #0000ff } .rainbow span:nth-child(9n+6) { color: #147300 } .rainbow span:nth-child(9n+7) { color: #9b9b14 } .rainbow span:nth-child(9n+8) { color: #ff9d00 } .rainbow span:nth-child(9n) { color: #ff0000 } .shots { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .shots .phone img { max-width: 260px; margin: 0 auto; } @media (max-width: 720px) { .shots { grid-template-columns: 1fr; } } footer { font-size: .85rem; color: #404040; padding: 24px 16px; border-top: 1px solid #808080; } @media (max-width: 720px) { .grid { grid-template-columns: 1fr; } h1 { font-size: 1.7rem; } } </style></head><body><header><div class="wrap"><img src="../images/favicon.png" alt="Uygulamacığın göz kırpan smiley'si" width="40" height="40"><strong>CaraChat</strong></div></header><main class="wrap"> <nav class="langs" aria-label="Diller"> <a href="../" lang="fr" hreflang="fr">Français</a> <a href="../en/" lang="en" hreflang="en">English</a> <a href="../es/" lang="es" hreflang="es">Español</a> <a href="../de/" lang="de" hreflang="de">Deutsch</a> <a href="../it/" lang="it" hreflang="it">Italiano</a> <a href="../pt/" lang="pt" hreflang="pt">Português</a> <a href="../nl/" lang="nl" hreflang="nl">Nederlands</a> <a href="../pl/" lang="pl" hreflang="pl">Polski</a> <a href="../ru/" lang="ru" hreflang="ru">Русский</a> <a href="../uk/" lang="uk" hreflang="uk">Українська</a> <strong lang="tr" aria-current="page">Türkçe</strong> <a href="../ja/" lang="ja" hreflang="ja">日本語</a> <a href="../zh/" lang="zh" hreflang="zh">中文</a> <a href="../ko/" lang="ko" hreflang="ko">한국어</a> </nav> <h1>2000'lerin sohbeti geri döndü</h1> <p class="lead">CaraChat, 2002'nin Caramail sohbet uygulamacığını PHP ile yeniden yaratıyor: odalar, özel sohbetler, pembe ve mavi takma adlar, <span class="rainbow"><span>g</span><span>ö</span><span>k</span><span>k</span><span>u</span><span>ş</span><span>a</span><span>ğ</span><span>ı</span></span>ve dalga biçimli yazı ve tam eskiden olduğu gibi çizilmiş smiley'ler.</p> <a class="play" href="../play/?lang=tr">Sohbete gir</a> <figure> <img src="../images/chat.png" alt="CaraChat'in Accueil (Ana sayfa) odası: renkli cümleler, smiley'ler, bulunanların listesi ve sekmeler" width="1024" height="700"> <figcaption>Bir oda: renkli cümleler, gökkuşağı, smiley'ler, sağda bulunanlar ve turuncu yanıp sönen bir özel sohbet.</figcaption> </figure> <h2>Uygulamacığın sekmeleri</h2> <div class="shots"> <figure><img src="../images/rooms.png" alt="Salons sekmesi: kalıcı odalar, herkese açık veya özel oda oluşturma" width="1024" height="700" loading="lazy"><figcaption>Salons (odalar): kalıcı odalar ve üyelerin odaları, oda oluşturma.</figcaption></figure> <figure><img src="../images/search.png" alt="Connecté(e)s sekmesi: çevrimiçi olanların listesi ve takma ada, yaşa, cinsiyete göre arama" width="1024" height="700" loading="lazy"><figcaption>Connecté(e)s (çevrimiçi): takma ada veya şehre, yaşa ve cinsiyete göre arama.</figcaption></figure> <figure><img src="../images/private.png" alt="Seçenekleriyle bir özel diyalog ve özel smiley paleti" width="1024" height="700" loading="lazy"><figcaption>Bir özel diyalog, seçenekleri ve özel smiley'ler.</figcaption></figure> <figure class="phone"><img src="../images/phone.png" alt="Telefonda CaraChat" width="390" height="760" loading="lazy"><figcaption>Telefonda.</figcaption></figure> </div> <h2>Geri dönenler</h2> <div class="grid"> <div class="card"> <ul> <li><strong>Uygulamacığın arayüzü</strong>, birebir yeniden çizildi: Salons (odalar), Connecté(e)s (çevrimiçi), Options ve Ami(e)s (arkadaşlar) sekmeleri, oda ve her özel sohbet için bir sekme (en fazla 20) ki turuncuya döner, « Dialogue » ve « Membres du salon » (oda üyeleri) çerçeveleri, « Message privé » (özel mesaj), « Pas de nouveaux PVs » (yeni özel sohbet yok), « Problème de comportement » (davranış sorunu).</li> <li><strong>Telefonda</strong> da, 14 dilde (tarayıcınızınki, Options sekmesinden değiştirilebilir).</li> <li><strong>Odalar</strong>: kalıcı olanlar ve üyelerin odaları, herkese açık veya özel; dolu bir oda (40) « Salon* » odasına taşar.</li> <li><strong>Özel sohbetler</strong>: bir takma ada çift tıklayın veya odadan <code>/takmaad mesaj</code> yazın.</li> <li><strong>Arama</strong>: takma ada veya şehre göre, yaş aralığı ve cinsiyetle.</li> <li><strong>Renkler</strong> (gökkuşağı dahil 12) ve boyutlar (dalga dahil), profile göre renklendirilen takma adlar, size seslenildiğinde kalın yazılan takma adınız.</li> <li><strong>Moderasyon</strong>: atma, moderatör çağırma, birini yok sayma, « yeni özel sohbet yok », meşgul.</li> </ul> </div> <figure> <img src="../images/login.png" alt="Bağlantı penceresi: takma ad, yaş, şehir, cinsiyet ve sunucu" width="520" height="447"> <figcaption>Bağlantı: profiliniz ve sunucu.</figcaption> </figure> </div> <h2>Orijinal smiley'ler</h2> <p>Bunlar resim değil, çizim koduydu: bu kod uygulamacıktan okundu ve piksel piksel yeniden oynatıldı. Gözler <code>:;8B%</code>, başı seçen bir burun <code>-o#!*$</code> (palyaço, Noel Baba, bira bardağı, maske…), bir ağız <code>)(DPO|</code>: <code>:-)</code>, <code>;-)</code>, <code>8-)</code>, <code>:o)</code>, <code>:#)</code>. Bir rakam yüzü renklendirir (<code>:-)2</code>), <code>#c</code> / <code>#d</code> bir el ekler, <code>#00</code> ile <code>#14</code> arası çizimlerdir: bomba, oyuncak ayı, çam ağacı, yunus, kalp <code>#13</code>… Ve « Smileys » paletindeki 60 resim (hamburger <code>@00</code>, kalp <code>@11</code>, pasta <code>@09</code>…) orijinal <code>smiley.gif</code> dosyasından gelir.</p> <figure> <img src="../images/smileys.png" alt="Odadan çizilmiş smiley'li cümleler: yüzler, kalp, çam ağacı, müzik notası" width="900" height="319"> </figure> <h2>Orijinal kullanım kılavuzu</h2> <p>Caramail canlı sohbetinin çevrimiçi yardımı (1999), olduğu gibi alındı, Fransızca: <a href="../aide.html">canlı sohbet nedir, herkese açık veya özel oda oluşturma, özel mesaj gönderme (Fransızca yardım)</a>.</p> <h2>Sunucu</h2> <p><strong>CaraChat Serveur</strong> sunucusu, 2012 kaynaklarından yola çıkılarak PHP 8 ile yeniden yazıldı, veritabanı kullanmaz ve jumphp.net üzerinde Docker içinde çalışır. Uygulamacığın protokolünü birebir konuşur (kare başına bir satır, sekmelerle ayrılmış alanlar), eskisi gibi TCP üzerinden ya da 443 numaralı portta WebSocket ile (<code>wss://caramail.jumphp.net/ws</code>): bağlantı her yerden geçer, güvenlik duvarının arkasından bile.</p> <a class="play" href="../play/?lang=tr">CaraChat'i aç</a></main><footer class="wrap">CaraChat, JumPHP ile yapılmış resmî olmayan bir yeniden yaratımdır. Orijinal uygulamacık (net.spray.chat, 2002) ve PHP sunucusu « NewCaraChat » (2012) yazarlarına aittir.</footer></body></html>