God โพสต์ 2024-2-25 01:44:54

[ยื่นขอเปิดห้องทดลองโค้ต]



<style type="text/css">
    @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;500&family=Montserrat:wght@300;700;900&family=Noto+Sans+Thai:wght@300;400;700&display=swap');

    :root {
      --code-bg: #0d1117;
      --code-accent: #58a6ff;
      --code-warning: #f85149;
      --code-glass: rgba(255, 255, 255, 0.05);
      --code-border: rgba(88, 166, 255, 0.2);
    }

    /* --- Laboratory Frame --- */
    .lab-frame {
      max-width: 900px;
      margin: 50px auto;
      background: var(--code-bg);
      border: 1px solid var(--code-border);
      box-shadow: 0 30px 60px rgba(0,0,0,0.5);
      font-family: 'Noto Sans Thai', sans-serif;
      position: relative;
      overflow: hidden;
    }

    /* ตกแต่งเส้น Grid พื้นหลัง */
    .lab-frame::before {
      content: '';
      position: absolute;
      top: 0; left: 0; width: 100%; height: 100%;
      background-image:
            linear-gradient(var(--code-border) 1px, transparent 1px),
            linear-gradient(90deg, var(--code-border) 1px, transparent 1px);
      background-size: 50px 50px;
      opacity: 0.1;
      pointer-events: none;
    }

    /* --- Header: System Status --- */
    .lab-header {
      padding: 60px 50px;
      background: linear-gradient(to bottom, rgba(88, 166, 255, 0.1), transparent);
      text-align: center;
      border-bottom: 1px solid var(--code-border);
    }

    .lab-title {
      font-family: 'Montserrat', sans-serif;
      font-weight: 900;
      letter-spacing: 8px;
      color: var(--code-accent);
      text-transform: uppercase;
      margin: 0;
      filter: drop-shadow(0 0 10px var(--code-accent));
    }

    /* --- Warning Banner --- */
    .warning-strip {
      background: rgba(248, 81, 73, 0.1);
      border-top: 1px solid var(--code-warning);
      border-bottom: 1px solid var(--code-warning);
      padding: 15px 30px;
      margin: 40px 0;
      text-align: center;
      position: relative;
    }

    .warning-strip span {
      font-family: 'JetBrains Mono', monospace;
      color: var(--code-warning);
      font-weight: 700;
      letter-spacing: 2px;
    }

    /* --- Content Body --- */
    .lab-body {
      padding: 0 60px 60px;
      color: #c9d1d9;
      line-height: 2.2;
      position: relative;
    }

    .lab-notice {
      background: var(--code-glass);
      padding: 30px;
      border: 1px dashed #444;
      margin-bottom: 50px;
      font-size: 14px;
    }

    /* Form Card */
    .form-card {
      background: rgba(255,255,255,0.02);
      border: 1px solid #30363d;
      padding: 40px;
      position: relative;
    }

    .form-label {
      font-family: 'JetBrains Mono', monospace;
      color: var(--code-accent);
      font-size: 12px;
      display: block;
      margin-bottom: 10px;
      text-transform: uppercase;
    }

    .form-input {
      width: 100%;
      background: #161b22;
      border: 1px solid #30363d;
      padding: 10px 15px;
      color: #fff;
      margin-bottom: 25px;
      font-size: 15px;
    }

    /* Footer: Terminal Prompt */
    .lab-footer {
      padding: 30px 60px;
      background: #161b22;
      border-top: 1px solid var(--code-border);
      font-family: 'JetBrains Mono', monospace;
      font-size: 13px;
      color: #8b949e;
    }

    .blink { animation: blinker 1s linear infinite; color: var(--code-accent); }
    @keyframes blinker { 50% { opacity: 0; } }
</style>

<div class="lab-frame">
   
    <div class="lab-header">
      <h1 class="lab-title"><font size="6">SANDBOX LABORATORY</font></h1>
      <font face="Montserrat" size="2" color="#8b949e" style="letter-spacing: 4px;">SYSTEM INITIALIZED // 2026</font>
    </div>

    <div class="warning-strip">
      <span><font size="3">[!] SECURITY NOTICE: TEMPORARY STORAGE ONLY</font></span>
    </div>

    <div class="lab-body">
      
      <div class="lab-notice">
            • <b>ห้องนี้สำหรับใช้ลองโค้ดเท่านั้น</b> <br>
            • ห้ามฝากเนื้อหาสำคัญใด ๆ ไว้ในห้องนี้โดยเด็ดขาด <br>
            • โปรดเก็บรักษาเนื้อหาที่จะใช้งานใน <b>Google Docs</b> หรือคอมพิวเตอร์เสมอ
      </div>

      <div class="form-card">
            <font face="Montserrat" size="3" color="#fff" style="display:block; margin-bottom:30px; letter-spacing:2px; font-weight:700;">
                ◈ REQUEST FOR SANDBOX (แบบฟอร์มขอรับกระทู้)
            </font>

            <span class="form-label">&gt; Full Name:</span>
            <div class="form-input">ระบุชื่อเต็มที่นี่</div>

            <span class="form-label">&gt; Username:</span>
            <div class="form-input">ระบุชื่อผู้ใช้งาน</div>

            <span class="form-label">&gt; Sandbox Topic Name:</span>
            <div class="form-input">ระบุชื่อกระทู้ทดลองโค้ดของคุณ</div>

            <span class="form-label">&gt; Cover HTML Template:</span>
            <div class="form-input" style="height: 100px; color: #8b949e; font-family: 'JetBrains Mono', monospace;">
                &lt;!-- แนบโค้ดหน้าปกของคุณที่นี่ --&gt;
            </div>
      </div>

      <div style="margin-top: 40px; text-align: center;">
            <font size="3">
                เมื่อได้รับอนุมัติ กระทู้จะปรากฏที่: <br>
                <a href="https://percyjackson.mooorp.com/forum/140/1" target="_blank" style="color:var(--code-accent); text-decoration:none;">
                  [ LINK: PRIVATE SANDBOX LIST ]
                </a>
            </font>
      </div>

    </div>

    <div class="lab-footer">
      <span>$ system.status: <span style="color:#3fb950;">ACTIVE</span></span> <br>
      <span>$ waiting_for_input...<span class="blink">_</span></span>
    </div>

</div>

Moneka โพสต์ 2025-8-31 15:53:58

แบบฟอร์มขอรับกระทู้ทดลองโค้ต
ชื่อเต็ม: Moneka Marantear BlossomUsername: Monekaชื่อกระทู้ทดลองโค้ต: [ห้องทดลองโค้ด] สมุดทดลองโค้ดโง่ ๆ ของ มนกเทมเพลต Code html หน้าปก:

<div style="text-align: center;"><font face="TH SarabunPSK" size="6" color="#9932cc"><b><i>สมุดโง่ ๆ ของ มนก </i></b></font></div>

Mackenzie โพสต์ 2025-8-31 19:18:16

แบบฟอร์มขอรับกระทู้ทดลองโค้ดชื่อเต็ม: แมคเคนซี คลอดด์ ลินคอล์นUsername: Mackenzieชื่อกระทู้ทดลองโค้ด: Mackenzie : ดินแดนพิศวง อย่าลืมพกยาดมก่อนเข้ามาเทมเพลต Code html หน้าปก:
<div class="bt1b-fondo" style="background:#0f1637;"><div class="bt1-baul" style="background:url('https://img2.pic.in.th/pic/testcode01.png')center; background-size:cover;"><div class="bt1baul-barra"><a bt-title="Expediente" href="#"><i class="fas fa-user-tie"></i></a><a bt-title="MP" href="#"><i class="fas fa-envelope"></i></a><a bt-title="Relaciones" href="#"><i class="fas fa-users"></i></a><a bt-title="Moodboard" href="#"><i class="fas fa-camera-retro"></i></a> <a bt-title="Playlist" href="#"><i class="fas fa-compact-disc"></i></a><a bt-title="Instagram" href="#"><i class="fab fa-instagram"></i></a><a bt-title="Twitter" href="#"><i class="fab fa-twitter"></i></a> </div><div class="bt1baul-titulo"> <div><b><font color="#041243">Mackenzie</font></b><span><font color="#000000">For Code Test</font></span></div></div></div><div class="bt1baul-imagenredonda"><img src="https://64.media.tumblr.com/21bd6617088e63531596a701492aa51a/d73664946304f49b-a6/s400x600/5697218c06aaa607cb233ca48eec7f9d54db2562.gifv"></div></div><link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap" rel="stylesheet"><a class="bettycred" href="http://bettyleg.tumblr.com/">bettyleg</a>

<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>@font-face {font-family: 'Goldie Rainbow'; src: url('https://dl.dropbox.com/s/vy3ql8rmyhe42au/Goldie%20Rainbow.ttf');src: url('https://dl.dropbox.com/s/vy3ql8rmyhe42au/Goldie%20Rainbow.ttf') format('truetype'); font-weight: normal;font-style: normal;} .bt1b-fondo{margin:30px auto; width:400px; background:#ddd; padding-bottom:40px; overflow:hidden; outline:1px solid #ddd;}.bt1-baul{width:400px; height:400px; border-bottom:1px solid #fff; overflow:hidden;}.bt1baul-imagenredonda{width:120px; height:120px; background:#fff; border-radius:180px; margin:0 auto; margin-top:-60px; border:1px solid #fff; display:flex; align-items:center; justify-content:center; } .bt1baul-imagenredonda img{width:120px; height:120px; border-radius:180px;} .bt1b-titulom{border-bottom:1px solid #ddd; height:80px; display:flex; align-items:center; justify-content:center; background:#fafafa;font-family: 'Goldie Rainbow'; font-size:40px; font-weight:700; letter-spacing:2px; } .bt1baul-barra{height:60px; border-bottom:1px solid #888; backdrop-filter:grayscale(1) blur(4px); display:flex; align-items:center; justify-content:center; position:relative; top:-61px; webkit-transition: 1s; -o-transition: 1s;transition: 1s;} .bt1baul-titulo{height:150px; margin-top:160px; display:flex; align-items:center; justify-content:center; line-height:28px; text-align:center;} .bt1baul-titulo span{color:#fafafa; text-transform:uppercase; font-weight:700; font-size:12px; letter-spacing:2px; font-family:'Lato', sans-serif;} .bt1baul-barra a {color:#fff; font-size:16px; padding:0px 12px;} .bt1baul-barra a i{transform:rotate(0deg);webkit-transition: 1s; -o-transition: 1s;transition: 1s;}.bt1-baul:hover .bt1baul-barra{top:0px; webkit-transition: 1s; -o-transition: 1s;transition: 1s;} .bt1baul-barra a:hover i{color:#1c3172;webkit-transition: 1s; -o-transition: 1s;transition: 1s; transform:rotate(10deg)} .bt1baul-imagenredonda{width:120px; height:120px; background:#fff; border-radius:180px; margin:0 auto; margin-top:-60px; border:1px solid #fff; display:flex; align-items:center; justify-content:center; } .bt1baul-imagenredonda img{width:120px; height:120px; border-radius:180px;} .bt1baul-titulo b{display:block; font-family: 'Goldie Rainbow'; font-size:60px; color:#fff; letter-spacing:1px; text-shadow:2px 2px #333;} .bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:8px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>

Denista โพสต์ 2025-9-1 13:38:22




แบบฟอร์มขอรับกระทู้ทดลองโค้ตชื่อเต็ม: Denista Nortara (Nereza Henladys)Username: Denistaชื่อกระทู้ทดลองโค้ต: 𝖉𝖊𝖓𝖎𝖘𝖙𝖆 ⋆ 𝖊𝖗𝖆
เทมเพลต Code html หน้าปก: <style>
.profile-card {
width: 600px;
background: #fff;
border: 2px solid #f3d6df;
border-radius: 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
text-align: center;
}

.profile-card img {
width: 100px;
height: 100px;
border-radius: 50%;
border: 5px solid #f3d6df;
}

.profile-card h1 {
font-size: 28px;
color: #d37a8c;
margin: 15px 0;
}

.profile-card p {
font-size: 14px;
color: #888;
line-height: 1.6;
margin: 20px 0;
}

.profile-card p span {
font-weight: bold;
color: #d37a8c;
}

.button-group {
display: flex;
justify-content: space-around;
margin-top: 20px;
}

.button-group a {
display: inline-block;
padding: 5px 10px;
background: #f3d6df;
color: #d37a8c;
font-size: 14px;
border-radius: 5px;
text-decoration: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s, box-shadow 0.3s;
}

.button-group a:hover {
background: #d37a8c;
color: #fff;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
</style>

<div align="center">
<div class="profile-card"><font face="Kanit"><font size="3">
<img src="https://i.imgur.com/vsD0DGo.png" alt="Profile Picture">
<h1><font size="5">DENISTA - NEREZA</font></h1>
<p>Welcome to MY PAGE for HTML (T T)</p>
<div class="button-group">
<a href="#">dm for someone who need help</a>
</div>
</font></font></div></div>

Carlotta โพสต์ 2025-11-20 22:28:35

แบบฟอร์มขอรับกระทู้ทดลองโค้ตชื่อเต็ม: Carlotta Hamal (LIN YUECHAN)Username: Carlottaชื่อกระทู้ทดลองโค้ต: ✴ 𝕮𝐚𝐫𝐥𝐨𝐭𝐭𝐚'𝓼 ━━╋━ 𝙯𝙤𝙣𝙚
เทมเพลต Code html หน้าปก:
<link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap" rel="stylesheet">

<div style="width: 800px; height: 500px; background-color: #000000; border: 3px solid #a11111; border-radius: 20px; box-shadow: 0 0 30px 10px #a11111; margin: 20px auto; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-family: sans-serif; position: relative; overflow: hidden;">
   
    <div style="color: #cda34f; font-size: 60px; font-weight: bold; letter-spacing: 2px; text-shadow: 0 0 15px #a11111; margin-bottom: 15px;">
      YUECHAN'S ZONE
    </div>

    <div style="color: white; font-family: 'TH SarabunPSK', 'Sarabun', sans-serif; font-size: 36px; font-weight: normal;">
      สำหรับทดสอบโค้ดแบบงูปลาอาราเร่
    </div>

</div>

Cooper โพสต์ 2025-11-25 01:06:39

แบบฟอร์มขอรับกระทู้ทดลองโค้ตชื่อเต็ม: Cooper Jones Username: Cooper ชื่อกระทู้ทดลองโค้ต: ห้องทดสอบโค้ดของเจ้าหนูคูเปอร์
เทมเพลต Code html หน้าปก:<style>
   
    .cj-card {
      width: 550px;
      background: #f8f9fa;
      border: 1px solid #dee2e6;
      border-top: 6px solid #4a6fa5;
      border-radius: 8px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
      padding: 30px;
      text-align: center;
      margin: 0 auto;
    }

   
    .cj-card img {
      width: 110px;
      height: 110px;
      border-radius: 15px;
      border: 4px solid #ffffff;
      box-shadow: 0 3px 6px rgba(0,0,0,0.1);
      object-fit: cover;
      margin-bottom: 10px;
    }

    /* ชื่อ Cooper Jones */
    .cj-card h1 {
      font-size: 26px;
      color: #2d3436;
      margin: 10px 0 5px 0;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

   
    .cj-badge {
      display: inline-block;
      background: #e2e8f0;
      color: #4a6fa5;
      padding: 4px 10px;
      border-radius: 4px;
      font-size: 11px;
      font-weight: bold;
      margin-bottom: 15px;
    }

   
    .cj-card p {
      font-size: 14px;
      color: #636e72;
      line-height: 1.5;
      margin: 15px 0 25px 0;
    }

   
    .cj-btn {
      display: inline-block;
      padding: 8px 20px;
      background: #4a6fa5;
      color: #ffffff !important;
      font-size: 13px;
      border-radius: 50px;
      text-decoration: none;
      transition: all 0.2s;
      box-shadow: 0 2px 5px rgba(74, 111, 165, 0.3);
    }

    .cj-btn:hover {
      background: #34495e;
      transform: translateY(-2px);
    }
</style>

<div align="center">
    <div class="cj-card">
      <font face="Kanit"> <img src="https://i.supaimg.com/996c3cd2-831e-4877-99e7-783b14875755.jpg" alt="Cooper Jones">
            
            <h1>COOPER JONES</h1>
            
            <div class="cj-badge">TEST RUN : #001</div>

            <p>
                Just a boring code test post.<br>
                Nothing to see here, scrolling down.
            </p>

            <a href="#" class="cj-btn">System Check</a>

      </font>
    </div>
</div>



Clementis โพสต์ 2025-11-27 20:10:46

แก้ไขครั้งสุดท้ายโดย Clementis เมื่อ 2025-11-27 20:13 <br /><br /><div align="center"><font size="5"><b>แบบฟอร์มขอรับกระทู้ทดลองโคด</b></font></div><div align="center">&nbsp;<font size="3">- - - - - + - - - - -&nbsp;</font></div><div align="center"><font size="3"><b>ชื่อเต็ม:</b> Clementis Maeve Ratigan</font></div><div align="center"><font size="3"><b>Username:</b> Clementis</font></div><div align="center"><font size="3"><b>ชื่อกระทู้ทดลองโคด:</b>&nbsp;✦ 𝚙𝚎𝚗𝚎𝚝𝚛𝚊𝚕𝚒𝚊 𓄵</font></div><div align="center"><font size="3"><b>&nbsp;เทมเพลต Code html หน้าปก</b></font></div><div align="center"><font size="3"><b>(รบกวนทำให้เต็มหน้า ไม่เห็นแถบข้างซ้ายมือด้วยได้มั้ยคะ)</b></font></div><div align="center">&lt;link href="https://dl.dropbox.com/scl/fi/821it1nwoad40kfaxnv8b/lannaissance-clementis-codespace.css?rlkey=ze5w2gjoo0bzvjyau4pibjwk0" rel="stylesheet"&gt;<br>&lt;div class="cmt-ct-bg"&gt;&lt;div class="cmt-ct-st"&gt;&lt;div class="cmt-ct-ss"&gt;&lt;div class="cmt-ct-tt"&gt; Penetralia &lt;div class="cmt-ct-sb"&gt; Clementis Codespace &lt;/div&gt;&lt;/div&gt; เอาไว้แจกบ้าง เอาไว้ใช้เองบ้าง ทุกโคดเขียนโดยคลีเมนทิสเพราะใช้ไอเอในการเขียนไม่เป็น &lt;i&gt;&lt;font color="#5e5e5e"&gt;(พยายามฝึกอยู่คับ อยากสบายแล้ว)&lt;/font&gt;&lt;/i&gt; เข้าใจแค่ CSS ระดับพื้นฐาน มีได้มีทักษะพอสำหรับสอนใครเลยแต่น่าจะแลกเปลี่ยนความรู้ได้บ้างค่ะ ทักมาพูดคุยหรือจ้างงานได้เสมอเลยนะ &lt;a href="https://discord.com/users/709423728446013520" class="cmt-ct-ds"&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</div>

Jacqueline โพสต์ 2025-12-9 23:02:16


แบบฟอร์มขอรับกระทู้ทดลองโค้ต
ชื่อเต็ม: Jacqueline Clark
Username: Jacqueline
ชื่อกระทู้ทดลองโค้ต: ❥ --- พื้นที่ทดสอบโค้ดของแจ็ค

เทมเพลต Code html หน้าปก:

<div style="text-align: center;"><img src="https://iili.io/fRK8nHv.jpg"/></div>

Kai โพสต์ 2025-12-11 23:52:23

<font face="Sarabun"><b>แบบฟอร์มขอรับกระทู้ทดลองโค้ต</b>
<hr>
ชื่อเต็ม:&nbsp;Kai Chamberlain</font><div><font face="Sarabun">Username: Kai</font></div><div><font face="Sarabun">ชื่อกระทู้ทดลองโค้ต: Kai's Space</font></div><div><font face="Sarabun">เทมเพลต Code html หน้าปก:&nbsp;</font>&lt;img src="https://iili.io/f58PX5B.png" style="display: block; margin: 10% auto; width: 30%;"&gt;</div>

Feria โพสต์ 2026-1-12 22:55:23

แบบฟอร์มขอรับกระทู้ทดลองโค้ต
ชื่อเต็ม: Feria Hayes
Username:Feria
ชื่อกระทู้ทดลองโค้ต: Feria's code lab

เทมเพลต Code html หน้าปก: (แนบใส่กล่องโค้ต)

<div align="center"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display|Kanit">

<style>
/* กล่องหลัก */
.profile-header {
width: 100%;
max-width: 720px;
background-color: #f4eadc;
border-radius: 22px;
overflow: hidden;
font-family: 'Kanit', sans-serif;
}

/* ตารางจัดเลย์เอาต์ */
.profile-header table {
width: 100%;
border-collapse: collapse;
}

/* ฝั่งรูป */
.profile-img {
width: 45%;
background-color: #d8e0d2;
vertical-align: top;
}

.profile-img img {
width: 100%;
height: 50%;
object-fit: cover;
display: block;
}

/* ฝั่งข้อมูล */
.profile-info {
width: 55%;
padding: 32px 28px;
background-color: #f4eadc;
}

/* หัวข้อใหญ่ */
.profile-title {
font-family: 'Playfair Display', serif;
font-size: 42px;
color: #9aa28f;
letter-spacing: 2px;
margin-bottom: 18px;
}

/* ชื่อ */
.profile-name {
background-color: #ffffff;
border-radius: 12px;
padding: 12px 16px;
font-size: 15px;
color: #555;
width: 80%;
}
</style>

<div class="profile-header">
<table>
    <tbody><tr>
      <!-- รูป -->
      <td class="profile-img">
      <img src="https://img5.pic.in.th/file/secure-sv1/IMG_5055e5ccb0d2d74506a6.jpeg">
      </td>

      <!-- ข้อมูล -->
      <td class="profile-info">
      <div class="profile-title">
          Feria’s code Lab
      </div>

      <div class="profile-name">
          Name: Feria Hayes
      </div>
      </td>
    </tr>
</tbody></table>
</div>
</div>




หน้า: [1] 2
ดูในรูปแบบกติ: [ยื่นขอเปิดห้องทดลองโค้ต]