[กิจกรรมออกแบบโปรไฟล์ให้เนคทาร์ NPC]
<div align="center" style="list-style-type: none;">
<style>
#boxsystem01 {
border-radius: 30px;
border: 6px double #34267e;
padding: 3px;
box-shadow: #34267e0px 0px 3em;
background-image: url("https://i.imgur.com/Evmi3Wp.jpg");}
</style>
<style>
#boxsystem02 {
width: 660px;
border-radius: 20px;
padding: 3px;
box-shadow: #34267e 0px 0px 1em;
background-image: url("https://i.imgur.com/tQCIqX6.png");}
</style>
<style>
#boxsystem03 {
width: 520px;
border-radius: 20px;
border: 6px double #07a24c;
padding: 3px;
box-shadow: #07a24c 0px 0px 3em;
background-image: url("https://i.imgur.com/UtFwcWD.png");}
</style>
<div id="boxsystem01">
<p><br></p>
<br>
<div id="boxsystem02">
<p><font face="Kanit"><font color="black" style=""><br><br></font></font></p><p><font face="Kanit" size="6"><b>กิจกรรมระยะเวลาสิ้นสุด: 30 ธันวาคม 2025</b></font></p><p><font face="Kanit" size="4"><br></font></p><p><br></p><p><font face="Sarabun" size="4">กิจกรรมเลือก NPC 1 คนใน NPC System ที่จะตกแต่งโปรไฟล์บนเนคทาร์ให้พวกเขา</font></p><p><font face="Sarabun" size="4">โดยกิจกรรมนี้ไม่เกี่ยวกับคาร์ในมู </font></p><p><font face="Sarabun" size="4">ส่วนรางวัลให้ถือว่าเป็นของขวัญจากเทพพ่อแม่ที่ประทานให้</font></p><p><font face="Sarabun" size="4"><br></font></p><p><font color="black" face="Sarabun" size="4"><b><u>รายละเอียด</u></b></font></p><p><font color="black" size="4" face="Sarabun">1) NPC ไม่ช้ำกัน ให้คุณแจ้งชื่อ NPC ที่จะลงทะเบียน</font></p><p><font color="black" size="4" face="Sarabun">2) มีความรู้การใช้โค้ด HTML ในเบื้องต้นพอตกแต่งต่าง ๆ ได้นิดหน่อย</font></p><p><font color="black" size="4" face="Sarabun">3) สร้างภาพส่วนหัวเนคทาร์ขนาด 850x280 px </font></p><p><font color="black" size="4" face="Sarabun">5) ตกแต่งโค้ด HTML ให้กับหน้าโปรไฟล์ NPC </font></p><p><font color="black" size="4" face="Sarabun">6) การตกแต่ง สร้างภาพต่าง ๆ จะต้องมีความเข้ากับบุคลิกของ NPC </font></p><p><font color="black" size="4" face="Sarabun">ธีมสี ต่างๆ ไม่หลุดธีม NPC </font></p><p><font color="black" size="4" face="Sarabun"><br></font></p><p><img src="https://i.imgur.com/vrzZ6tR.png" width="450" _height="600" border="0"></p><p><font size="4" face="Sarabun"><br></font></p><p><img src="https://percyjackson.mooorp.com/static/image/hrline/39.png" border="0" alt=""></p><p><br></p><p><font color="black" face="Sarabun" size="4"><b><u>แบบฟอร์มร่วมกิจกรรม</u></b></font></p><p><font color="black" size="4" face="Sarabun">ชื่อผู้เข้าร่วม:</font></p><p><font color="black" size="4" face="Sarabun">สังกัดบ้านหมายเลข/กองร้อย:</font></p><p><font color="black" size="4" face="Sarabun"><br></font></p><p><font color="black" size="4" face="Sarabun">จอง NPC ที่จะออกแบบโปรไฟล์: (ทำได้ 2 NPC ต่อคน = 2 รางวัล)</font></p><p><font color="black" size="4" face="Sarabun"><i><b>* หากโค้ดใช้งานได้จะได้รับรางวัล หากมีปัญหาแอดจะแจ้งรอแก้ไข *</b></i></font></p><p><font color="black" size="4" face="Sarabun"><i><b><br></b></i></font></p><p><font color="black" size="4" face="Sarabun"><i><b>แก้ไขโพสต์หลังพร้อมส่งกิจกรรม:</b></i></font></p><p><font color="black" size="4" face="Sarabun">ภาพส่วนหัวโปรไฟล์:</font></p><p><font color="black" size="4" face="Sarabun">โค้ด HTML (แนบใส่กล่อง):</font></p><p><font color="black" size="4" face="Sarabun"><br></font></p><p><font color="black" size="4" face="Sarabun"><br></font></p><p><b style="font-family: Sarabun; font-size: large;">รางวัลกิจกรรม:</b><span style="font-family: Sarabun; font-size: large;"> 200 พลังใจ , 60 ดรักม่า , 800 ดอลลาร์</span></p><p><span style="font-family: Sarabun; font-size: large;">+1 Level up (หาก Lv Max ได้รับ 5 Point แทน)</span></p><p><span style="font-family: Sarabun; font-size: large;">หินตีบวกและอัปเกรดอย่างละ 15 ก้อน , หินแห่งกำลัง 10 ก้อน, หินแห่งนิทรา 10 ก้อน</span></p><p><span style="font-family: Sarabun; font-size: large;"><b>(เลือกไอเท็ม 1 อย่าง) </b>หินเพลิงเทพ 10 ก้อน, ผลึกไททัน 15 ก้อน</span></p><p><span style="font-family: Sarabun; font-size: large;"><br></span></p><p><br></p><p><img src="https://percyjackson.mooorp.com/static/image/hrline/39.png" border="0" alt=""><br></p><p><font face="Kanit"><font size="3"><font color="black"><br></font></font></font></p></div><font face="Kanit">
<br>
</font></div></div><style type="text/css" name="editorpostbg">body{background-image:url("static/image/postbg/bg31.png");}</style> แก้ไขครั้งสุดท้ายโดย Ripley เมื่อ 2025-7-25 00:08
แบบฟอร์มร่วมกิจกรรม
ชื่อผู้เข้าร่วม: Ripley Swanson
สังกัดบ้านหมายเลข/กองร้อย:เคบินที่ 3
จอง NPC ที่จะออกแบบโปรไฟล์: ลิเลียน่า/ร็อกซาน่า
แก้ไขโพสต์หลังพร้อมส่งกิจกรรม:Lilianaภาพส่วนหัวโปรไฟล์: h/ttps://img5.pic.in.th/file/secure-sv1/048426863ca870eb949cc9ed913b87b4.pngโค้ด HTML (แนบใส่กล่อง):type="text/css">BODY{background:url("https://img2.pic.in.th/pic/456ede080df51164832aac3a385a988b.jpg"); background-attachment:fixed; }</style>
<style type="text/css">.head1 {background-color:none ;}.head2 {background-color:none ;}</style>
<style>
#box01 {
border: 0px double ;
box-shadow: #696969 2px 2px 2em;
border-radius: 25px;
padding: 50px;
background-image: url("https://img5.pic.in.th/file/secure-sv1/-12160a3b2b3cdddb0.png");
}
#box02 {
border: 0px double ;
width: 80%;
padding : 0px 0px;
box-shadow: #3B2F27 1px 1px 2em;
background-color: #ffffff;}
</style>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
<div align="center">
<div id="box01">
<div id="box02"><br><br><br>
<font face="Playfair Display" size="5">Beautiful may be DANGEROUS but Intelligent is LETHAL</font>
<br><br>
<img style= "width: 50%;" src="https://img5.pic.in.th/file/secure-sv1/d8cadf2eb04b6e3fca51df73118b0522.jpg" border="0" alt=""><br><br><br>
</div>
</div></div>
รางวัลกิจกรรม:200 พลังใจ , 60 ดรักม่า , 800 ดอลลาร์+1 Level up (หาก Lv Max ได้รับ 5 Point แทน)หินตีบวกและอัปเกรดอย่างละ 15 ก้อน , หินแห่งกำลัง 10 ก้อน, หินแห่งนิทรา 10 ก้อน หินเพลิงเทพ 10 ก้อน
Roxanaภาพส่วนหัวโปรไฟล์: h/ttps://img2.pic.in.th/pic/663834951f554be69871766b01ab78c9.pngโค้ด HTML (แนบใส่กล่อง): <style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/46155ccab93a64af1a43dc53f873c4be.jpg"); background-attachment:fixed; }</style>
<style type="text/css">.head1 {background-color:none ;}.head2 {background-color:none ;}</style>
<style>
#box01 {
border: 0px double ;
box-shadow: #696969 2px 2px 2em;
border-radius: 25px;
padding: 50px;
background-image: url("https://img2.pic.in.th/pic/2aa2a42543c3a2ed79a95be1969f8fd3.jpg");
}
#box02 {
border: 0px double ;
width: 80%;
padding : 0px 0px;
box-shadow: #3B2F27 1px 1px 2em;
background-color: #2B2B2B;}
</style>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap" rel="stylesheet">
<div align="center">
<div id="box01">
<div id="box02"><br><br><br>
<font face="Roboto Flex" size="5" color="#ffffff">I got a list of name and you in <font color="red">the red UNDERLINE</font></font>
<br><br>
<img style= "width: 50%;" src="https://img2.pic.in.th/pic/6f3f0323e1b5230cca43027c9203a115.jpg" border="0" alt=""><br><br><iframe width="160" height="90"
src="https://www.youtube.com/embed/tY-J7W7C34U?autoplay=1&loop=1&playlist=tY-J7W7C34U" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="">
</iframe><br><br>
<br>
</div>
</div></div>
รางวัลกิจกรรม: 200 พลังใจ , 60 ดรักม่า , 800 ดอลลาร์+1 Level up (หาก Lv Max ได้รับ 5 Point แทน)หินตีบวกและอัปเกรดอย่างละ 15 ก้อน , หินแห่งกำลัง 10 ก้อน, หินแห่งนิทรา 10 ก้อน ผลึกไททัน 15 ก้อน
แบบฟอร์มร่วมกิจกรรมชื่อผู้เข้าร่วม: ไนมีเรีย รีอังก้า เฮนลาดิสสังกัดบ้านหมายเลข/กองร้อย: เคบิน 20 ที่โกธิคสุดในย่าน
จอง NPC ที่จะออกแบบโปรไฟล์: (ทำได้ 2 NPC ต่อคน = 2 รางวัล)
Reyna Avila Ramirez-ArellanoSylus
แก้ไขโพสต์หลังพร้อมส่งกิจกรรม:ภาพส่วนหัวโปรไฟล์:โค้ด HTML (แนบใส่กล่อง):
แก้ไขครั้งสุดท้ายโดย Mackenzie เมื่อ 2025-8-28 18:20
แบบฟอร์มร่วมกิจกรรมชื่อผู้เข้าร่วม: แมคเคนซี คลอดด์ ลินคอล์นสังกัดบ้านหมายเลข/กองร้อย: เคบินหมายเลข 20 เฮคาที
จอง NPC ที่จะออกแบบโปรไฟล์: (ทำได้ 2 NPC ต่อคน = 2 รางวัล)1. ซิลเวอร์ควินน์2. ดัลลาสเวลดอนท์
--------------------------------------------------------------------------------------
ซิลเวอร์ควินน์ภาพส่วนหัวโปรไฟล์:Linkโค้ด HTML (แนบใส่กล่อง):<html>
<head>
<style>
body {background-image: url('https://img2.pic.in.th/pic/Nectar_bgS.jpeg');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;}
</style>
</head>
<body>
</body>
</html>
<style type="text/css">::-webkit-scrollbar {width:
6px;background: #808080;}::-webkit-scrollbar-thumb
{background:#8b0000;}</style>
<div class="moodboard-b4"><div class="coloresbt"><div class="colorbt" style="background:#7C0A02"></div><div class="colorbt" style="background:#6e6e6e"></div><div class="colorbt" style="background:#040404"></div></div><div class="imagenbt1" style="background:url(https://img2.pic.in.th/pic/Spic04.png)center; background-size:cover;"></div><div class="imagenbt2" style="background:url(https://img5.pic.in.th/file/secure-sv1/Spic01.png)center; background-size:cover;"></div><div class="imagenbt3" style="background:url(https://img2.pic.in.th/pic/Spic03.png)center; background-size:cover;"></div><div class="imagenbt4" style="background:url(https://img2.pic.in.th/pic/Spic02.png)center; background-size:cover;"></div><div class="imagenbt5" style="background:url(https://img2.pic.in.th/pic/Spic05-removebg-preview.png)center; background-size:cover;"></div><div class="cred"></div><style>.moodboard-b4{width:450px; height:530px; border:1px solid #ddd; margin:10px auto; overflow:hidden; background:#141414; border:15px solid #eee; outline:1px solid #ddd;}.moodboard-b4 .coloresbt{width:70px; height:60px; background:#141414; margin-left:20px; margin-top:20px; padding-left:80px; display:flex;} .moodboard-b4 .imagenbt1{width:120px; height:120px; background:#999;position:relative; margin-top:10px; margin-left:50px;} .moodboard-b4 .imagenbt2{width:200px; height:270px; background:#888; float:right; margin-top:-240px; margin-right:40px;} .moodboard-b4 .imagenbt3{width:250px; height:150px; background:#777; margin-top:10px; margin-left:15px;}.moodboard-b4 .imagenbt4{width:150px; height:240px; background:#555; position:relative; float:right; margin-top:-170px; margin-right:10px;}.moodboard-b4 .imagenbt5{width:260px; height:100px; background:#777; margin-top:5px; margin-left:5px;}.moodboard-b4 .coloresbt, .moodboard-b4 .imagenbt1, .moodboard-b4 .imagenbt2,.moodboard-b4 .imagenbt3,.moodboard-b4 .imagenbt4,.moodboard-b4 .textmd{border:10px solid #e9e9e9; } .textmd{width:260px; height:100px; background:#444; position:relative; margin-top:-8px; margin-left:30px;}.moodboard-b4 .colorbt{width:20px; height:60px; margin:0px 2px; }.moodboard-b4 .textmd span{font-size:35px;-webkit-text-stroke-width: 1px; font-weight:900; font-family: 'Playfair Display', serif; font-style:italic; display:flex; align-items:center; justify-content:center; height:100px; text-align:center; width:260px; top:-88px; position:relative;} .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>
<center><iframe width="200" height="50"
src="https://www.youtube.com/embed/DXjsXF1qvbQ?
autoplay=1&loop=1&playlist=DXjsXF1qvbQ"
frameborder="0" allow="autoplay; encrypted-media"
allowfullscreen=""></iframe></center>
รางวัลกิจกรรม: 200 พลังใจ , 60 ดรักม่า , 800 ดอลลาร์หาก Lv Max ได้รับ 5 Point แทนหินตีบวกและอัปเกรดอย่างละ 15 ก้อน , หินแห่งกำลัง 10 ก้อน, หินแห่งนิทรา 10 ก้อนหินเพลิงเทพ 10 ก้อน
--------------------------------------------------------------------------------------
ดัลลาสเวลดอนท์
TBC. แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2025-8-5 19:55
แบบฟอร์มร่วมกิจกรรมชื่อผู้เข้าร่วม: ดีน เอลวิน อัลวาเรซ นีลสังกัดบ้านหมายเลข: 3 โพไซดอน
จอง NPC ที่จะออกแบบโปรไฟล์:
1. ไทสัน2. ซันซ์ มาเดิล เคานต์
SOCIAL NECTAR ของ TYSON:ภาพส่วนหัวโปรไฟล์: [LINK]โค้ด HTML (แนบใส่กล่อง):
<style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/DeWatermark.ai_1754391684430.jpeg"); background-attachment:fixed; background-size: cover; }</style>
<style type="text/css">
::-webkit-scrollbar{width:7px; height:7px;}
::-webkit-scrollbar-track-piece:decrement{ background:#4b4b4a!important; border-left:3px solid #292927;border-right:3px solid #292927}
::-webkit-scrollbar-track-piece:increment { background:#4b4b4a!important; border-left:3px solid #292927;border-right:3px solid #292927}
::-webkit-scrollbar-button{ background:#292927!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background: linear-gradient(#ac2e19, #c45947, #ac2e19);border-top:2px solid #af665a; border-bottom:2px solid #af665a; border-left:1px solid #af665a; border-right:1px solid #571206; border-radius:5px;}
::-webkit-scrollbar-thumb:hover{ background: linear-gradient(#a49e90, #d2c8af, #a49e90);border-top:2px solid #e4ded1; border-bottom:2px solid #e4ded1; border-left:1px solid #e4ded1; border-right:1px solid #8a7f64; border-radius:5px;}
</style>
<br><br>
<center>
<div class="mbvenus a"><div class="mbtag">TYSON & FAMILY</div><div class="mbv">
<div class="mbbig" style="background:url('https://img2.pic.in.th/pic/tyson1.png')"></div>
<div class="mbmed" style="background:url('https://img5.pic.in.th/file/secure-sv1/tyson2.png')"></div>
<div class="mbsmall" style="background:url('https://img5.pic.in.th/file/secure-sv1/tyson3.png')"></div>
<div class="mbcenter" style="background:url('https://img2.pic.in.th/pic/tyson4.png')"></div>
</div></div>
<style>.a {--bg: #dfd6c5; --namebg: #3d472e; --txt: #fff;}</style>
<link rel="stylesheet" href="https://files.jcink.net/uploads2/thecodecoven/Venus.css">
<link href="https://fonts.googleapis.com/css2?family=Flamenco&family=Karla&display=swap" rel="stylesheet">
<br>
<iframe width="150" height="85" src="https://www.youtube.com/embed/cMTIbNy5WaI?autoplay=1&loop=1&playlist=cMTIbNy5WaI" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
<iframe width="0" height="0" src="https://www.youtube.com/embed/su6_bKJJk74?autoplay=1&loop=0&playlist=su6_bKJJk74" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
</center><br><br>
<div style="right: 5px; position: fixed; top: 500px;">
<img width="170" _height="200" src="https://img5.pic.in.th/file/secure-sv1/catbook.png" border="0" alt="">
</div>
<style type="text/css">
img{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
img:hover{
-webkit-animation-name: shake;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
filter: none;;}
@-moz-keyframes shake /* Firefox*/
{
{ -ms-transform:: translate(-1px, -2px) rotate(-1deg); }
20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
30% { -moz-transform:translate(0px, 2px) rotate(0deg); }
40% { -moz-transform:translate(1px, -1px) rotate(1deg); }
50% { -moz-transform:translate(-1px, 2px) rotate(-1deg); }
60% { -moz-transform:translate(-3px, 1px) rotate(0deg); }
70% { -moz-transform:translate(2px, 1px) rotate(-1deg); }
80% { -moz-transform:translate(-1px, -1px) rotate(1deg); }
90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
100% { -moz-transform:translate(1px, -2px) rotate(-1deg); }
}
@-ms-keyframes shake /* IE9*/
{
10% { -ms-transform:: translate(-1px, -2px) rotate(-1deg); }
20% { -ms-transform: translate(-3px, 0px) rotate(1deg); }
30% { -ms-transform: translate(0px, 2px) rotate(0deg); }
40% { -ms-transform: translate(1px, -1px) rotate(1deg); }
50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -ms-transform: translate(-3px, 1px) rotate(0deg); }
70% { -ms-transform: translate(2px, 1px) rotate(-1deg); }
80% { -ms-transform: translate(-1px, -1px) rotate(1deg); }
90% { -ms-transform: translate(2px, 2px) rotate(0deg); }
100% { -ms-transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes shake /* Safari and Chrome */
{
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}</style>
รางวัลกิจกรรม:
200 พลังใจ , 60 ดรักม่า , 800 ดอลลาร์หาก Lv Max ได้รับ 5 Point แทนหินตีบวกและอัปเกรดอย่างละ 15 ก้อน , หินแห่งกำลัง 10 ก้อน, หินแห่งนิทรา 10 ก้อนหินเพลิงเทพ 10 ก้อน
soon... แบบฟอร์มร่วมกิจกรรมชื่อผู้เข้าร่วม: เดนิสต้า นอร์ทาร่าสังกัดบ้านหมายเลข/กองร้อย: กองร้อยที่ 1 ค่ายจูปิเตอร์
จอง NPC ที่จะออกแบบโปรไฟล์: (ทำได้ 2 NPC ต่อคน = 2 รางวัล)1. เลธิเซีย อะลอนโซ่2. เลเวอเรทท์ ฟรีมอนท์
แก้ไขโพสต์หลังพร้อมส่งกิจกรรม:ภาพส่วนหัวโปรไฟล์:โค้ด HTML (แนบใส่กล่อง):
บบฟอร์มร่วมกิจกรรมชื่อผู้เข้าร่วม: Axel Mikailovสังกัดบ้านหมายเลข/กองร้อย: 19th Tyche
จอง NPC ที่จะออกแบบโปรไฟล์:(ทำได้ 2 NPC ต่อคน = 2 รางวัล)1. Nico di Angelo2. Rachel Elizabeth Dare
แก้ไขโพสต์หลังพร้อมส่งกิจกรรม:ภาพส่วนหัวโปรไฟล์:โค้ด HTML (แนบใส่กล่อง):
แก้ไขครั้งสุดท้ายโดย Moneka เมื่อ 2025-10-17 06:30
แบบฟอร์มร่วมกิจกรรมชื่อผู้เข้าร่วม: Moneka M. Blossomสังกัดบ้านหมายเลข/กองร้อย: กองร้อยที่ 2
จอง NPC ที่จะออกแบบโปรไฟล์: Lucas Aquinas และ Brutus Vanderbilt
Brutus Vanderbiltภาพส่วนหัวโปรไฟล์: [จิ้ม]โค้ด HTML (แนบใส่กล่อง):<style>
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://s.imgz.io/2025/10/17/Untitled-design-57173824a8cb3c8d0.gif") center/cover no-repeat;
opacity:1;
}
</style>
<!doctype html>
<html lang="th">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Sun Glow Hover Image</title>
<style>
/* สไตล์นี้สโคปเฉพาะคลาส .sun-img เท่านั้น */
.sun-img {
--sun-size: 240px; /* ปรับขนาดภาพตรงนี้ได้ */
display: block;
margin: 0 auto; /* จัดให้อยู่กึ่งกลางแนวนอน */
position: relative;
width: var(--sun-size);
isolation: isolate; /* กันเอฟเฟกต์ไม่ให้กระทบองค์ประกอบอื่น */
}
.sun-img img {
display: block;
width: 100%;
height: auto;
border-radius: 12px;
box-shadow: 0 6px 18px rgba(0,0,0,0.15);
transition: filter .35s ease, transform .35s ease;
}
/* แสงอุ่นแบบพระอาทิตย์ */
.sun-img::after {
content: "";
position: absolute;
inset: -8%;
border-radius: 14px;
background: radial-gradient(circle at 50% 50%,
rgba(255, 215, 120, .55) 0%,
rgba(255, 165, 60, .35) 35%,
rgba(255, 140, 0, 0) 70%);
filter: blur(10px);
opacity: 0;
transition: opacity .35s ease;
pointer-events: none;
z-index: 1;
}
/* เอฟเฟกต์เวลาโฮเวอร์ */
.sun-img:hover img {
filter: brightness(1.2) saturate(1.05);
}
.sun-img:hover::after {
opacity: .9;
}
</style>
</head>
<body>
<!-- สามารถนำบล็อกนี้ไปแทรกในกล่องข้อความหรือ section ใด ๆ ได้เลย -->
<figure class="sun-img">
<img
src="https://s.imgz.io/2025/10/17/Untitled-design-8112b8d7891d04d81.gif"
alt="Sun-glow hover GIF"
loading="lazy"
/>
</figure>
</body>
</html>
Lucas Aquinasภาพส่วนหัวโปรไฟล์: [จิ้ม]พิเศษใส่ไข่ ภาพโปรเผื่ออยากใช้ : [จิ้ม]โค้ด HTML (แนบใส่กล่อง):
<style>
body{ background: transparent !important; margin:0; font-family:'Kanit',system-ui,-apple-system,sans-serif; color:var(--ink); }
html::before{
content:"";
position:fixed; inset:0; z-index:-1; pointer-events:none;
background:url("https://img2.pic.in.th/pic/f67dc0cc6478bf9f8b1aba0f214efcc6.jpg") center/cover no-repeat;
opacity:1;
}
</style>
<!doctype html>
<html lang="th">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Black Frame Centered Image (Clean Version)</title>
<style>
/* กรอบสีดำเรียบเท่ ไม่กระทบส่วนอื่น */
.black-frame {
--frame-size: 320px; /* ขนาดกรอบ */
--img-size: 240px; /* ขนาดภาพ */
width: var(--frame-size);
height: var(--frame-size);
background: #000; /* กรอบดำล้วน */
margin: 40px auto;
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
box-shadow:
0 0 10px rgba(0, 0, 0, 0.6),
inset 0 0 6px rgba(255, 255, 255, 0.05);
overflow: hidden;
position: relative;
isolation: isolate;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
/* เอฟเฟกต์ตอน hover แบบเทา-ขาวนุ่ม ๆ */
.black-frame:hover {
transform: scale(1.02);
box-shadow:
0 0 18px rgba(255, 255, 255, 0.25),
0 0 30px rgba(255, 255, 255, 0.1),
inset 0 0 6px rgba(255, 255, 255, 0.1);
}
.black-frame img {
width: var(--img-size);
height: auto;
border-radius: 10px;
transition: filter 0.3s ease, transform 0.3s ease;
}
/* เอฟเฟกต์ตอน hover: ภาพสว่างนิด ๆ */
.black-frame:hover img {
filter: brightness(1.1) contrast(1.05);
transform: scale(1.03);
}
</style>
</head>
<body>
<!-- กรอบดำเรียบเท่ พร้อมภาพตรงกลาง -->
<div class="black-frame" style="--frame-size: 320px; --img-size: 240px;">
<img
src="https://img2.pic.in.th/pic/87877173a22c8e5fd58ad815d8b233df.jpg"
alt="Black Frame Centered Image"
loading="lazy"
/>
</div>
</body>
</html>
รวมรางวัลกิจกรรมทั้ง 2 รางวัล200x2 = 400 พลังใจ60x2 = 120 ดรักม่า (เนื่องจากอยู่ค่ายจูปิเตอร์ขอรับเป็นดีนาเรียสแทน)800x2 = 1600 ดอลลาร์Lv Max ได้รับ 5x2 = 10 Point แทนหินตีบวกและอัปเกรดอย่างละ 15x2 = 30 ก้อนหินแห่งกำลัง 10x2 = 20 ก้อนหินแห่งนิทรา 10x2 = 20 ก้อน(เลือก) ผลึกไททัน 15x2 = 30 ก้อน
@God
หน้า:
[1]