• 27-01-2025, 20:54:45
    #1
    Merhaba, blog'da herhangi bir yayını okurken herhangi bir kullanıcının yayın içinde ki yazıların boyutunu otomatik olarak büyütüp küçültebiliyor. Bu kodları bilen var mı? Hangi kodlama dilinde olduğu konusunda fikrim yok.
  • 28-01-2025, 13:01:51
    #2
    örnek atar mısınız hocam ?
  • 07-02-2025, 05:24:35
    #3
    aşağıya örnek bırakıyorum geri kalanını siz düzenlersiniz, saygılar

    <script>
        window.onload = function (event) {
            const blog = document.querySelector('.blog');
            const storedFontSize = localStorage.getItem('FontBoyutu');
            if (storedFontSize) {
                blog.style.fontSize = storedFontSize;
            }
            document.querySelector('.FontArt').addEventListener('click', () => {
                changeFontSize('Art');
            });
            document.querySelector('.FontAzal').addEventListener('click', () => {
                changeFontSize('Azal');
            });
            function changeFontSize(action) {
                const blog = document.querySelector('.blog');
                let currentFontSize = parseFloat(window.getComputedStyle(blog).fontSize);
                if (action === 'Art') {
                    currentFontSize *= 1.1;
                } else if (action === 'Azal') {
                    currentFontSize /= 1.1;
                }
                blog.style.fontSize = `${currentFontSize}px`;
                localStorage.setItem('FontBoyutu', blog.style.fontSize);
            }
        };
    </script>
    
    <div class="controls">
        <a href="#" class="FontArt">A+</a>
        <a href="#" class="FontAzal">A-</a>
    </div>
    <div class="blog">
        <p>Bu bir blog yazısıdır. Yazı boyutunu değiştirerek rahatça okuyabilirsiniz.</p>
        <p>Burada başka bir paragraf yer alıyor. Yazıyı büyütmek ve küçültmek için "A+" ve "A-" linklerine tıklayabilirsiniz.</p>
        <p>İçeriğin okunabilirliğini artırmak için yazı boyutları üzerinde kontrol sağlayabilirsiniz.</p>
    </div>
  • 07-02-2025, 10:32:51
    #4
    ghostdizayn adlı üyeden alıntı: mesajı görüntüle
    aşağıya örnek bırakıyorum geri kalanını siz düzenlersiniz, saygılar

    <script>
        window.onload = function (event) {
            const blog = document.querySelector('.blog');
            const storedFontSize = localStorage.getItem('FontBoyutu');
            if (storedFontSize) {
                blog.style.fontSize = storedFontSize;
            }
            document.querySelector('.FontArt').addEventListener('click', () => {
                changeFontSize('Art');
            });
            document.querySelector('.FontAzal').addEventListener('click', () => {
                changeFontSize('Azal');
            });
            function changeFontSize(action) {
                const blog = document.querySelector('.blog');
                let currentFontSize = parseFloat(window.getComputedStyle(blog).fontSize);
                if (action === 'Art') {
                    currentFontSize *= 1.1;
                } else if (action === 'Azal') {
                    currentFontSize /= 1.1;
                }
                blog.style.fontSize = `${currentFontSize}px`;
                localStorage.setItem('FontBoyutu', blog.style.fontSize);
            }
        };
    </script>
    
    <div class="controls">
        <a href="#" class="FontArt">A+</a>
        <a href="#" class="FontAzal">A-</a>
    </div>
    <div class="blog">
        <p>Bu bir blog yazısıdır. Yazı boyutunu değiştirerek rahatça okuyabilirsiniz.</p>
        <p>Burada başka bir paragraf yer alıyor. Yazıyı büyütmek ve küçültmek için "A+" ve "A-" linklerine tıklayabilirsiniz.</p>
        <p>İçeriğin okunabilirliğini artırmak için yazı boyutları üzerinde kontrol sağlayabilirsiniz.</p>
    </div>



    edit:

    @ghostdizayn; Oldu hocam, çok teşekkür ederim. Kafama göre bir kaç düzenleme yaptım. Float, fieldset, legend gibi. Bir çok kişinin işine yarayacağını tahmin ediyorum. Teşekkürler tekrardan.
    ----------------------------------------------------------------------
    Teşekkürler hocam. Ev'e geçince deneyeceğim.