колесо

Страница: 1

Сообщений 1 страница 2 из 2

Поделиться12023-02-19 13:49:40

Автор: stefanio
Личное звание: имя фамилия на рус, возраст
любой текст / если хотите вставить ссылку на кого-то, используйте текст
Администратор
Плашка:
Кнопка:
Сообщений: 29
Уважение: +1
% vol: 0,0
$: 200

Код:

<!--HTML--><!-- главный блок -->
<div class="deal-wheel">
  <!-- блок с призами -->
  <ul class="spinner"></ul>
  <!-- язычок барабана -->
  <div class="ticker"></div>
  <!-- кнопка -->
  <button class="btn-spin">Испытай удачу</button>
</div>
<!-- подключаем скрипт -->
  <script  src="https://forumstatic.ru/files/001b/cc/2e/51547.js"></script>

Поделиться22023-04-11 23:22:59

Автор: stefanio
Личное звание: имя фамилия на рус, возраст
любой текст / если хотите вставить ссылку на кого-то, используйте текст
Администратор
Плашка:
Кнопка:
Сообщений: 29
Уважение: +1
% vol: 0,0
$: 200

Код:

<!--HTML--><center>
<div class="smschat"><div class="smschat1"><div class="smschat2">

<img src="https://i.imgur.com/z50XQgD.gif">

</div></div><div class="smschat3">< 25</div><div class="smschat4"><name><b>

рома сергунин

</b></name><br><info>

онлайн/был(а) .... минут назад

</info></div><div class="chatleft">

<div class="messL"><otvet>ответить на сообщение</otvet><br>первое сообщение, длинное но не очень</div><br>
<div class="messL">второе сообщение, длинное но уже побольше</div><br>
<div class="messL">третье сообщение, очень длинное, такое что может не поместиться</div>
</div>

<div class="chatright">

<div class="messR"><otvet>ответить на сообщение</otvet><br>
первое сообщение, длинное но не очень</div><br>
<div class="messR">второе сообщение, длинное но уже побольше</div><br>
<div class="messR">третье сообщение, очень длинное, такое что может не поместиться</div>

</div>


</div></center>

<style>
.smschat {
    width: 500px;
    height: auto;
    background: #d1cbd5;
    box-shadow: 0 0 10px 5px inset #beb7c0, 0 0 0 1px #664b6f, 0 0 5px #bdb4bf;
    margin-top: 0px!important;
}

.smschat1 {
    margin-top: 3px!important;
    float: right;
    margin-right: 12px!important;}

.smschat2 {width: 40px;
    height: 40px;
    display: inline-block;  }

.smschat2 img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: 1px solid #664b6f;
    border-radius: 50px!important;}

.smschat3 {font-weight: 600;
    position: absolute;
    margin: 13px 13px;
    color: #1d041d;
    background: #664b6f8a;
    border-radius: 50px;
    padding: 1px 6px;
    font-size: 17px;
    font-family: century gothic;}

.smschat4 {text-align: center;
    width: 445px;
    height: 32px;
    background: #a291a7;
    border-bottom: 1px solid #664b6f;
    padding: 8px 0px 8px 55px;
    font-family: century gothic;
    margin: 0px 0px 5px 0px!important; } 

.smschat4 name {font-size: 17px;
    font-family: 'Marske';}

.chatleft {
    width: 450px;
    height: auto;
    text-align: left!important;
    padding: 0px 25px 10px 25px;}

.messL {
    background-color: #c3bcc5;
    padding: 10px;
    margin: 6px 0 6px 0px!important;
    max-width: 350px;
    position: relative;
    text-align: left!important;
    display: inline-block;
    border-radius: 15px 15px 15px 0px;
    font-size: 11px;}

.messL otvet {
    background-color: #664b6f3b;
    padding: 5px;
    margin-bottom: 5px;
    max-width: 350px;
    position: relative;
    text-align: left!important;
    display: inline-block;
    border-radius: 0px 10px 10px 0px;
    border-left: 5px solid #664b6f;
    font-size: 11px;
}

.chatright {
    width: 450px;
    height: auto;
    text-align: right!important;
    padding: 0px 25px 10px 25px;}

.messR {
    background-color: #664b6f94;
    padding: 10px;
    margin: 6px 0 6px 0px!important;
    max-width: 350px;
    position: relative;
    text-align: right!important;
    display: inline-block;
    border-radius: 10px 10px 0px 10px;
    font-size: 11px;}

.messR otvet{
    background-color: #c3bcc5;
    padding: 5px;
    margin-bottom: 5px!important;
    max-width: 350px;
    position: relative;
    text-align: left!important;
    display: inline-block;
    border-right: 5px solid #664b6f;
    border-radius: 10px 0px 0px 10px;
    font-size: 11px;}
</style>

Страница: 1