Улучшение #16596: Сделать верстку - discussion - Redmine

Действия

Копировать ссылку

Улучшение #16596

открыто

Итерация #16526: ТЗ К26

Улучшение #16534: Профиль пользователя для просмотра другими

Сделать верстку

Добавил(а) Дмитрий Тереньтьев 28 дня назад. Обновлено 23 дня назад.

Статус:

В работе

Приоритет:

Нормальный

Назначена:

Гюльнара Гумирова

Дата начала:

12.02.2026

Срок завершения:

Готовность:

Оценка временных затрат:

Трудозатраты:

4.00 ч

История
Примечания
Изменения свойств
Трудозатраты

Действия

Копировать ссылку

Обновлено Гюльнара Гумирова 27 дня назад

Параметр Статус изменился с Новая на В работе

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Профиль пользователя</title>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #4e73df, #1cc88a);
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.profile-card {
            background: #ffffff;
            width: 400px;
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        }

.profile-card h2 {
            margin-top: 0;
            text-align: center;
            color: #333;
        }

.profile-item {
            margin-bottom: 15px;
        }

.profile-item span {
            font-weight: bold;
            color: #555;
            display: block;
            margin-bottom: 5px;
        }

.profile-item p {
            margin: 0;
            color: #777;
        }

.about {
            background: #f8f9fc;
            padding: 10px;
            border-radius: 8px;
            font-size: 14px;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

<div class="profile-card">
<h2>Информация о пользователе</h2>

&lt;div class="profile-item"&gt;
        &lt;span&gt;Имя:&lt;/span&gt;
        &lt;p&gt;Иван&lt;/p&gt;
    &lt;/div&gt;

&lt;div class="profile-item"&gt;
        &lt;span&gt;Фамилия:&lt;/span&gt;
        &lt;p&gt;Иванов&lt;/p&gt;
    &lt;/div&gt;

&lt;div class="profile-item"&gt;
        &lt;span&gt;Логин:&lt;/span&gt;
        &lt;p&gt;ivan_blog&lt;/p&gt;
    &lt;/div&gt;

&lt;div class="profile-item"&gt;
        &lt;span&gt;Дата регистрации:&lt;/span&gt;
        &lt;p&gt;01.01.2024&lt;/p&gt;
    &lt;/div&gt;

&lt;div class="profile-item"&gt;
        &lt;span&gt;О себе:&lt;/span&gt;
        &lt;div class="about"&gt;
            Привет! Я веду блог о веб-разработке, делюсь полезными статьями и опытом.
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

</body>
</html>

Действия

Копировать ссылку

Обновлено Гюльнара Гумирова 27 дня назад

Параметр Статус изменился с В работе на Решена

.profile__card {
            background: #ffffff;
            width: 400px;
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        }

.profile__card h2 {
            margin-top: 0;
            text-align: center;
            color: #333;
        }

.profile__item {
            margin-bottom: 15px;
        }

.profile__item span {
            font-weight: bold;
            color: #555;
            display: block;
            margin-bottom: 5px;
        }

.profile__item p {
            margin: 0;
            color: #777;
        }

.profile__about {
            background: #f8f9fc;
            padding: 10px;
            border-radius: 8px;
            font-size: 14px;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

<div class="profile__card">
<h2>Информация о пользователе</h2>

&lt;div class="profile__item"&gt;
        &lt;span&gt;Имя:&lt;/span&gt;
        &lt;p&gt;Иван&lt;/p&gt;
    &lt;/div&gt;

&lt;div class="profile__item"&gt;
        &lt;span&gt;Фамилия:&lt;/span&gt;
        &lt;p&gt;Иванов&lt;/p&gt;
    &lt;/div&gt;

&lt;div class="profile__item"&gt;
        &lt;span&gt;Логин:&lt;/span&gt;
        &lt;p&gt;ivan_blog&lt;/p&gt;
    &lt;/div&gt;

&lt;div class="profile__item"&gt;
        &lt;span&gt;Дата регистрации:&lt;/span&gt;
        &lt;p&gt;01.01.2024&lt;/p&gt;
    &lt;/div&gt;

&lt;div class="profile__item"&gt;
        &lt;span&gt;О себе:&lt;/span&gt;
        &lt;div class="profile__about"&gt;
            Привет! Я веду блог о веб-разработке, делюсь полезными статьями и опытом.
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

</body>
</html>

Действия

Копировать ссылку

Обновлено Гюльнара Гумирова 23 дня назад

Параметр Статус изменился с Решена на В работе

Действия

Копировать ссылку

Обновлено Гюльнара Гумирова 23 дня назад

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Профиль пользователя</title>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

/* Checkbox hack for closing */
        .close-checkbox {
            display: none;
        }

.close-checkbox:checked ~ .overlay {
            display: none;
        }

.close-checkbox:checked ~ .profile__card {
            display: none;
        }

/* Overlay background */
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(4px);
            z-index: 1;
        }

.profile__card {
            background: #ffffff;
            width: 400px;
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
            position: relative;
            z-index: 2;
        }

.profile__card h2 {
            margin-top: 0;
            text-align: center;
            color: #333;
        }

/* Close button styles */
        .profile__close-btn {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #f8f9fc;
            border: none;
            font-size: 20px;
            line-height: 1;
            cursor: pointer;
            color: #777;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            padding: 0;
            text-decoration: none;
            z-index: 3;
        }

.profile__close-btn:hover {
            background: #ff4757;
            color: white;
        }

.profile__close-btn:focus {
            outline: none;
        }

.profile__item {
            margin-bottom: 15px;
        }

.profile__item span {
            font-weight: bold;
            color: #555;
            display: block;
            margin-bottom: 5px;
        }

.profile__item p {
            margin: 0;
            color: #777;
        }

.profile__about {
            background: #f8f9fc;
            padding: 10px;
            border-radius: 8px;
            font-size: 14px;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

<div class="profile__card">

<label for="closeProfile" class="profile__close-btn" aria-label="Закрыть">×</label>
<h2>Информация о пользователе</h2>

&lt;div class="profile__item"&gt;
        &lt;span&gt;Имя:&lt;/span&gt;
        &lt;p&gt;Иван&lt;/p&gt;
    &lt;/div&gt;

&lt;div class="profile__item"&gt;
        &lt;span&gt;Фамилия:&lt;/span&gt;
        &lt;p&gt;Иванов&lt;/p&gt;
    &lt;/div&gt;

&lt;div class="profile__item"&gt;
        &lt;span&gt;Логин:&lt;/span&gt;
        &lt;p&gt;ivan_blog&lt;/p&gt;
    &lt;/div&gt;

&lt;div class="profile__item"&gt;
        &lt;span&gt;Дата регистрации:&lt;/span&gt;
        &lt;p&gt;01.01.2024&lt;/p&gt;
    &lt;/div&gt;

&lt;div class="profile__item"&gt;
        &lt;span&gt;О себе:&lt;/span&gt;
        &lt;div class="profile__about"&gt;
            Привет! Я веду блог о веб-разработке, делюсь полезными статьями и опытом.
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

</body>
</html>

Действия

Копировать ссылку

Экспортировать в Atom PDF

Проект

Общее

Профиль

discussion