پرش به محتوا

فونت متحرک - فراغیب

از فراغیب
صفحه‌ای تازه حاوی «<html> <style> .sanjab-box { direction: rtl; text-align: center; font-family: Tahoma, Arial, sans-serif; font-size: 50px; font-weight: bold; line-height: 1.6; color: #1a202c; margin: 20px 0; min-height: 80px; } .sanjab-txt { border-left: 3px solid #ff7a00; padding-left: 5px; display: inline; } .sanjab-cursor-blink { animation: sj-blink 0.8s infinite; } @keyframes sj-blink { 0%,...» ایجاد کرد
 
جایگزینی صفحه با ' <html> <div class="sanjab-typewriter" data-text="{{{1|}}}"></div> </html>'
برچسب: جایگزین شد
 
(۲ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<html>
<style>
.sanjab-box {
    direction: rtl;
    text-align: center;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 50px;
    font-weight: bold;
    line-height: 1.6;
    color: #1a202c;
    margin: 20px 0;
    min-height: 80px;
}


.sanjab-txt {
    border-left: 3px solid #ff7a00;
    padding-left: 5px;
    display: inline;
}


.sanjab-cursor-blink {
<html>
    animation: sj-blink 0.8s infinite;
}
 
@keyframes sj-blink {
    0%, 100% { border-color: #ff7a00; }
    50% { border-color: transparent; }
}
</style>
 
<div class="sanjab-box">
    <span id="sanjab-target-{{{id|1}}}" class="sanjab-txt sanjab-cursor-blink"></span>
</div>
 
<img src="x" onerror='
    (function() {
        var text = "{{{1|متن پیش‌فرض}}}";
        var target = document.getElementById("sanjab-target-{{{id|1}}}");
        var i = 0;
        var tokens = [];
 
        var tempText = text;
        while (tempText.length > 0) {
            if (tempText.startsWith("<br>")) {
                tokens.push("<br>");
                tempText = tempText.substring(4);
            } else {
                tokens.push(tempText[0]);
                tempText = tempText.substring(1);
            }
        }


        function type() {
<div class="sanjab-typewriter" data-text="{{{1|}}}"></div>
            if (i < tokens.length) {
                if (tokens[i] === "<br>") {
                    target.innerHTML += "<br>";
                } else {
                    target.innerHTML += tokens[i];
                }
                i++;
                setTimeout(type, 70);
            } else {
                setTimeout(function() {
                    target.innerHTML = "";
                    i = 0;
                    type();
                }, 2500);
            }
        }


        setTimeout(type, 500);
    })();
' style="display:none;">
</html>
</html>

نسخهٔ کنونی تا ‏۳۰ ژوئیهٔ ۲۰۲۶، ساعت ۱۷:۳۷