Шаблончики

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

Поделиться12024-05-25 00:38:39

Автор: Eridan
Администратор
Сообщений: 769
Уважение: +0
Факультет (должность):
Слизерин
Статус крови:
Бах
Провел на форуме:
8 дней 21 час
Последний визит:
Вчера 22:23:33

Поделиться22024-05-25 00:39:46

Автор: Eridan
Администратор
Сообщений: 769
Уважение: +0
Факультет (должность):
Слизерин
Статус крови:
Бах
Провел на форуме:
8 дней 21 час
Последний визит:
Вчера 22:23:33

Контакт 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Контакт 2

Lorem ipsum dolor sit amet.

[html].chat{
height: auto;
width: 100%;
}

.chat .contact {
display:inline-block;
font-size:13px;
margin-bottom:5px;
}

.chat .message {position: relative;}

.chat .message .message-text{
color: #f6f8ff;
padding:10px;
line-height:25px;
max-width:90%;
display:inline-block;
text-align:left;
border-radius:5px;
}

.chat .message .triangle{
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
top: -10px;
}

.chat .me {text-align:right;}

.chat .you .triangle {left: 15px;}
.chat .me .triangle {right: 15px;}

/*цвета*/
.chat .you .message-text {background-color: #656697;}
.chat .me .message-text {background-color: #f58726;}
.chat .you .triangle {border-color: transparent transparent #656697 transparent;}
.chat .me .triangle {border-color: transparent transparent #f58726 transparent;}

.light .chat .you .message-text {background-color: #595259;}
.light .chat .me .message-text {background-color: #d33695;}
.light .chat .you .triangle {border-color: transparent transparent #595259 transparent;}
.light .chat .me .triangle {border-color: transparent transparent #d33695 transparent;}

.dark .chat .you .message-text {background-color: #0e0b0d;}
.dark .chat .me .message-text {background-color: #004c51;}
.dark .chat .you .triangle {border-color: transparent transparent #0e0b0d transparent;}
.dark .chat .me .triangle {border-color: transparent transparent #004c51 transparent;}[/html]

Поделиться32024-10-27 21:30:45

Автор: Eridan
Администратор
Сообщений: 769
Уважение: +0
Факультет (должность):
Слизерин
Статус крови:
Бах
Провел на форуме:
8 дней 21 час
Последний визит:
Вчера 22:23:33

[html]<center>
<div style="width: 80%; max-width: 600px; margin: 20px auto; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);">

<div style="display: flex; align-items: center; background-color: #0078ff; padding: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;">
<img src="https://forumupload.ru/uploads/0012/69/83/2/339143.png" style="width: 50px; height: 50px; border-radius: 50%; margin-right: 10px;" alt="Иконка чата">
<h2 style="margin: 0; font-size: 24px; color: #ffffff; font-weight: bold;">Святые из Эврики</h2>
</div>

<div style="margin: 1px 0; font-style: italic; color: #888; text-align: center;">
<p style="margin: 0;">@dr_frost сейчас пишет...</p>
</div>

<div style="background-color: #f5f5f5; border-radius: 0 0 10px 10px; padding: 10px;">
<div style="display: flex; align-items: flex-start; margin-bottom: 15px;">
<div style="margin-right: 10px; text-align: center;">
<img src="https://forumupload.ru/uploads/001b/d4/18/532/544468.jpg" style="width: 40px; height: 40px; border-radius: 50%;" alt="Аватар">
<span style="font-weight: bold; color: #0078ff;">@dr_frost</span>
</div>
<div style="background-color: #ffffff; border-radius: 8px; padding: 10px; max-width: 70%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);">
<p style="margin: 0;">Пытаюсь понять, куда делось лето</p>
</div>
<div style="font-size: 12px; color: #888; margin-top: 5px;">12:34</div>
</div>

<div style="display: flex; align-items: flex-start; margin-bottom: 15px; flex-direction: row-reverse;">
<div style="margin-left: 10px; text-align: center;">
<img src="https://forumupload.ru/uploads/001b/d4/18/532/544468.jpg" style="width: 40px; height: 40px; border-radius: 50%;" alt="Аватар">
<span style="font-weight: bold; color: #0078ff;">@another_user</span>
</div>
<div style="background-color: #e0f7fa; border-radius: 8px; padding: 10px; max-width: 70%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);">
<img src="https://forumupload.ru/uploads/001b/d4/18/376/424748.png" alt="Изображение" style="max-width: 100%; height: auto;">
</div>
<div style="font-size: 12px; color: #888; margin-top: 5px;">12:35</div>
</div>
</div>
</div>
</center>

[/html]

Поделиться42024-10-27 21:32:08

Автор: Eridan
Администратор
Сообщений: 769
Уважение: +0
Факультет (должность):
Слизерин
Статус крови:
Бах
Провел на форуме:
8 дней 21 час
Последний визит:
Вчера 22:23:33

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Тест заголовка</title>
</head>
<body>
<h1>Это тестовый заголовок</h1>
</body>
</html>
[/html]

Тестовый

Меню навигации

Пользовательские ссылки