Yayın içerisinde yazıların boyutu değiştiren kodlar?
3
●94
- 07-02-2025, 05:24:35aş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:51ghostdizayn adlı üyeden alıntı: mesajı görüntüle
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.
