Cô gái nhảy cẩng lên, hét lớn khi vung mạnh hai cánh tay về phía bầu trời
"VÀ Ô VĂN KÊ! HÔM NAY CHÚNG TA SẼ CÙNG NHAU ĐÁ VÀO MẤY HÒN BI CỦA TỤI QUÁI VẬT GỚM GỚM NHAAAAAA"
Test tương tác cho người chơi mới
- Thread starter Ultimate
- Start date
Code:
[div=wrapperBg||url('https://i.redd.it/uwzwkfuuuwd61.jpg')][div=flexContainer||][div=tipWrapper||]
[div=tipContainer||][div=charTip||][div=tipImg||url('https://i.imgur.com/MddsgYu.png')][/div]Li Meilin[/div][/div]
[/div]
[div=container||][div=infoWrapper||][div=infoTitle||]INFORMATION[/div][div=infoLine||][/div][div=infoText||]Phòng của Li Meilin [/div][/div]
[div=content||]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur magna lacus, ultrices sit amet mattis et, mollis et eros. Nunc placerat tellus et dictum scelerisque. Pellentesque venenatis facilisis urna finibus dictum. Vivamus imperdiet mi neque, vitae tempus nunc iaculis ac. Quisque consectetur justo nisl, ut varius urna dignissim at. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus facilisis feugiat dolor, ut aliquet lacus dictum id. Proin quis ultrices ligula. Suspendisse porttitor auctor justo, quis placerat diam pharetra a.
Aenean nec pharetra nulla. Nullam gravida dignissim odio. Cras nec lacinia ante, eu auctor dolor. Sed non molestie turpis. Sed tempus risus id ligula venenatis fringilla sit amet eu metus. Nullam euismod at turpis in ultrices. Aliquam ut odio sit amet leo ornare scelerisque et vitae orci. Aliquam erat volutpat. Nulla tincidunt facilisis lacus. Mauris ornare tincidunt orci ullamcorper pellentesque. Sed blandit auctor ex, eget ultrices nisi pulvinar vel. Nam arcu mauris, ornare faucibus vestibulum eget, ultrices quis orci.
Nulla rutrum ipsum at lectus aliquet mollis. Vivamus quis tellus nunc. Maecenas felis neque, scelerisque sit amet aliquet non, consequat malesuada sapien. Cras ante enim, rutrum id porta eget, aliquet vitae tellus. Maecenas nec vestibulum lorem, sed rutrum erat. Fusce luctus lacus in arcu vehicula, sed interdum lacus vehicula. Nulla et risus placerat, commodo purus a, dapibus ante. Proin sed blandit sapien, a suscipit nisi. Sed finibus, nulla sit amet accumsan tempor, justo mi imperdiet lectus, quis egestas odio augue a felis.[/div][div=footer||][/div][/div][/div][/div]
[style]
.wrapperBg {
padding-top: 120px;
padding-bottom: 120px;
background-color: rgba(28, 31, 36,0.8) !important;
background-blend-mode: darken !important;
background-size: auto 100% !important;
background-position: center !important;
}
.flexContainer {
display: flex;
flex-direction: column;
}
.container {
width: 80%;
max-width: 1600px;
padding-top: 120px;
margin: auto;
border-radius: 3px;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
background: url(https://grainy-gradients.vercel.app/noise.svg);
background-color: #e8eaed;
box-shadow: inset 0px 0px 50px rgba(0,0,0,.2), inset 0px 0px 50px rgba(0,0,0,.2);
}
.tipWrapper {
display: flex;
flex-direction: row;
justify-content: start;
width: 80%;
margin: auto;
transform: translateX(5%);
margin-bottom: -80px;
}
.suspect {
position: absolute;
top: 0;
left: 0;
transform: translateX(-20%);
color: #042cdb;
font-family: Bebas Neue, sans-serif;
letter-spacing: 2px;
font-size: 24px;
z-index: 1;
}
.tipContainer {
background-color: #fcfcfc;
transform: rotate(3deg);
padding: 12px;
position: relative;
transition: 0.25s;
}
.tipContainer:nth-child(2n) {
transform: rotate(-3deg) translateY(-2%);
}
.tipContainer:hover {
box-shadow: 10px 10px 0px #042cdb;
transform: rotate(8deg) translateY(-5%);
}
.tipContainer:nth-child(2n):hover {
transform: rotate(-8deg) translateY(-2%);
}
.charTip {
display: flex;
flex-direction: column;
align-items: center;
}
.tipImg {
background-size: 120px 120px !important;
width:120px;
height: 120px;
filter: grayscale(100%);
margin-bottom: 4px;
transition: 0.25s;
}
.tipImg:hover {
filter: none;
}
.content {
width: 80%;
max-width: 1024px;
margin: auto;
}
.infoWrapper {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 40px;
}
.infoTitle {
font-family: Bebas Neue, sans-serif;
letter-spacing: 2px;
font-size: 16px;
text-align: left;
background-color: #0223b3;
color: #fcfcfc;
letter-spacing: 2px;
line-height: 100%;
padding: 4px;
display: inline-block;
}
.infoLine {
flex: 1;
height: 1px;
background-color: #0223b3;
}
.infoText {
margin: 0 24px 0 8px;
color: #0223b3;
font-family: Josefin Sans, sans-serif;
letter-spacing: 1px;
}
.footer {
margin: auto;
margin-top: 80px;
margin-bottom: 40px;
width: 100px;
height: 25px;
border-radius: 40px;
background-color: #4f4e52;
box-shadow: inset 0px 0px 15px rgba(0,0,0,.5), inset 0px 0px 15px rgba(0,0,0,.5);
}
@media screen and (max-width: 600px) {
.container{
width: 90%;
}
.converWrapper {
flex-direction: column;
justify-content: center;
}
.content {
width: 90%;
}
.tipContainerNoRotate {
padding: 8px;
position: relative;
transition: 0.25s;
display: inline-block;
margin-right: 20px;
align-self: flex-start;
margin: auto;
}
[/style]
[gfont]family=Bebas+Neue&display=swap[/gfont]
[gfont]family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap[/gfont]
[code][div=tipContainer||][div=charTip||][div=tipImg||url('https://i.imgur.com/Zf38KbW.png')][/div]Flavia Dohaeris[/div][/div][/code]
[box=;display: inline-block;width:122px;margin:5px;text-align:center||||][box=; border: 1px #3f3f3f solid;||||][szimg=120|120]https://i.imgur.com/Zf38KbW.png[/szimg][/box]Flavia Dohaeris[/box]
Last edited:
Christopher Laurent
Member
Mình test test test test ạ.
Christopher Laurent
Member
mình nhắn test thôi ạ
Christopher Laurent
Member
Huh?
Christopher Laurent
Member
Chrispher Laurent
INFORMATION
Christ's bathroom
Tôi đã quá mệt mỏi rồi.
Last edited:
Zyaire Vie
Member
Zyaire Vie
INFORMATION
Trường học Imperia [2024.12.15]
Cô gái đó mặc chiếc áo khoác nhạt màu.
Cô ấy trông rất bối rối. Hình như vừa có người hỏi cô gì đó mà cô lại không nghe rõ. Nhìn khuôn mặt khó xử ngơ ngác thế là biết cô không dám hỏi lại rồi. Cô ậm ừ: "A... Hả?" Vô cùng gượng gạo và đần độn làm người đối diện còn tưởng cô bị điếc. Thì, cuối cùng cô vẫn hỏi lại được người ta muốn nói gì nhưng người ta cũng chỉ ừ rồi bỏ đi.
Một ngày bình thường của người mắc chứng sợ xã hội.
Cô ấy trông rất bối rối. Hình như vừa có người hỏi cô gì đó mà cô lại không nghe rõ. Nhìn khuôn mặt khó xử ngơ ngác thế là biết cô không dám hỏi lại rồi. Cô ậm ừ: "A... Hả?" Vô cùng gượng gạo và đần độn làm người đối diện còn tưởng cô bị điếc. Thì, cuối cùng cô vẫn hỏi lại được người ta muốn nói gì nhưng người ta cũng chỉ ừ rồi bỏ đi.
Một ngày bình thường của người mắc chứng sợ xã hội.
Christopher Laurent
Member
LOCATION
Phòng học học viện Mittelos
▶ Classroom 1001
DESCRIPTION
Mittelos Classroom 1001.INSPECTABLE ITEM
Máy chiếu 3D
Bàn giáo viên
Ghế lớp học
Bàn học
Màn hình máy tính
▶ Classroom 1009
DESCRIPTION
Mittelos Classroom 1009.INSPECTABLE ITEM
Máy chiếu 3D
Bàn giáo viên
Ghế lớp học
Bàn học
Màn hình máy tính
Last edited:
midnightbrownie.
Member
Bầu trời xanh xám
Cánh chim cắt ngang nền trời.
midnightbrownie.
Member
nếu như này thì sao?
Carolina Scott
Carolina Scott
Bầu trời xanh xám
Cánh chim cắt ngang nền trời.
St.Lazare
New member
Lớp học trường Imperia
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur magna lacus, ultrices sit amet mattis et, mollis et eros. Nunc placerat tellus et dictum scelerisque. Pellentesque venenatis facilisis urna finibus dictum. Vivamus imperdiet mi neque, vitae tempus nunc iaculis ac. Quisque consectetur justo nisl, ut varius urna dignissim at. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus facilisis feugiat dolor, ut aliquet lacus dictum id. Proin quis ultrices ligula. Suspendisse porttitor auctor justo, quis placerat diam pharetra a.
Aenean nec pharetra nulla. Nullam gravida dignissim odio. Cras nec lacinia ante, eu auctor dolor. Sed non molestie turpis. Sed tempus risus id ligula venenatis fringilla sit amet eu metus. Nullam euismod at turpis in ultrices. Aliquam ut odio sit amet leo ornare scelerisque et vitae orci. Aliquam erat volutpat. Nulla tincidunt facilisis lacus. Mauris ornare tincidunt orci ullamcorper pellentesque. Sed blandit auctor ex, eget ultrices nisi pulvinar vel. Nam arcu mauris, ornare faucibus vestibulum eget, ultrices quis orci.
Nulla rutrum ipsum at lectus aliquet mollis. Vivamus quis tellus nunc. Maecenas felis neque, scelerisque sit amet aliquet non, consequat malesuada sapien. Cras ante enim, rutrum id porta eget, aliquet vitae tellus. Maecenas nec vestibulum lorem, sed rutrum erat. Fusce luctus lacus in arcu vehicula, sed interdum lacus vehicula. Nulla et risus placerat, commodo purus a, dapibus ante. Proin sed blandit sapien, a suscipit nisi. Sed finibus, nulla sit amet accumsan tempor, justo mi imperdiet lectus, quis egestas odio augue a felis.
Last edited:
Sylvia Darlington
Member
Sylvia Darlington
INFORMATION
Test post
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur magna lacus, ultrices sit amet mattis et, mollis et eros. Nunc placerat tellus et dictum scelerisque. Pellentesque venenatis facilisis urna finibus dictum. Vivamus imperdiet mi neque, vitae tempus nunc iaculis ac. Quisque consectetur justo nisl, ut varius urna dignissim at. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus facilisis feugiat dolor, ut aliquet lacus dictum id. Proin quis ultrices ligula. Suspendisse porttitor auctor justo, quis placerat diam pharetra a.
Aenean nec pharetra nulla. Nullam gravida dignissim odio. Cras nec lacinia ante, eu auctor dolor. Sed non molestie turpis. Sed tempus risus id ligula venenatis fringilla sit amet eu metus. Nullam euismod at turpis in ultrices. Aliquam ut odio sit amet leo ornare scelerisque et vitae orci. Aliquam erat volutpat. Nulla tincidunt facilisis lacus. Mauris ornare tincidunt orci ullamcorper pellentesque. Sed blandit auctor ex, eget ultrices nisi pulvinar vel. Nam arcu mauris, ornare faucibus vestibulum eget, ultrices quis orci.
Nulla rutrum ipsum at lectus aliquet mollis. Vivamus quis tellus nunc. Maecenas felis neque, scelerisque sit amet aliquet non, consequat malesuada sapien. Cras ante enim, rutrum id porta eget, aliquet vitae tellus. Maecenas nec vestibulum lorem, sed rutrum erat. Fusce luctus lacus in arcu vehicula, sed interdum lacus vehicula. Nulla et risus placerat, commodo purus a, dapibus ante. Proin sed blandit sapien, a suscipit nisi. Sed finibus, nulla sit amet accumsan tempor, justo mi imperdiet lectus, quis egestas odio augue a felis.
Aenean nec pharetra nulla. Nullam gravida dignissim odio. Cras nec lacinia ante, eu auctor dolor. Sed non molestie turpis. Sed tempus risus id ligula venenatis fringilla sit amet eu metus. Nullam euismod at turpis in ultrices. Aliquam ut odio sit amet leo ornare scelerisque et vitae orci. Aliquam erat volutpat. Nulla tincidunt facilisis lacus. Mauris ornare tincidunt orci ullamcorper pellentesque. Sed blandit auctor ex, eget ultrices nisi pulvinar vel. Nam arcu mauris, ornare faucibus vestibulum eget, ultrices quis orci.
Nulla rutrum ipsum at lectus aliquet mollis. Vivamus quis tellus nunc. Maecenas felis neque, scelerisque sit amet aliquet non, consequat malesuada sapien. Cras ante enim, rutrum id porta eget, aliquet vitae tellus. Maecenas nec vestibulum lorem, sed rutrum erat. Fusce luctus lacus in arcu vehicula, sed interdum lacus vehicula. Nulla et risus placerat, commodo purus a, dapibus ante. Proin sed blandit sapien, a suscipit nisi. Sed finibus, nulla sit amet accumsan tempor, justo mi imperdiet lectus, quis egestas odio augue a felis.
Last edited:
Maksym Amvrosiy
New member
test.
Maksym Amvrosiy
New member
Maksym Amvrosiy
INFORMATION
Rhotherhite Road [2012.01]
But no, he couldn't afford to feel guilty. What is guilty for, when the only cause of it is how he survives? When people get stripped of everything they ever owned, they will do as much as they can to drag through another day in this world, no matter what it might be. To him, it should be considered lucky when he still retains his sanity.
Last edited:
Zyaire Vie
Member
Địa điểm: Phòng học 1001
*Thầy. Vừa. Nhìn. Mình. Chúa ơi, mình chết chắc rồi. Đáng lẽ mình nên cẩn thận hơn. Phải làm sao đây? Có lẽ mình sẽ bị mọi người ngó lơ chăng... Ít nhất thì mong họ không có ác cảm với mình. Liệu sẽ có người ghét mình vì mình suýt ngã ghế không? Ôi...* Càng nghĩ cô lại càng sợ. Nhỡ đâu cô phiền quá làm các bạn học khác để mắt tới rồi lên kế hoạch ám sát cô thì sao?!?1/!?2/ebj1
Giọng nói trong đầu của cô to tới mức trong lớp mọi người vừa "cãi nhau" cô cũng không kịp để ý. Đằng kia là một cô gái trông có vẻ rất đáng sợ! Cậu bạn bên kia thì thật lạnh lùng... Cậu bạn kia thì có lẽ sẽ cắn đầu mình nếu mình lỡ nhìn cậu ta? Cô còn tưởng lên đại học sẽ không phải giới thiệu bản thân, nhưng giờ thì hay rồi... Thôi thì mong mọi người thấy mình thì vui vẻ lướt qua TTTT