Tasarım hakkında soru

21-04-2024, 15:38:55

Merhabalar bir ödevim var ve anket doldurması gerekiyor insanların fakat bu dönemde herkes paylaşım yaptığı için farklı bir şey denemek istiyorum. Anket linkini yazacağım mesaja görsel ekleyeceğim. Ancak eklediğim görsel gruptan biri grubu ilk açtığında önüne çıkan ekranda 'buraya tıklayınız' gibi bir görüntüyle karşılaşmasını ve görsele tıkladığında ise 'araştırmama destek olur musunuz' yazan kısımların görünmesini istiyorum bunu nasıl yapabilirim ?

21-04-2024, 15:46:31

#2

kalipsotr

Altta verdiğim kodu, bu siteye yazın ve kendi isteğinize göre düzenleyin. Host veya domaine gerek yok GitHub'dan yapabilirsiniz.

https://realtimehtml.com/

Not: tam isteğiniz değil ancak bu koddan yola çıkabilirsiniz.

<!DOCTYPE html>
<html>
<head>
    <title>Anket</title>
    <style>
        /* Basit CSS stil tanımları */
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            text-align: center;
            margin-top: 50px;
        }
        .container {
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .survey-btn {
            display: inline-block;
            padding: 10px 20px;
            background-color: #007bff;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s ease;
        }
        .survey-btn:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>Anketimize Katılın!</h2>
        <p>Merhaba! Lütfen aşağıdaki butona tıklayarak anketimize katılın.</p>
        <!-- Buton -->
        <a href="https://www.r10.net/members/116386-kalipsotr.html" target="_blank" class="survey-btn">
            Buraya Tıklayınız
        </a>
        <p>Araştırmama destek olur musunuz?</p>
    </div>
</body>
</html>

21-04-2024, 16:04:55

#3

Faryal

kalipsotr adlı üyeden alıntı: mesajı görüntüle

Altta verdiğim kodu, bu siteye yazın ve kendi isteğinize göre düzenleyin. Host veya domaine gerek yok GitHub'dan yapabilirsiniz.

https://realtimehtml.com/

Not: tam isteğiniz değil ancak bu koddan yola çıkabilirsiniz.

<!DOCTYPE html>
<html>
<head>
    <title>Anket</title>
    <style>
        /* Basit CSS stil tanımları */
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            text-align: center;
            margin-top: 50px;
        }
        .container {
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .survey-btn {
            display: inline-block;
            padding: 10px 20px;
            background-color: #007bff;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s ease;
        }
        .survey-btn:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>Anketimize Katılın!</h2>
        <p>Merhaba! Lütfen aşağıdaki butona tıklayarak anketimize katılın.</p>
        <!-- Buton -->
        <a href="https://www.r10.net/members/116386-kalipsotr.html" target="_blank" class="survey-btn">
            Buraya Tıklayınız
        </a>
        <p>Araştırmama destek olur musunuz?</p>
    </div>
</body>
</html>

çok faydalı fakat whatsapp üzerinden paylaşacağım için görsel olması benim için daha iyi olur tabii bu seçeneği daha iyi değerlendirebilirsem bu şekilde de ilerleyebilirim