Благодарим за выбор нашего сервиса!
Тестовое сообщение
Сообщений 1 страница 2 из 2
Поделиться22024-02-03 00:18:49
[html]
<style>
.sms.spoiler-box {
font-family: 'Microsoft Sans Serif'!important;
background-color: #a7a7a7;
border: none!important;
}.sms.spoiler-box div#kssmsdusty {
background: url(https://i.imgur.com/IHMLL1N.png) no-repeat left center;
background-size: 10px!important;
background-position-x: 8px!important;
}.sms.spoiler-box div.visible#kssmsdusty {
background: url(https://i.imgur.com/PuIKWP0.png) no-repeat left center;
background-size: 10px!important;
background-position-x: 8px!important;
}blockquote.sms.visible {
display: flex !important;
overflow: auto;
flex-direction: column !important;
align-content: space-around !important;
flex-wrap: wrap!important;
gap: 14px;
}.container-message-wrapper {
display: flex;
justify-content: center;
}.sms-header {
display: flex;
background-color: #838383 !important;
color: #b5b5b5;
width: auto;
margin-left: -20px;
margin-right: -20px;
padding: 5px 20px 0px 20px !important;
position: relative;
}.container-message-chat {
display: flex;
flex-direction: column;
gap: 14px;
width: 480px;
background-color: #a7a7a7;
padding: 0 20px 0 20px;
}.chat-date-style {
text-align: center;
color: #666;
margin-top: 8px !important;
}.speech-bubble-sender {
position: relative;
background: #68767e;
border-radius: .4em;
padding: 9px 12px 9px 15px !important;
max-width: 60%;
max-width: fit-content;
color: #b5b5b5;
}.speech-bubble-sender:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 0;
border: 13px solid transparent;
border-right-color: #68767e;
border-left: 0;
border-top: 0;
margin-top: -1.5px;
margin-left: -12px;}
.speech-bubble-reciever {
position: relative;
background: #537e93;
border-radius: .4em;
padding: 9px 15px 9px 12px !important;
max-width: 60%;
align-self: end;
max-width: fit-content;
color: #b5b5b5;
margin-bottom: 10px!important;
}.speech-bubble-reciever:after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
border: 13px solid transparent;
border-left-color: #537e93;
border-right: 0;
border-top: 0;
margin-top: -1.5px;
margin-right: -12px;
}
</style>
<div class="container-message-wrapper">
<div class="container-message-chat"> <div class="sms spoiler-box"><div class="sms-header" id="kssmsdusty" onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');"><table><tr><td width=20%>Messages</td><td width=50%><center><b>Car Dude</b></center></td><td><right>4:08 AM</right></td><td><right>Details</right></td></tr></table></div>
<blockquote class="sms"><p class="chat-date-style">Yesterday, 10:54 PM</p>
<p class="speech-bubble-sender">hey D</p>
<p class="speech-bubble-sender">have u ever get this feeling</p>
<p class="speech-bubble-sender">Like
you died and all your friends died nd u js totaly useless pice of
</p>
<p class="chat-date-style">Today</p>
<p class="speech-bubble-reciever">of?</p>
<p class="speech-bubble-sender">brain mattr</p>
<p class="speech-bubble-sender">painted with the color of shit</p>
<p class="speech-bubble-reciever">No.</p>
<p class="speech-bubble-reciever">Don't use this number</p>
</blockquote>
</div>
</div><div>
[/html][html]
<style>
.sms.spoiler-box {
font-family: 'Microsoft Sans Serif'!important;
background-color: #a7a7a7;
border: none!important;
}.sms.spoiler-box div#kssmsdusty2 {
background: url(https://i.imgur.com/IHMLL1N.png) no-repeat left center;
background-size: 10px!important;
background-position-x: 8px!important;
}.sms.spoiler-box div.visible#kssmsdusty2 {
background: url(https://i.imgur.com/PuIKWP0.png) no-repeat left center;
background-size: 10px!important;
background-position-x: 8px!important;
}blockquote.sms.visible {
display: flex !important;
overflow: auto;
flex-direction: column !important;
align-content: space-around !important;
flex-wrap: wrap!important;
gap: 14px;
}.container-message-wrapper {
display: flex;
justify-content: center;
}
.sms-header {
display: flex;
background-color: #838383 !important;
color: #b5b5b5;
width: auto;
margin-left: -20px;
margin-right: -20px;
padding: 5px 20px 0px 20px !important;
position: relative;
}.container-message-chat {
display: flex;
flex-direction: column;
gap: 14px;
width: 480px;
background-color: #a7a7a7;
padding: 0 20px 0 20px;
}.chat-date-style {
text-align: center;
color: #666;
margin-top: 8px !important;
}.speech-bubble-sender {
position: relative;
background: #68767e;
border-radius: .4em;
padding: 9px 12px 9px 15px !important;
max-width: 60%;
max-width: fit-content;
color: #b5b5b5;
}.speech-bubble-sender:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 0;
border: 13px solid transparent;
border-right-color: #68767e;
border-left: 0;
border-top: 0;
margin-top: -1.5px;
margin-left: -12px;
}.speech-bubble-reciever {
position: relative;
background: #537e93;
border-radius: .4em;
padding: 9px 15px 9px 12px !important;
max-width: 60%;
align-self: end;
max-width: fit-content;
color: #b5b5b5;
margin-bottom: 10px!important;
}.speech-bubble-reciever:after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
border: 13px solid transparent;
border-left-color: #537e93;
border-right: 0;
border-top: 0;
margin-top: -1.5px;
margin-right: -12px;
}
</style>
<div class="container-message-wrapper">
<div class="container-message-chat"> <div class="sms spoiler-box"><div class="sms-header" id="kssmsdusty2" onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');"><table><tr><td width=20%>Messages</td><td width=50%><center><b>Marla</b></center></td><td><right>9:12 PM</right></td><td><right>Details</right></td></tr></table></div>
<blockquote class="sms"><p class="chat-date-style">Today, 8:35</p>
<p class="speech-bubble-sender">I had a great feeling today honey. I feel like everything will resolve <br> itself and you will pass this pesky math test with flying colors</p>
<p class="speech-bubble-sender">Did you take those rice bars with you?</p>
<p class="speech-bubble-sender">Okay. Everything will be okay. Do you have time to get </br> groceries after school? I know you have this club but <br> we're out of vegies</p>
<p class="speech-bubble-reciever">I'll see when I get home</p>
<p class="speech-bubble-sender">Rice bars?</p>
<p class="speech-bubble-reciever">Yum. Thks.</p>
</blockquote>
</div>
</div><div>
[/html][html]<style>
.discord.spoiler-box {
font-family: 'Microsoft Sans Serif'!important;
background-color: #a7a7a7;
border: none!important;
}.discord.spoiler-box div#kssmsdusty3 {
background: url(https://i.imgur.com/IHMLL1N.png) no-repeat left center;
background-size: 10px!important;
background-position-x: 8px!important;
}.discord.spoiler-box div.visible#kssmsdusty3 {
background: url(https://i.imgur.com/PuIKWP0.png) no-repeat left center;
background-size: 10px!important;
background-position-x: 8px!important;
}
blockquote.discord.visible {
display: flex !important;
overflow: auto;
flex-direction: column !important;
align-content: space-around !important;
flex-wrap: wrap!important;
gap: 14px;
}.container-message-wrapper {
display: flex;
justify-content: center;
}.discord-header {
display: flex;
background-color: #838383 !important;
color: #b5b5b5;
width: auto;
margin-left: -20px;
margin-right: -20px;
padding: 5px 20px 0px 20px !important;
position: relative;}
.container-message-chat {
display: flex;
flex-direction: column;
gap: 14px;
width: 480px;
background-color: #a7a7a7;
padding: 0 20px 0 20px;
}.disc-date-style {
text-align: center;
color: #666;
margin-top: 8px !important;
}.post-content blockquote p.disc-bubble-sender {
position: relative;
padding: 9px 12px 9px 30px !important;
max-width: 60%;
margin-left: 20px!important;
max-width: fit-content;
}.disc-bubble-sender:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 30px;
height: 30px;
border: 3px solid transparent;
border-color: #68767e;
background: url(https://i.imgur.com/jl1ITA6.jpeg) center center no-repeat no-repeat;
background-size: 40px;
margin-top: -18px;
border-radius: 2em;
margin-left: -22px;
}.post-content blockquote p.disc-bubble-reciever {
position: relative;
padding: 9px 12px 9px 30px !important;
max-width: 60%;
margin-left: 20px!important;
max-width: fit-content;
margin-bottom: 10px!important;
}.disc-bubble-reciever:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 30px;
height: 30px;
border: 3px solid transparent;
border-color: #68767e;
background: url(https://i.imgur.com/wzUI3Pk.jpeg) center center no-repeat no-repeat;
background-size: 40px;
margin-top: -18px;
border-radius: 2em;
margin-left: -22px;
}
</style>
<div class="container-message-wrapper">
<div class="container-message-chat"> <div class="discord spoiler-box"><div class="discord-header" id="kssmsdusty3" onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');"><table><tr><td width=70%><b>Cheesegrinder5</b></td><td><center><img src="https://i.imgur.com/P7vF8Dk.png" style="width: 100px;"></center></td></tr></table></div>
<blockquote class="discord">
<p class="disc-bubble-sender"><b>Cheesegrinder5</b> <sup style="font-size:8px;">Today at 10:23 PM</sup><br/>
so did you get the job? I'm kinda worried lol</p>
<p class="disc-bubble-sender"><b>Cheesegrinder5</b> <sup style="font-size:8px;">Today at 10:25 PM</sup><br/>
I mean I know it's stupid and you always get it but I am stupid bro</p>
<p class="disc-bubble-sender"><b>Cheesegrinder5</b> <sup style="font-size:8px;">Today at 10:25 PM</sup><br/>
worried sick for all this a d v e n t u r e s of yours and this and that</p>
<p class="disc-bubble-sender"><b>Cheesegrinder5</b> <sup style="font-size:8px;">Today at 10:37 PM</sup><br/>
Dus?</p>
<p class="disc-bubble-reciever"><b>BathsSalts</b> <sup style="font-size:8px;">Today at 10:37 PM</sup> <br/>
Yeah, I get it</p>
<p class="disc-bubble-sender"><b>Cheesegrinder5</b> <sup style="font-size:8px;">Today at 10:38 PM</sup><br/>
oh wow see ya next summer then on TV?</p>
<p class="disc-bubble-sender"><b>Cheesegrinder5</b> <sup style="font-size:8px;">Today at 10:38 PM</sup><br/>
I told Kim she can't wait to see you in teen vogue or smth phhh</p>
<p class="disc-bubble-reciever"><b>BathsSalts</b> <sup style="font-size:8px;">Today at 11:01 PM</sup> <br/>
cool. say hi for me</p>
</blockquote>
</div>
</div><div>
[/html]