Olympus Street

God โพสต์ 2024-12-20 12:44:10

<div align="center" style="list-style-type: none;">

<style>
#boxsystem01 {
border-radius: 20px;
border: 5px double #BFB5A9;
padding: 3px;
box-shadow: #d3d0cb 0px 0px 10px;
background-image: url("https://i.imgur.com/ZszF0yy.png");}
</style>

<style>
#boxsystem02 {
width: 800px;
border-radius: 50px;
border: 0px dotted #e7c54b;
padding: 100px;
box-shadow: #fff 0px 0px 50px;
background-image: url("https://i.imgur.com/NZBkflt.png");}
</style>


<style>
#boxsystem03 {
width: 500px;
border-radius: 50px;
border: 2px dotted #3F3F3F;
padding: 20px;
box-shadow: #3F3F3F 0px 0px 2em;
background-image: url("https://i.imgur.com/vkI5AuR.gif");}
</style>

<style>
.shadow {
   text-shadow: 0px 0px 5px #efe7dc;
}
</style>


<div id="boxsystem01">
<p>

<br><br></p><p><br></p><div id="boxsystem02"><p><font face="TH Charmonman"><img src="https://i.imgur.com/yVnKrMt.gif" width="200" _height="50" border="0"></font></p><p><span class="shadow" style=""><font style="font-weight: bold; color: rgb(6, 165, 191);" face="TH Charmonman" size="2"><br></font><font size="7" style="font-family: Georgia;" color="#dabba2">Olympus Street</font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="TH Charmonman"><br><font color="#bfb5a9"><font size="3" style="">⪻</font><font size="5" style=""> ถนนโอลิมปัส </font></font></font><span style="font-family: " th="" charmonman";="" font-size:="" medium;"=""><font color="#bfb5a9">⪼</font></span></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font size="2" face="TH Charmonman"><br></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font size="2" face="TH Charmonman"><img src="https://i.imgur.com/NA4YkFJ.gif" width="180" _height="40" border="0"></font></p><p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;"><font face="Sarabun" size="3"><br></font></p><img src="https://i.imgur.com/5ps8Ohr.png" width="500" _height="500" border="0"><br>

<iframe width="500" height="5" src="https://www.youtube.com/embed/vBh3lEno3to?autoplay=1&loop=1&playlist=vBh3lEno3to" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>

<p dir="ltr" style="text-align: center; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="Sarabun" size="4" style="" color="#06a5bf"><b style=""><br></b></font></p><p dir="ltr" style="text-align: center; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="Sarabun" size="4" style="" color="#06a5bf"><b style=""><br></b></font></p><p dir="ltr" style="text-align: center; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="Sarabun" size="4" style="" color="#06a5bf"><b style=""><br></b></font></p><p dir="ltr" style="text-align: center; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="TH Charmonman" size="3"><b style=""><font color="#bfb5a9">꧁) </font><font color="#c58615"> </font></b></font><b style="font-family: " th="" charmonman";="" font-size:="" xx-large;"=""><span class="shadow" style=""><font color="#dabba2">ถนนโอลิมปัส</font></span></b><font face="TH Charmonman"><b style=""><font size="6" style="color: rgb(197, 134, 21);"> </font><font size="3" style="" color="#bfb5a9">(꧂</font></b></font></p><p dir="ltr" style="text-align: center; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><img src="https://i.imgur.com/AqGBnk3.gif" width="180" _height="30" border="0"><font face="TH Charmonman"><b style=""><font size="3" style="" color="#f2e8c0"></font></b></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#696969"><font face="Noto Sans Thai" size="3"><br></font></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#696969"><font face="Noto Sans Thai" size="3"><br></font></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#696969" face="Noto Sans Thai" size="3">             ถนนบนโอลิมปัสเป็นถนนที่ถูกบูรณะใหม่จากความเสียหายในสงครามโครนอส ตามสถาปัตยกรรมกรีกโบราณผสมผสานยุคปัจจุบันกันอย่างลงตัว โดยฝีมือ แอนนาเบธ เชส เป็นถนนเชื่อมต่อกับโถงทุกห้องส่วนตัวของเทพต่าง ๆ และสถานที่สำคัญ โดยมีศูนย์กลางคือโถงแห่งโอลิมปัส สภาแห่งเทพ</font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#696969" face="Noto Sans Thai" size="3"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="color: rgb(105, 105, 105); font-family: " noto="" sans="" thai";="" font-size:="" medium;"="">             </span><font color="#696969" face="Noto Sans Thai" size="3">ถนนสายนี้ปูด้วยหินอ่อนสีขาวสะอาดตา ประดับประดาด้วยเสาหินอ่อนสีเขียวเข้ม และต้นไม้ดอกไม้หลากสีสัน สองข้างทางเรียงรายไปด้วยอาคารที่พักอาศัยของเทพเจ้า แต่ละหลังมีสถาปัตยกรรมที่แตกต่างกันไป สะท้อนถึงบุคลิกและความชอบของเทพเจ้าที่อาศัยอยู่ บางหลังเป็นอาคารทรงโดมสูงใหญ่ บางหลังเป็นอาคารทรงสี่เหลี่ยมเรียบง่าย บางหลังเป็นอาคารทรงกลม และบางหลังเป็นอาคารทรงโค้ง แต่ละหลังตกแต่งด้วยลวดลายและสีสันที่แตกต่างกันไป สะท้อนถึงความหลากหลายของวัฒนธรรมและศิลปะบนโอลิมปัส</font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#696969" face="Noto Sans Thai" size="3"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="color: rgb(105, 105, 105); font-family: " noto="" sans="" thai";="" font-size:="" medium;"="">             </span><font color="#696969" face="Noto Sans Thai" size="3">ที่ปลายถนน เป็นโถงแห่งโอลิมปัส อาคารที่ใหญ่ที่สุดและสำคัญที่สุดบนโอลิมปัส เป็นที่ประชุมของเหล่าเทพเจ้า อาคารนี้มีสถาปัตยกรรมที่ยิ่งใหญ่และอลังการ ประดับประดาด้วยเสาหินอ่อนขนาดมหึมา และลวดลายทองคำวิจิตรบรรจง ภายในอาคาร เป็นห้องโถงขนาดใหญ่ มีบัลลังก์ของเทพเจ้าทั้งสิบสององค์ตั้งเรียงรายอยู่ บัลลังก์ของซุส เทพเจ้าผู้เป็นใหญ่ ตั้งอยู่ตรงกลาง เป็นบัลลังก์ที่ใหญ่ที่สุดและหรูหราที่สุด รอบๆ บัลลังก์ มีเทพเจ้าองค์อื่นๆ นั่งอยู่ตามลำดับชั้น</font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font color="#696969" face="Noto Sans Thai" size="3"><br></font></p><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="color: rgb(105, 105, 105); font-family: " noto="" sans="" thai";="" font-size:="" medium;"="">             </span><font color="#696969" face="Noto Sans Thai" size="3">ถนนบนโอลิมปัสเป็นสถานที่ที่สำคัญและศักดิ์สิทธิ์ เป็นสถานที่ที่เหล่าเทพเจ้าจะมาพบปะสังสรรค์ แลกเปลี่ยนความคิดเห็น และตัดสินใจเกี่ยวกับชะตากรรมของโลกมนุษย์ ถนนสายนี้เป็นสัญลักษณ์ของความสง่างาม ความยิ่งใหญ่ และความเป็นอมตะของเหล่าเทพเจ้า และเป็นสถานที่ที่เหล่าเทพเจ้าจะอาศัยอยู่ตลอดกาล</font></p><div style="text-align: left;"><br></div><p dir="ltr" style="text-align: left; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><font face="Noto Sans Thai" size="3"><font color="#696969"><br></font></font></p><p dir="ltr" style="text-align: center; line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><img src="https://i.imgur.com/AqGBnk3.gif" border="0"></p></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><br><br><br>

</font></font></font><p></p></font></div><font color="#fff" style=""><font face="Kanit"><font size="3"><font color="black"><b>

<br><br>

</b></font></font></font></font></div><font color="#fff" style="">

<style type="text/css">BODY{background:url("https://i.imgur.com/rzCQ2N4.png); background-attachment:fixed; }</style>


<style name="captain" type="text/css">
img:hover{
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
img:hover{
overflow:hidden;
}
img{
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}
</style>


<style type="text/css">
::-webkit-scrollbar {width: 5px; height: 0px;}
::-webkit-scrollbar-track-piece {background: #fff;}
::-webkit-scrollbar-thumb { background-color: #fff; border-radius:3px; }</style>
<style type="text/css">
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track-piece:decrement{ background:#d1d0cc!important; border-left:2px solid #fff; border-right:2px solid #fff; }
::-webkit-scrollbar-track-piece:increment { background:#a09f9a!important; }
::-webkit-scrollbar-button{ background:#fff!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background: linear-gradient(#fff, #e4d3c8, #a09f9a); border-top:3px solid #e7d1a5;border-radius:5px; border-bottom:0px solid #8c935d;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{ background: linear-gradient(#a09f9a, #e4d3c8,#fff); border-top:3px solid #e7d1a5;border-radius:5px; border-bottom:0px solid #494d56;border-radius:5px;}</style>



<style name="captain" type="text/css">img:hover {-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg) }img {-webkit-transition:5s; -moz-transition:5s;
-o-transition:5s;} </style>

</font>

<style type="text/css">
#side{
margin-right:-1px;
width:512px;
height:512px;
overflow:hidden;}

#text
{text-align:center;
width:500px;
height:500px;
padding:5px;
overflow:auto;
color:#0e1c26;
background-image: url("https://i.imgur.com/H7PJy4A.png");}

#picture
{margin-left:-257px;
width:512px;
height:512px;
overflow:hidden;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;}

#side:hover #picture
{margin-left:-1500px;}
</style>

<style name="captain" type="text/css">
a:link,a:visited{
-webkit-transition: 5s;
-moz-transition: 5s;
color:#827e75;
text-decoration:none;
padding:2px;
background:transparent;
box-shadow: inset 0px 0 0px 0 #d3d0cb;}

a:hover{
-webkit-transition: 5s;
-moz-transition: 5s;
overflow:hidden;
box-shadow: inset 200px 0 0px 0 #d3d0cb;
text-decoration:none;}</style>

<div style="left: 0px; position: fixed; top: 25px;">
<img src="https://i.imgur.com/yHxkJQI.gif" width="200" _height="200" border="0"><br>
</div>
<div style="right: 0px; position: fixed; top: 25px;">
<img src="https://i.imgur.com/yHxkJQI.gif" width="200" _height="200" border="0"><br>
</div>

Nereza โพสต์ 2024-12-21 10:16:02

Jayvik โพสต์ 2024-12-21 13:52:33

<div class="btpsta-1" style="outline-color:#466ca6"><div class="btpsta-1fight"><div class="btpsta-1ic"><i class="cp cp-map-o" style="color:#6E8F58"><br></i><i class="cp cp-sword-o" style="color:#466ca6"></i></div></div><div class="btpsta-1post"><div class="btpsta-1post"><div class="btpsta-1post" style="text-align: center;"><font size="4" color="#466ca6"><b>21/12/2024</b></font></div><div class="btpsta-1post" style="text-align: center;"><font size="4" color="#466ca6"><b>09.26 น.</b></font></div><div class="btpsta-1post"><font size="4">[ อ้างอิงจากโรลของคุณ Nereza ]</font></div><div class="btpsta-1post"><font size="4">ผ่านไปเป็นเวลา 5 นาทีเศษ ๆ ได้ลิฟท์ก็ได้หยุดนิ่งลง จังหวะที่หยุดนั้นเอาขาของเจวิคลอยไปเลย ก่อนหน้านี้ก็มีหญิงสาวที่นั่งข้างเขาบนรถบัส สภาพดูไม่จืดยืนอยู่ข้าง ๆ กัน ชายหนุ่มหันมองเธอกรี๊ดมาตลอดตั้งแต่ตอนที่ลิฟต์ขยับจนจอดนิ่งสนิท</font></div><div class="btpsta-1post"><font size="4"><font color="#466ca6">‘เสียงไม่หมดหรอเนี้ย’</font> เขานึกภายในใจ</font></div><div class="btpsta-1post"><font size="4">ประตูลิฟต์เปิดออก อะพอลโล่เดินออกจากลิฟต์ไปเป็นคนแรก พร้อมกับกล่าวต้อนรับเหล่าเดมิก็อตที่ยืนอึ้งกันอยู่ภายในลิฟต์</font></div><div class="btpsta-1post"><font size="4">คนที่ยืนอยู่ด้านหน้าก็ค่อย ๆ ทยอยเดินออกจากลิฟต์พร้อมกับมองดูสิ่งปลูกสร้างโบราณไปด้วย เจวิคยืนรอให้คนเหล่านั้นเดินออกจากลิฟต์ไป ก่อนจะถึงรอบของตนเอง</font></div><div class="btpsta-1post"><font size="4"><font color="#466ca6">“เออ ออกไปก่อนได้เลยครับ”</font> ชายหนุ่มพูดกับหญิงสาวที่กรี๊ดตลอดลิฟต์เคลื่อนที่ เธอเดินออกจากลิฟต์ไปแล้วเขาจึงเดินตามไป</font></div><div class="btpsta-1post"><font size="4">อะพอลโล่ได้ให้เหล่าครึ่งเทพแต่ละคนไปรับแผ่นพับเดินเที่ยวโอลิมปัส และอธิบายว่าต้องไปรวมตัวกันที่โถงแห่งโอลิมปัสตอนเวลา 20.00 นาฬิกา เพื่อเข้าร่วมงานเลี้ยงครอบครัว หรือว่าจะไปเยี่ยมพ่อกับแม่ที่ห้องพักก่อนก็ได้</font></div><div class="btpsta-1post"><font size="4">เจวิคเดินไปรับแผ่นพับ กล่าวขอบคุณและยิ้มให้อะพอลโล่ <font color="#466ca6">“ขอบคุณครับ”</font> ชายหนุ่มเดินมายืนที่โล่ง ๆ บนหินอ่อนที่ไม่ค่อยมีคน ภายในมือเป็นแผ่นพับอธิบายสถานที่ต่าง ๆ</font></div><div class="btpsta-1post"><font size="4" color="#466ca6">“ไปที่ไหนก่อนดี”</font></div></div></div></div><div class="bta-cr">Jayvik Mchonde</div><link rel="stylesheet" href="//icons.cappuccicons.com/cpf.css"><link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&
display=swap" rel="stylesheet"><style>
@font-face {
font-family: 'Hugiller';
src: url('https://dl.dropbox.com/s/n8sgc1u4ywaqkv5/Hugiller%20DEMO.otf?dl=0');
src: url('https://dl.dropbox.com/s/n8sgc1u4ywaqkv5/Hugiller%20DEMO.otf?dl=0') format('truetype');
font-weight: normal;
font-style: normal;
}
.btpsta-1{
width:800px;
border:1px solid #466ca6;
background:#fefefe;
border:15px solid #fafafa;
margin:10px auto;
outline:1px solid #466ca6;
outline-offset:-15px;
}

.btpsta-1title b{
font-family: 'Hugiller';
font-size:30px;
color:#466ca6;
display:block;
line-height:18px;
}
.bta-cr{
width:800px;
margin:-5px auto 20px;
text-align:center;
font-size:8px;
text-transform:uppercase;
text-decoration:none;
color:#888;
background:#fff;
border:1px solid #ddd;
height:18px;
display:flex;
align-items:center;
justify-content:center;
}
.btpsta-1post{
margin:10px 30px 40px;
font-size:12px;
text-align:justify;
color:#888;
line-height:18px;
font-family: 'Roboto Condensed', sans-serif;
}

.btpsta-1title > span > i{
font-size:6px;
padding:0px 5px;
color:#466ca6;
}
.btpsta-1fight{
display:flex;
align-items:center;
justify-content:center;
height:100px;
position:relative;
padding:30px 0px 10px;
}
.btpsta-1fight > div {
position:absolute;
width:70px;
height:70px;
border-radius:100px;
display:flex;
align-items:Center;
justify-content:center;
border:1px solid #ddd;
overflow:hidden;
background:#fbfbfb
}
.btpsta-1fight>div>i{
position:relative;
font-size:25px;
color:#58ADB9;
}
.btpsta-1fight>div>i:nth-child(1){
left:8px;
animation: btpsta-1fight1 3s infinite;
}
.btpsta-1fight>div>i:nth-child(2){
top:0px;
left:-8px;
animation: btpsta-1fight2 3s infinite;
transform:rotate(-90deg);
}
@keyframes btpsta-1fight1{
0%{
transform:rotate(-45deg);
left:-3px
}
50%{
transform:rotate(0deg);
left:8px;
}
100%{
transform:rotate(-45deg);
left:-3px;
}
}
@keyframes btpsta-1fight2{
0%{
transform:rotate(-45deg);
left:3px;
}
50%{
transform:rotate(-90deg);
left:-8px;
}
100%{
transform:rotate(-45deg);
left:3px;
}
}
.btpsta-1fight>div>i:nth-child(1){
-webkit-animation:btpsta-1fight1 3s infinite;
-moz-animation:btpsta-1fight1 3s infinite;
-o-animation:btpsta-1fight1 3s infinite
}
.btpsta-1fight>div>i:nth-child(2){
-webkit-animation:btpsta-1fight2 3s infinite;
-moz-animation:btpsta-1fight2 3s infinite;
-o-animation:btpsta-1fight2 3s infinite
}
@-moz-keyframes btpsta-1fight1{
0%{
transform:rotate(-45deg);
left:-3px
}
50%{
transform:rotate(0deg);
left:8px;
}
100%{
transform:rotate(-45deg);
left:-3px;
}
}
@-webkit-keyframes btpsta-1fight1{
0%{
transform:rotate(-45deg);
left:-3px
}
50%{
transform:rotate(0deg);
left:8px;
}
100%{
transform:rotate(-45deg);
left:-3px;
}
}
@-o-keyframes btpsta-1fight1{
0%{
transform:rotate(-45deg);
left:-3px
}
50%{
transform:rotate(0deg);
left:8px;
}
100%{
transform:rotate(-45deg);
left:-3px;
}
}
@-moz-keyframes btpsta-1fight2{
0%{
transform:rotate(-45deg);
left:3px;
}
50%{
transform:rotate(-90deg);
left:-8px;
}
100%{
transform:rotate(-45deg);
left:3px;
}
}
@-webkit-keyframes btpsta-1fight2{
0%{
transform:rotate(-45deg);
left:3px;
}
50%{
transform:rotate(-90deg);
left:-8px;
}
100%{
transform:rotate(-45deg);
left:3px;
}
}
}
@-o-keyframes btpsta-1fight2{
0%{
transform:rotate(-45deg);
left:3px;
}
50%{
transform:rotate(-90deg);
left:-8px;
}
100%{
transform:rotate(-45deg);
left:3px;
}
}
</style>

Laura โพสต์ 2024-12-21 15:44:58

Jayvik โพสต์ 2024-12-21 16:18:30

<div class="btpsta-1" style="outline-color:#466ca6"><div class="btpsta-1fight"><div class="btpsta-1ic"><i class="cp cp-map-o" style="color:#6E8F58"><br></i><i class="cp cp-sword-o" style="color:#466ca6"></i></div></div><div class="btpsta-1post"><div class="btpsta-1post"><div class="btpsta-1post" style="text-align: center;"><font size="4" color="#466ca6"><b>21/12/2024</b></font></div><div class="btpsta-1post" style="text-align: center;"><font size="4" color="#466ca6"><b>09.28 น.</b></font></div><div class="btpsta-1post"><font size="4">เจวิคยืนดูแผ่นพับในมืออยู่สักพัก ก็ได้ยินเสียงของลอร่าที่นั่งกับข้างเขาบนรถบัส เขาเงยหน้าขึ้นมองหญิงสาวมีท่าทีลุกลี้ลุกลน เหมือนกำลังคุยกับใครอยู่ตลอดเวลา ภายในมือถือขวดแก้วที่บรรจุไปด้วยน้ำสีม่วงเข้มอยู่หลายขวด </font></div><div class="btpsta-1post"><font size="4"><font color="#466ca6">‘ไวน์หรอ ไม่หรอกมั้ง ใครจะไปพกมาเยอะขนาดนั้น น้ำองุ่นแหละ’</font> เจวิคนึกภายในใจ ก่อนจะนึกขึ้นได้ว่าเธอมาแนะนำตัวกับเขาเมื่อตอนก่อนขึ้นรถแต่ด้วยความที่ตอนนั้นเขาเหม่อมองไปทั่วเลยไม่ได้ตอบกลับอะไรไป</font></div><div class="btpsta-1post"><font size="4"><font color="#466ca6">“เออ สวัสดี เมื่อก่อนหน้านี้ขอโทษด้วยนะที่ไม่ได้ตอบ พอดีผมเหม่อหน่อย ๆ หน่ะ ผมเจวิคนะครับ บุตรแห่งเฮอร์มีสครับ”</font> เจวิครีบตอบกลับลอร่า</font></div><div class="btpsta-1post"><font size="4">เจวิคเห็นเธอพูดกับใครสักคนอีกครั้งหลังจากที่ถามว่าจะไปเที่ยวกันที่ไหนดี</font></div><div class="btpsta-1post"><font size="4"><font color="#466ca6">“งั้นเอาแบบที่คุณลอร่าว่าแล้วกันครับ เอาเป็นว่าตอนเที่ยงไปเจอกันที่สวนแห่งอะโฟร์ไดต์แล้วกันครับ”</font> ชายหนุ่มไม่ได้เร่งรีบอะไรอยากให้เธอได้ไปทำธุระส่วนตัวของเธอเสียก่อน ก่อนจะเห็นเธอตั้งท่าเตรียมวิ่งไปที่อื่น</font></div><div class="btpsta-1post"><font size="4"><font color="#466ca6">“ไว้เจอกันนะครับ”</font> เจวิคกล่าวอำลาก่อนจะก้มดูแผ่นพับอีกรอบ</font></div><div class="btpsta-1post"><font size="4"><font color="#466ca6">‘เฮอร์มีส วีอาร์ เอมโพเรียมแล้วกัน ไหน ๆ ก็เป็นของพ่อเราเป็นคนคิดแล้วด้วย’</font> ชายหนุ่มนึกภายในใจก่อนจะเริ่มก้าวขาเดินจากไป<br></font></div><div class="btpsta-1post" style="text-align: right;"><b><font size="4" color="#466ca6">@Laura</font></b> <font size="4"></font></div></div></div></div><div class="bta-cr">Jayvik Mchonde</div><link rel="stylesheet" href="//icons.cappuccicons.com/cpf.css"><link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&
display=swap" rel="stylesheet"><style>
@font-face {
font-family: 'Hugiller';
src: url('https://dl.dropbox.com/s/n8sgc1u4ywaqkv5/Hugiller%20DEMO.otf?dl=0');
src: url('https://dl.dropbox.com/s/n8sgc1u4ywaqkv5/Hugiller%20DEMO.otf?dl=0') format('truetype');
font-weight: normal;
font-style: normal;
}
.btpsta-1{
width:800px;
border:1px solid #466ca6;
background:#fefefe;
border:15px solid #fafafa;
margin:10px auto;
outline:1px solid #466ca6;
outline-offset:-15px;
}

.btpsta-1title b{
font-family: 'Hugiller';
font-size:30px;
color:#466ca6;
display:block;
line-height:18px;
}
.bta-cr{
width:800px;
margin:-5px auto 20px;
text-align:center;
font-size:8px;
text-transform:uppercase;
text-decoration:none;
color:#888;
background:#fff;
border:1px solid #ddd;
height:18px;
display:flex;
align-items:center;
justify-content:center;
}
.btpsta-1post{
margin:10px 30px 40px;
font-size:12px;
text-align:justify;
color:#888;
line-height:18px;
font-family: 'Roboto Condensed', sans-serif;
}

.btpsta-1title > span > i{
font-size:6px;
padding:0px 5px;
color:#466ca6;
}
.btpsta-1fight{
display:flex;
align-items:center;
justify-content:center;
height:100px;
position:relative;
padding:30px 0px 10px;
}
.btpsta-1fight > div {
position:absolute;
width:70px;
height:70px;
border-radius:100px;
display:flex;
align-items:Center;
justify-content:center;
border:1px solid #ddd;
overflow:hidden;
background:#fbfbfb
}
.btpsta-1fight>div>i{
position:relative;
font-size:25px;
color:#58ADB9;
}
.btpsta-1fight>div>i:nth-child(1){
left:8px;
animation: btpsta-1fight1 3s infinite;
}
.btpsta-1fight>div>i:nth-child(2){
top:0px;
left:-8px;
animation: btpsta-1fight2 3s infinite;
transform:rotate(-90deg);
}
@keyframes btpsta-1fight1{
0%{
transform:rotate(-45deg);
left:-3px
}
50%{
transform:rotate(0deg);
left:8px;
}
100%{
transform:rotate(-45deg);
left:-3px;
}
}
@keyframes btpsta-1fight2{
0%{
transform:rotate(-45deg);
left:3px;
}
50%{
transform:rotate(-90deg);
left:-8px;
}
100%{
transform:rotate(-45deg);
left:3px;
}
}
.btpsta-1fight>div>i:nth-child(1){
-webkit-animation:btpsta-1fight1 3s infinite;
-moz-animation:btpsta-1fight1 3s infinite;
-o-animation:btpsta-1fight1 3s infinite
}
.btpsta-1fight>div>i:nth-child(2){
-webkit-animation:btpsta-1fight2 3s infinite;
-moz-animation:btpsta-1fight2 3s infinite;
-o-animation:btpsta-1fight2 3s infinite
}
@-moz-keyframes btpsta-1fight1{
0%{
transform:rotate(-45deg);
left:-3px
}
50%{
transform:rotate(0deg);
left:8px;
}
100%{
transform:rotate(-45deg);
left:-3px;
}
}
@-webkit-keyframes btpsta-1fight1{
0%{
transform:rotate(-45deg);
left:-3px
}
50%{
transform:rotate(0deg);
left:8px;
}
100%{
transform:rotate(-45deg);
left:-3px;
}
}
@-o-keyframes btpsta-1fight1{
0%{
transform:rotate(-45deg);
left:-3px
}
50%{
transform:rotate(0deg);
left:8px;
}
100%{
transform:rotate(-45deg);
left:-3px;
}
}
@-moz-keyframes btpsta-1fight2{
0%{
transform:rotate(-45deg);
left:3px;
}
50%{
transform:rotate(-90deg);
left:-8px;
}
100%{
transform:rotate(-45deg);
left:3px;
}
}
@-webkit-keyframes btpsta-1fight2{
0%{
transform:rotate(-45deg);
left:3px;
}
50%{
transform:rotate(-90deg);
left:-8px;
}
100%{
transform:rotate(-45deg);
left:3px;
}
}
}
@-o-keyframes btpsta-1fight2{
0%{
transform:rotate(-45deg);
left:3px;
}
50%{
transform:rotate(-90deg);
left:-8px;
}
100%{
transform:rotate(-45deg);
left:3px;
}
}
</style>

Nymeria โพสต์ 2024-12-22 21:45:52

Jayvik โพสต์ 2024-12-27 17:46:15

<div class="btpsta-1" style="outline-color:#466ca6"><div class="btpsta-1fight"><div class="btpsta-1ic"><i class="cp cp-map-o" style="color:#6E8F58"><br></i><i class="cp cp-sword-o" style="color:#466ca6"></i></div></div><div class="btpsta-1post"><div class="btpsta-1post"><div class="btpsta-1post"><div style="text-align: center;"><font size="4" color="#466ca6"><b>22/12/2024</b></font></div><div style="text-align: center;"><font size="4" color="#466ca6"><b>00.30 น.</b></font></div></div><div class="btpsta-1post"><font size="4">เจวิคที่กอดลาพ่อของจนหลังจากงานเลี้ยงเลิกลา ชายหนุ่มเดินออกมาจากโถงแห่งโอลิมปัสมายังถนนเส้นหลัก โดยระหว่างทางเขาก็เปิดดูของในถุงผ้าที่เทพเฮอร์มีส พ่อของเขามอบให้มา <font color="#466ca6">‘ลูกเต๋า กับขนนกหรอ’</font> ชายหนุ่มนึกในใจว่ามันสามารถทำอะไรได้กันแน่ แต่ดูเหมือนว่าในตอนนี้เขาจะยังไม่สามารถใช้งานมันได้</font></div><div class="btpsta-1post"><font size="4">เจวิคเดินมาหยุดอยู่ที่หน้าลิฟต์ที่เชื่อมกับตึกเอ็มไพร์เสตท ชายหนุ่มยื่นมือไปกดปุ่มเพื่อเรียกลิฟต์ให้ขึ้นมารับตน</font></div><div class="btpsta-1post"><font size="4"><font color="#ff0000">“กริ๊ง”</font> เสียงแจ้งเตือนจากลิฟต์ว่ามาถึงแล้ว จากนั้นประตูจึงเลื่อนเปิดออก เจวิคเดินเข้าไปภายในจากนั้นประตูจึงถูกปิดลง</font></div></div></div></div><div class="bta-cr">Jayvik Mchonde</div><link rel="stylesheet" href="//icons.cappuccicons.com/cpf.css"><link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&
display=swap" rel="stylesheet"><style>
@font-face {
font-family: 'Hugiller';
src: url('https://dl.dropbox.com/s/n8sgc1u4ywaqkv5/Hugiller%20DEMO.otf?dl=0');
src: url('https://dl.dropbox.com/s/n8sgc1u4ywaqkv5/Hugiller%20DEMO.otf?dl=0') format('truetype');
font-weight: normal;
font-style: normal;
}
.btpsta-1{
width:800px;
border:1px solid #466ca6;
background:#fefefe;
border:15px solid #fafafa;
margin:10px auto;
outline:1px solid #466ca6;
outline-offset:-15px;
}

.btpsta-1title b{
font-family: 'Hugiller';
font-size:30px;
color:#466ca6;
display:block;
line-height:18px;
}
.bta-cr{
width:800px;
margin:-5px auto 20px;
text-align:center;
font-size:8px;
text-transform:uppercase;
text-decoration:none;
color:#888;
background:#fff;
border:1px solid #ddd;
height:18px;
display:flex;
align-items:center;
justify-content:center;
}
.btpsta-1post{
margin:10px 30px 40px;
font-size:12px;
text-align:justify;
color:#888;
line-height:18px;
font-family: ''Roboto Condensed', sans-serif;
}

.btpsta-1title > span > i{
font-size:6px;
padding:0px 5px;
color:#466ca6;
}
.btpsta-1fight{
display:flex;
align-items:center;
justify-content:center;
height:100px;
position:relative;
padding:30px 0px 10px;
}
.btpsta-1fight > div {
position:absolute;
width:70px;
height:70px;
border-radius:100px;
display:flex;
align-items:Center;
justify-content:center;
border:1px solid #ddd;
overflow:hidden;
background:#fbfbfb
}
.btpsta-1fight>div>i{
position:relative;
font-size:25px;
color:#58ADB9;
}
.btpsta-1fight>div>i:nth-child(1){
left:8px;
animation: btpsta-1fight1 3s infinite;
}
.btpsta-1fight>div>i:nth-child(2){
top:0px;
left:-8px;
animation: btpsta-1fight2 3s infinite;
transform:rotate(-90deg);
}
@keyframes btpsta-1fight1{
0%{
transform:rotate(-45deg);
left:-3px
}
50%{
transform:rotate(0deg);
left:8px;
}
100%{
transform:rotate(-45deg);
left:-3px;
}
}
@keyframes btpsta-1fight2{
0%{
transform:rotate(-45deg);
left:3px;
}
50%{
transform:rotate(-90deg);
left:-8px;
}
100%{
transform:rotate(-45deg);
left:3px;
}
}
.btpsta-1fight>div>i:nth-child(1){
-webkit-animation:btpsta-1fight1 3s infinite;
-moz-animation:btpsta-1fight1 3s infinite;
-o-animation:btpsta-1fight1 3s infinite
}
.btpsta-1fight>div>i:nth-child(2){
-webkit-animation:btpsta-1fight2 3s infinite;
-moz-animation:btpsta-1fight2 3s infinite;
-o-animation:btpsta-1fight2 3s infinite
}
@-moz-keyframes btpsta-1fight1{
0%{
transform:rotate(-45deg);
left:-3px
}
50%{
transform:rotate(0deg);
left:8px;
}
100%{
transform:rotate(-45deg);
left:-3px;
}
}
@-webkit-keyframes btpsta-1fight1{
0%{
transform:rotate(-45deg);
left:-3px
}
50%{
transform:rotate(0deg);
left:8px;
}
100%{
transform:rotate(-45deg);
left:-3px;
}
}
@-o-keyframes btpsta-1fight1{
0%{
transform:rotate(-45deg);
left:-3px
}
50%{
transform:rotate(0deg);
left:8px;
}
100%{
transform:rotate(-45deg);
left:-3px;
}
}
@-moz-keyframes btpsta-1fight2{
0%{
transform:rotate(-45deg);
left:3px;
}
50%{
transform:rotate(-90deg);
left:-8px;
}
100%{
transform:rotate(-45deg);
left:3px;
}
}
@-webkit-keyframes btpsta-1fight2{
0%{
transform:rotate(-45deg);
left:3px;
}
50%{
transform:rotate(-90deg);
left:-8px;
}
100%{
transform:rotate(-45deg);
left:3px;
}
}
}
@-o-keyframes btpsta-1fight2{
0%{
transform:rotate(-45deg);
left:3px;
}
50%{
transform:rotate(-90deg);
left:-8px;
}
100%{
transform:rotate(-45deg);
left:3px;
}
}
</style>

หน้า: [1]

Percy Jackson and the Olympians Thailand's Archiver

Olympus Street