Kod Önizleme, Düzenleme ve Kaydetme Aracı

Dosya Gezgini
    555₺ Deneme
    10.000₺ Hoşgeldin Bonusu
    Giriş Yap
    RSL
    Hata Günlüğü
    Butonların İşlevleri
    • Kodu Biçimlendir: Aktif sekmedeki kodu düzenler.
    • Kodu Kopyala: Aktif sekmedeki kodu panoya kopyalar.
    • Kodu İndir: Tüm kodu bir HTML dosyası olarak indirir.
    • Sıfırla: Kodları varsayılan değerlere döndürür.
    • Koyu Tema: Arayüzü koyu temaya geçirir.
    • Geri Al: Aktif sekmedeki son değişikliği geri alır.
    • İleri Al: Geri alınan değişikliği ileri alır.
    • HTML/CSS/JS Yükle: Dosya yükleyerek kod ekler.
    • Paylaş: Kodları bir bağlantı olarak paylaşır.
    • Yardım: Bu yardım penceresini açar.
    • Hata Günlüğü: JavaScript hatalarını gösterir.
    • İkiye Ayır: Önizlemeyi ayrı bir pencereye taşır.
    • Yeni Pencere: Önizlemeyi yeni bir pencerede açar.
    • Tam Ekran: Önizleme alanını tam ekran yapar/küçültür.
    • Projeler: Kayıtlı projeleri gösterir ve yönetir.
    • Dosya Gezgini: Sanal dosya sistemini açar.
    • Ara ve Değiştir: Kod içinde arama yapar ve değiştirir.
    • Çoklu İmleç: Aynı anda birden fazla yerde düzenleme yapar.
    • Komut Paleti: Hızlı komut erişimi sağlar.
    • Önizleme Modu: Otomatik veya manuel önizleme arasında geçiş yapar.
    • Önizlemeyi Güncelle: Manuel modda önizlemeyi günceller.
    Projelerim

        20kapak

        • Ana Sayfa
        • lazım1
        • alternatif kod düzenleme
        • Kod onizleme
        • code editor
        • kod yöneticisi
        • kod düzenleyici
        • BetFury: Kripto ile Eğlence ve Kazanç Dünyası, Günlük Çark ile Sınırsız Çekim
        • video
        • deneme sayfasi
        • Galeri
        • Forum
        • iletisim
        • koder
        • editor
        • Link listesi
        • Top liste
        • Ziyaretçi defteri
        • Gizlilik Politikası

        Forum




        Forum - title kodu

        Burdasın:
        Forum => DOSYALAR => title kodu

        <-Geri

        		 1 

        Devam->


        admini (Ziyaretçi)
        03.05.2025 00:56 (UTC)[alıntı yap]
        HTML:
        Kaynak kodu:
        <br /> <!DOCTYPE html><br /> <html lang="tr"><br /> <head><br />     <meta charset="UTF-8"><br />     <meta name="viewport" content="width=device-width, initial-scale=1.0"><br />     <title>Genel Açılır Açıklama</title><br />     <style><br />         body {<br />             font-family: Arial, sans-serif;<br />             display: flex;<br />             flex-direction: column;<br />             align-items: center;<br />             gap: 20px;<br />             height: 100vh;<br />             margin: 0;<br />             background: #f0f0f0;<br />         }<br />         button {<br />             position: relative;<br />             padding: 10px 20px;<br />             border: none;<br />             border-radius: 4px;<br />             cursor: pointer;<br />         }<br />         #description {<br />             display: none;<br />             position: absolute;<br />             top: 100%;<br />             left: 0;<br />             z-index: 10;<br />         }<br />         #description::before {<br />             content: '';<br />             position: absolute;<br />             top: -6px;<br />             left: 10px;<br />             border-left: 6px solid transparent;<br />             border-right: 6px solid transparent;<br />             border-bottom: 6px solid #333;<br />         }<br />     </style><br /> </head><br /> <body><br />     <!-- Örnek butonlar, data-tooltip attribute ile --><br />     <button onclick="openSaveModal()" style="color: #b6b8bb; background: #f4433636 !important;" data-tooltip="Foruma kaydetme işlemi"><br />         Foruma Kaydet<br />     </button><br />     <button onclick="showErrors()" data-tooltip="Hata konsolu"><br />         Consol<br />     </button><br />     <button onclick="showProjects()" data-tooltip="Projeleri listele"><br />         Projeler<br />     </button><br /> <br />     <!-- Tek açıklama div'i --><br />     <div id="description"></div><br /> <br />     <script><br />         document.addEventListener("DOMContentLoaded", function() {<br />             const buttons = document.querySelectorAll("button[data-tooltip]");<br />             const description = document.getElementById("description");<br />             buttons.forEach(function(button) {<br />                 button.addEventListener("mouseenter", function() {<br />                     description.style.display = "block";<br />                     description.style.background = "#333";<br />                     description.style.color = "#fff";<br />                     description.style.padding = "8px";<br />                     description.style.borderRadius = "4px";<br />                     description.style.fontSize = "14px";<br />                     description.style.width = "150px";<br />                     description.textContent = button.getAttribute("data-tooltip");<br />                     description.style.left = button.offsetLeft + "px";<br />                     description.style.top = (button.offsetTop + button.offsetHeight) + "px";<br />                 });<br />                 button.addEventListener("mouseleave", function() {<br />                     description.style.display = "none";<br />                     description.textContent = "";<br />                 });<br />             });<br />         });<br />         function openSaveModal() {<br />             console.log("Foruma Kaydet tıklandı.");<br />         }<br />         function showErrors() {<br />             console.log("Consol tıklandı.");<br />         }<br />         function showProjects() {<br />             console.log("Projeler tıklandı.");<br />         }<br />     </script><br /> </body><br /> </html><br />


        CSS:
        Kaynak kodu:
        <br /> <br />


        JavaScript:
        Kaynak kodu:
        <br /> <br />

        Cevapla:

        Nickin:

         Metin rengi:

         Metin büyüklüğü:
        Tag leri kapat


        Bütün konular: 9
        Bütün postalar: 12
        Bütün kullanıcılar: 3

        Üyelik gerektirmez !
        Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
        Ücretsiz kaydol