Neler yeni

</> HaxAuth ücretsiz auth </>

reyna' Alıntı:
Sitedeki sol taraftaki kısım taşmış, tab ile butonu birleştirmişsin ve key oluşturma kısmındaki buton ile key sistemindeki butonlar da ilgimi çekti. GPT kullanıp GPT kullanmıyormuş gibi göstermemeni öneririm.
Genişletmek için tıkla ...
Önerin için teşekkürler QWEQHWEOUQWEOPĞUQWOQWE kullanmıyorum
 
Lorida' Alıntı:
Önerin için teşekkürler QWEQHWEOUQWEOPĞUQWOQWE kullanmıyorum
Genişletmek için tıkla ...
rgtgjww.PNG

:coolstory:
 
gpt ile yapmalarına bir şey demiyorum ancak yaptıkları sitede bok gibi oluyor


bu dandik siteyi paylaşıp gpt ile yapılan diğer sitelere bok gibi oluyor demek de nasıl bir kıskançlık bilemedim, garip insanlar var şu forumda :D git önce kendi tasarımını düzelt ondan sonra milletin gptye yaptırdığı tasarımlara laf edersin
 
fantasy' Alıntı:
gpt ile yapmalarına bir şey demiyorum ancak yaptıkları sitede bok gibi oluyor


bu dandik siteyi paylaşıp gpt ile yapılan diğer sitelere bok gibi oluyor demek de nasıl bir kıskançlık bilemedim, garip insanlar var şu forumda :D git önce kendi tasarımını düzelt ondan sonra milletin gptye yaptırdığı tasarımlara laf edersin
Genişletmek için tıkla ...
ben kendi sitemi övmedim evet orada biraz kendimle çelişmiş olabilirim ancak elimden geldiğini yapmaya çalıştım (css dışında) dediğim şey bu tarz şeyleri parayla satanlaraydı
 
Lorida' Alıntı:
ben kendi sitemi övmedim evet orada biraz kendimle çelişmiş olabilirim ancak elimden geldiğini yapmaya çalıştım (css dışında) dediğim şey bu tarz şeyleri parayla satanlaraydı
Genişletmek için tıkla ...
kendiyle çelişen insanları oldum olası sevmemişimdir

AB0FB004-F842-41AA-9C6C-A61381DC7AC7.png


HTML: 
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fantasy Dashboard</title>
    <style>
        :root {
            --primary-color: #6c5ce7;
            --secondary-color: #a55eea;
            --background-dark: #1a1b1e;
            --card-bg: #2d2e32;
            --text-primary: #ffffff;
            --text-secondary: #a0a0a0;
            --success-color: #00b894;
            --danger-color: #d63031;
            --warning-color: #fdcb6e;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
        }

        body {
            background-color: var(--background-dark);
            color: var(--text-primary);
            display: flex;
            min-height: 100vh;
        }

        .sidebar {
            width: 280px;
            background: linear-gradient(135deg, var(--card-bg), #363940);
            padding: 2rem 1rem;
            position: fixed;
            height: 100%;
            transition: all 0.3s ease;
        }

        .sidebar-header {
            padding: 1rem;
            text-align: center;
            border-bottom: 1px solid rgba(61, 142, 185, 0.1);
            margin-bottom: 2rem;
        }

        .sidebar-header h2 {
            font-size: 1.5rem;
            background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 0.5rem;
        }

        .sidebar-menu {
            list-style: none;
        }

        .sidebar-menu li {
            margin-bottom: 0.5rem;
        }

        .sidebar-menu a {
            display: flex;
            align-items: center;
            padding: 1rem 1.5rem;
            color: var(--text-secondary);
            text-decoration: none;
            border-radius: 12px;
            transition: all 0.3s ease;
        }

        .sidebar-menu a:hover {
            background: rgba(108, 92, 231, 0.1);
            color: var(--primary-color);
            transform: translateX(5px);
        }

        .main-content {
            margin-left: 280px;
            padding: 2rem;
            flex: 1;
        }

        .page-header {
            margin-bottom: 2rem;
        }

        .page-header h3 {
            font-size: 1.8rem;
            margin-bottom: 1rem;
            color: var(--text-primary);
        }

        .key-form {
            background: var(--card-bg);
            padding: 2rem;
            border-radius: 16px;
            margin-bottom: 2rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .key-form input {
            width: 70%;
            padding: 1rem 1.5rem;
            border: 2px solid rgba(108, 92, 231, 0.1);
            background: rgba(61, 142, 185, 0.05);
            border-radius: 12px;
            color: var(--text-primary);
            font-size: 1rem;
            transition: all 0.3s ease;
            margin-right: 1rem;
        }

        .key-form input:focus {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 4px rgba(108, 92, 231, 0.1);
        }

        .key-form button {
            padding: 1rem 2rem;
            background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
            border: none;
            border-radius: 12px;
            color: white;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .key-form button:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(108, 92, 231, 0.3);
        }

        .keys-container {
            background: var(--card-bg);
            border-radius: 16px;
            padding: 2rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .keys-container h4 {
            font-size: 1.4rem;
            margin-bottom: 1.5rem;
            color: var(--text-primary);
        }

        .key-list {
            list-style: none;
        }

        .key-item {
            background: rgba(61, 142, 185, 0.05);
            padding: 1.2rem;
            border-radius: 12px;
            margin-bottom: 1rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: all 0.3s ease;
        }

        .key-item:hover {
            background: rgba(61, 142, 185, 0.08);
            transform: translateX(5px);
        }

        .key-info {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .key-actions {
            display: flex;
            gap: 0.8rem;
        }

        .btn {
            padding: 0.6rem 1.2rem;
            border: none;
            border-radius: 8px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .btn-delete {
            background: var(--danger-color);
            color: white;
        }

        .btn-reset {
            background: var(--warning-color);
            color: #2d3436;
        }

        .btn:hover {
            transform: translateY(-2px);
            filter: brightness(110%);
        }

        @media (max-width: 1024px) {
            .sidebar {
                width: 100px;
            }
            .sidebar-header h2 {
                font-size: 1.2rem;
            }
            .main-content {
                margin-left: 100px;
            }
        }

        @media (max-width: 768px) {
            .key-form {
                flex-direction: column;
            }
            .key-form input {
                width: 100%;
                margin-bottom: 1rem;
            }
        }
    </style>
</head>
<body>
    <div class="sidebar">
        <div class="sidebar-header">
            <h2>Fantasy</h2>
            <small>Dashboard</small>
        </div>
        <ul class="sidebar-menu">
            <li><a href="#">Keys</a></li>
            <li><a href="#">Apps</a></li>
            <li><a href="#">Settings</a></li>
        </ul>
    </div>

    <div class="main-content">
        <div class="page-header">
            <h3>Key Management</h3>
        </div>

        <div class="key-form">
            <input type="text" placeholder="Enter key..." required>
            <button type="submit">Generate Key</button>
        </div>

        <div class="keys-container">
            <h4>Active Keys</h4>
            <ul class="key-list">
                <li class="key-item">
                    <div class="key-info">
                        <span>XXXX-YYYY-ZZZZ</span>
                        <span>|</span>
                        <span>HWID: Unknown</span>
                    </div>
                    <div class="key-actions">
                        <button class="btn btn-reset">Reset HWID</button>
                        <button class="btn btn-delete">Delete</button>
                    </div>
                </li>
                <li class="key-item">
                    <div class="key-info">
                        <span>AAAA-BBBB-CCCC</span>
                        <span>|</span>
                        <span>HWID: 123456</span>
                    </div>
                    <div class="key-actions">
                        <button class="btn btn-reset">Reset HWID</button>
                        <button class="btn btn-delete">Delete</button>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>

al bakalım belki işine yarar
 
fantasy' Alıntı:
kendiyle çelişen insanları oldum olası sevmemişimdir

AB0FB004-F842-41AA-9C6C-A61381DC7AC7.png


HTML: 
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fantasy Dashboard</title>
    <style>
        :root {
            --primary-color: #6c5ce7;
            --secondary-color: #a55eea;
            --background-dark: #1a1b1e;
            --card-bg: #2d2e32;
            --text-primary: #ffffff;
            --text-secondary: #a0a0a0;
            --success-color: #00b894;
            --danger-color: #d63031;
            --warning-color: #fdcb6e;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
        }

        body {
            background-color: var(--background-dark);
            color: var(--text-primary);
            display: flex;
            min-height: 100vh;
        }

        .sidebar {
            width: 280px;
            background: linear-gradient(135deg, var(--card-bg), #363940);
            padding: 2rem 1rem;
            position: fixed;
            height: 100%;
            transition: all 0.3s ease;
        }

        .sidebar-header {
            padding: 1rem;
            text-align: center;
            border-bottom: 1px solid rgba(61, 142, 185, 0.1);
            margin-bottom: 2rem;
        }

        .sidebar-header h2 {
            font-size: 1.5rem;
            background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 0.5rem;
        }

        .sidebar-menu {
            list-style: none;
        }

        .sidebar-menu li {
            margin-bottom: 0.5rem;
        }

        .sidebar-menu a {
            display: flex;
            align-items: center;
            padding: 1rem 1.5rem;
            color: var(--text-secondary);
            text-decoration: none;
            border-radius: 12px;
            transition: all 0.3s ease;
        }

        .sidebar-menu a:hover {
            background: rgba(108, 92, 231, 0.1);
            color: var(--primary-color);
            transform: translateX(5px);
        }

        .main-content {
            margin-left: 280px;
            padding: 2rem;
            flex: 1;
        }

        .page-header {
            margin-bottom: 2rem;
        }

        .page-header h3 {
            font-size: 1.8rem;
            margin-bottom: 1rem;
            color: var(--text-primary);
        }

        .key-form {
            background: var(--card-bg);
            padding: 2rem;
            border-radius: 16px;
            margin-bottom: 2rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .key-form input {
            width: 70%;
            padding: 1rem 1.5rem;
            border: 2px solid rgba(108, 92, 231, 0.1);
            background: rgba(61, 142, 185, 0.05);
            border-radius: 12px;
            color: var(--text-primary);
            font-size: 1rem;
            transition: all 0.3s ease;
            margin-right: 1rem;
        }

        .key-form input:focus {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 4px rgba(108, 92, 231, 0.1);
        }

        .key-form button {
            padding: 1rem 2rem;
            background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
            border: none;
            border-radius: 12px;
            color: white;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .key-form button:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(108, 92, 231, 0.3);
        }

        .keys-container {
            background: var(--card-bg);
            border-radius: 16px;
            padding: 2rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .keys-container h4 {
            font-size: 1.4rem;
            margin-bottom: 1.5rem;
            color: var(--text-primary);
        }

        .key-list {
            list-style: none;
        }

        .key-item {
            background: rgba(61, 142, 185, 0.05);
            padding: 1.2rem;
            border-radius: 12px;
            margin-bottom: 1rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: all 0.3s ease;
        }

        .key-item:hover {
            background: rgba(61, 142, 185, 0.08);
            transform: translateX(5px);
        }

        .key-info {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .key-actions {
            display: flex;
            gap: 0.8rem;
        }

        .btn {
            padding: 0.6rem 1.2rem;
            border: none;
            border-radius: 8px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .btn-delete {
            background: var(--danger-color);
            color: white;
        }

        .btn-reset {
            background: var(--warning-color);
            color: #2d3436;
        }

        .btn:hover {
            transform: translateY(-2px);
            filter: brightness(110%);
        }

        @media (max-width: 1024px) {
            .sidebar {
                width: 100px;
            }
            .sidebar-header h2 {
                font-size: 1.2rem;
            }
            .main-content {
                margin-left: 100px;
            }
        }

        @media (max-width: 768px) {
            .key-form {
                flex-direction: column;
            }
            .key-form input {
                width: 100%;
                margin-bottom: 1rem;
            }
        }
    </style>
</head>
<body>
    <div class="sidebar">
        <div class="sidebar-header">
            <h2>Fantasy</h2>
            <small>Dashboard</small>
        </div>
        <ul class="sidebar-menu">
            <li><a href="#">Keys</a></li>
            <li><a href="#">Apps</a></li>
            <li><a href="#">Settings</a></li>
        </ul>
    </div>

    <div class="main-content">
        <div class="page-header">
            <h3>Key Management</h3>
        </div>

        <div class="key-form">
            <input type="text" placeholder="Enter key..." required>
            <button type="submit">Generate Key</button>
        </div>

        <div class="keys-container">
            <h4>Active Keys</h4>
            <ul class="key-list">
                <li class="key-item">
                    <div class="key-info">
                        <span>XXXX-YYYY-ZZZZ</span>
                        <span>|</span>
                        <span>HWID: Unknown</span>
                    </div>
                    <div class="key-actions">
                        <button class="btn btn-reset">Reset HWID</button>
                        <button class="btn btn-delete">Delete</button>
                    </div>
                </li>
                <li class="key-item">
                    <div class="key-info">
                        <span>AAAA-BBBB-CCCC</span>
                        <span>|</span>
                        <span>HWID: 123456</span>
                    </div>
                    <div class="key-actions">
                        <button class="btn btn-reset">Reset HWID</button>
                        <button class="btn btn-delete">Delete</button>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>

al bakalım belki işine yarar
Genişletmek için tıkla ...
php yada javascript ile yaptırdığın işlevlerini koyarsın yerlerine, dashboard içerisinde responsivelerde biraz eksiklikler var, açılıp kapanan sidebar yaparsan responsiveye biraz daha katkın olur. gpt ile adam edersin bunu. beğendiysen al kullan böyle kötü görüntülerle paylaşma. yardıma ihtiyacın olursa yazabilirsin
 
inecek dosyalara end to end şifreleme yapabilirsin ve dosyalara fileid vb birşey yapabilirsin. bunun yanı sıra md5 kontrolü gibi özellikler de ekleyebilirsin source gelirse improve yapabilirim
 
Cevap yazmak için giriş yap yada kayıt ol.

  Şuanda konuyu görüntüleyen kullanıcılar

Toplam: 3 (Kullanıcı: 0, ziyaretçi: 3)

Üst Alt