Sponsorlu banner

MİNİ FONT ÇEVİRİ - TRANSLATE APİ KEY - ÜCRETSİZ KAYNAK KODU

Durum
Üzgünüz bu konu cevaplar için kapatılmıştır...

Anys

Birisi mi Spawnlandı?
Katılım
2 Ağustos 2022
Mesajlar
8
Elmaslar
6
Puan
3.795
Yaş
21
Konum
İstanbul
Minecraft
AnysEmre

Discord:

bizimemrah

ÇEVİRİ OLMADAN MİNİ FONT'A ÇEVİRME​

Mini Font çeviri bir çok kişinin başına bela olmuştur. Bu durumu düzeltmek için HTML, JS, CSS kodu kullanarak​

Mini Font çeviri yapan bir site geliştirdim. Altta bulunan kaynak kodu Google Translate Api Key kullanarak çeviri​

yapan yani İngilizce kelimeleri Türkçeye çevirdikten sonra Mini Font'a çeviren bir sistem olarak geliştirilmiştir.​

​

​

HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Batuhan Ayaz Sağolsun</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 50px;
        }
        input, button {
            padding: 10px;
            margin: 5px;
        }
    </style>
<!-- APİ KEY BELİRLEME / JAVASCRİPT KISIMI -->

    <script>
        async function translateText(text) {
            const response = await fetch(`https://translation.googleapis.com/language/translate/v2?key=SENİN-APİ-KEYİN`, { //Google Translate APİ Keyinizi Girin!
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    q: text,
                    target: 'tr'
                })
            });
            const data = await response.json();
            return data.data.translations[0].translatedText;
        }

        const harfler = {
            'A': 'ᴀ', 'B': 'ʙ', 'C': 'ᴄ', 'D': 'ᴅ', 'E': 'ᴇ', 'F': 'ꜰ', 'G': 'ɢ', 'H': 'ʜ', 'I': 'ɪ', 'J': 'ᴊ', 'K': 'ᴋ', 'L': 'ʟ', 'M': 'ᴍ', 'N': 'ɴ', 'O': 'ᴏ', 'P': 'ᴘ', 'Q': 'ꞯ', 'R': 'ʀ', 'S': 'ꜱ', 'T': 'ᴛ', 'U': 'ᴜ', 'V': 'ᴠ', 'W': 'ᴡ', 'X': 'x', 'Y': 'ʏ', 'Z': 'ᴢ',
            'a': 'ᴀ', 'b': 'ʙ', 'c': 'ᴄ', 'd': 'ᴅ', 'e': 'ᴇ', 'f': 'ꜰ', 'g': 'ɢ', 'h': 'ʜ', 'i': 'ɪ', 'j': 'ᴊ', 'k': 'ᴋ', 'l': 'ʟ', 'm': 'ᴍ', 'n': 'ɴ', 'o': 'ᴏ', 'p': 'ᴘ', 'q': 'ꞯ', 'r': 'ʀ', 's': 'ꜱ', 't': 'ᴛ', 'u': 'ᴜ', 'v': 'ᴠ', 'w': 'ᴡ', 'x': 'x', 'y': 'ʏ', 'z': 'ᴢ'
        };

        async function convertText() {
            let inputText = document.getElementById('inputText').value;
            let translatedText = await translateText(inputText);
            let outputText = '';

            for (let char of translatedText) {
                outputText += harfler[char] || char;
            }

            document.getElementById('outputText').innerText = outputText;
        }
    </script>
</head>
<body>

<h2>Mini Font + Translate Sitesi</h2>
<input type="text" id="inputText" placeholder="Metin girin">
<button onclick="convertText()">Çevir</button>
<p id="outputText"></p>

</body>
</html>

​

​

1730662784319.webp

​

-------------------------------​


ÇEVİRİ VARKEN MİNİ FONT'A ÇEVİRME​

​

Mini Font çeviri bir çok kişinin başına bela olmuştur. Bu durumu düzeltmek için HTML, JS, CSS kodu kullanarak​

Mini Font çeviri yapan bir site geliştirdim. Altta bulunan kaynak kodu girdiğiniz tüm metinleri Mini Font harflerle​

yazmak için geliştirilmiştir. Umarım işinize yarar.​

​


HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Batuhan Ayaz Sağolsun</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 50px;
        }
        input, button {
            padding: 10px;
            margin: 5px;
        }
    </style>
</head>
<body>

<h2>Mini Font Çevirici İşte</h2>
<input type="text" id="inputText" placeholder="Metin girin">
<button onclick="convertText()">Çevir</button>
<p id="outputText"></p>

<script>
    const harfler = {
        'A': 'ᴀ', 'B': 'ʙ', 'C': 'ᴄ', 'D': 'ᴅ', 'E': 'ᴇ', 'F': 'ꜰ', 'G': 'ɢ', 'H': 'ʜ', 'I': 'ɪ', 'J': 'ᴊ', 'K': 'ᴋ', 'L': 'ʟ', 'M': 'ᴍ', 'N': 'ɴ', 'O': 'ᴏ', 'P': 'ᴘ', 'Q': 'ꞯ', 'R': 'ʀ', 'S': 'ꜱ', 'T': 'ᴛ', 'U': 'ᴜ', 'V': 'ᴠ', 'W': 'ᴡ', 'X': 'x', 'Y': 'ʏ', 'Z': 'ᴢ',
        'a': 'ᴀ', 'b': 'ʙ', 'c': 'ᴄ', 'd': 'ᴅ', 'e': 'ᴇ', 'f': 'ꜰ', 'g': 'ɢ', 'h': 'ʜ', 'i': 'ɪ', 'j': 'ᴊ', 'k': 'ᴋ', 'l': 'ʟ', 'm': 'ᴍ', 'n': 'ɴ', 'o': 'ᴏ', 'p': 'ᴘ', 'q': 'ꞯ', 'r': 'ʀ', 's': 'ꜱ', 't': 'ᴛ', 'u': 'ᴜ', 'v': 'ᴠ', 'w': 'ᴡ', 'x': 'x', 'y': 'ʏ', 'z': 'ᴢ'
    };

    function convertText() {
        let inputText = document.getElementById('inputText').value;
        let outputText = '';

        for (let char of inputText) {
            outputText += harfler[char] || char;
        }

        document.getElementById('outputText').innerText = outputText;
    }
</script>

</body>
</html>

​

​

1730663559608.webp
​

​

​

 
Temiz proje, başarılar dilerim batuhancığım ❤️
 
Elinize sağlık, Güzel olmuş tasarımı güzelleştirebiliriz bence daha hoş olabilir.
 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Batuhan Ayaz Sağolsun</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
<style>
body {
font-family: 'Arial', sans-serif;
}
</style>
<script>
async function translateText(text) {
const response = await fetch(`https://translation.googleapis.com/language/translate/v2?key=SENİN-APİ-KEYİN`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
q: text,
target: 'tr'
})
});
const data = await response.json();
return data.data.translations[0].translatedText;
}
const harfler = {
'A': 'ᴀ', 'B': 'ʙ', 'C': 'ᴄ', 'D': 'ᴅ', 'E': 'ᴇ', 'F': 'ꜰ', 'G': 'ɢ', 'H': 'ʜ', 'I': 'ɪ', 'J': 'ᴊ', 'K': 'ᴋ', 'L': 'ʟ', 'M': 'ᴍ', 'N': 'ɴ', 'O': 'ᴏ', 'P': 'ᴘ', 'Q': 'ꞯ', 'R': 'ʀ', 'S': 'ꜱ', 'T': 'ᴛ', 'U': 'ᴜ', 'V': 'ᴠ', 'W': 'ᴡ', 'X': 'x', 'Y': 'ʏ', 'Z': 'ᴢ',
'a': 'ᴀ', 'b': 'ʙ', 'c': 'ᴄ', 'd': 'ᴅ', 'e': 'ᴇ', 'f': 'ꜰ', 'g': 'ɢ', 'h': 'ʜ', 'i': 'ɪ', 'j': 'ᴊ', 'k': 'ᴋ', 'l': 'ʟ', 'm': 'ᴍ', 'n': 'ɴ', 'o': 'ᴏ', 'p': 'ᴘ', 'q': 'ꞯ', 'r': 'ʀ', 's': 'ꜱ', 't': 'ᴛ', 'u': 'ᴜ', 'v': 'ᴠ', 'w': 'ᴡ', 'x': 'x', 'y': 'ʏ', 'z': 'ᴢ'
};
async function convertText() {
let inputText = document.getElementById('inputText').value;
let translatedText = await translateText(inputText);
let outputText = '';
for (let char of translatedText) {
outputText += harfler[char] || char;
}
document.getElementById('outputText').innerText = outputText;
}
</script>
</head>
<body class="bg-gradient-to-br from-purple-400 to-blue-500 flex flex-col items-center justify-center min-h-screen">
<h2 class="text-4xl font-extrabold text-white mb-8 drop-shadow-lg">Mini Font + Translate Sitesi</h2>
<div class="bg-white shadow-lg rounded-lg p-8 max-w-md w-full">
<input type="text" id="inputText" placeholder="Metin girin" class="border border-gray-300 rounded-lg p-3 w-full mb-4 focus:outline-none focus:ring-2 focus:ring-purple-500 transition duration-200">
<button onclick="convertText()" class="bg-gradient-to-r from-blue-500 to-purple-600 text-white rounded-lg p-3 w-full hover:bg-gradient-to-l transition duration-300 transform hover:scale-105">Çevir</button>
</div>
<p id="outputText" class="mt-6 text-lg font-semibold text-white drop-shadow-lg"></p>
</body>
</html>

Böyle daha hoş olabilir diye düşünüyorum.
 
Güzel bir proje olmuş elinize sağlık :heart:
 
Durum
Üzgünüz bu konu cevaplar için kapatılmıştır...

Hala Discord sunucumuza katılmadın mı?

Büyük bir topluluğun parçası ol, etkinliklere katıl ve özel hediyeler kazanma şansı yakala!

Şimdi Katıl