Шаблон:Тест: различия между версиями

Материал из Протест.wiki
Нет описания правки
Метка: отменено
Нет описания правки
Метка: ручная отмена
Строка 1: Строка 1:
<noinclude>
<div class="infobox">
<style>
    <!-- Блок с изображением -->
/* Общий контейнер инфобокса */
     <div class="infobox-image">
.infobox {
        <img src="{{{image}}}" alt="Image" class="infobox-image-content">
    display: flex;            /* Используем flexbox для правильного размещения */
     </div>
    justify-content: flex-start; /* Размещение элементов слева */
      
    align-items: flex-start;    /* Выравнивание элементов по верхнему краю */
     <!-- Контент с краткой информацией -->
     border: 1px solid #ccc;    /* Рамка вокруг инфобокса */
     <div class="infobox-content">
    border-radius: 8px;        /* Округленные углы */
        <h3 class="infobox-title">{{{name}}}</h3>
    padding: 10px;            /* Отступы внутри */
        <p><strong>Дата рождения:</strong> {{{birth_date}}}</p>
    background-color: #fafafa; /* Светлый фон */
        <p><strong>Место рождения:</strong> {{{birth_place}}}</p>
     margin: 10px 0;            /* Отступы сверху и снизу */
        <p><strong>Гражданство:</strong> {{{nationality}}}</p>
     width: 300px;              /* Фиксированная ширина */
        <p><strong>Профессия:</strong> {{{occupation}}}</p>
     box-sizing: border-box;    /* Чтобы padding не выходил за пределы ширины */
        <p><strong>Активность:</strong> {{{years_active}}}</p>
    float: right;              /* Позиционируем инфобокс справа */
        <p><strong>Супруга:</strong> {{{spouse}}}</p>
    clear: both;              /* Очищаем возможные обтекания */
        <p><strong>Дети:</strong> {{{children}}}</p>
}
        <p><strong>Вебсайт:</strong> <a href="{{{website}}}" target="_blank">{{{website}}}</a></p>
 
    </div>
/* Стили для изображения */
</div>
.infobox-image {
    margin-right: 15px;        /* Отступ справа от изображения */
     flex-shrink: 0;            /* Не сжимаем изображение */
}
 
.infobox-image img {
    width: 120px;              /* Ширина изображения */
    height: auto;              /* Автоматическая высота */
    border-radius: 8px;        /* Округленные углы */
    max-width: 100%;          /* Изображение не выходит за пределы контейнера */
}
 
/* Стили для контента инфобокса */
.infobox-content {
    flex-grow: 1;              /* Контент растягивается на оставшееся место */
    font-size: 14px;          /* Размер шрифта */
    color: #333;              /* Цвет текста */
}
 
/* Заголовок инфобокса */
.infobox-title {
    font-size: 18px;          /* Размер шрифта заголовка */
    color: #0044cc;            /* Цвет текста заголовка */
    margin-bottom: 10px;      /* Отступ снизу */
}
 
/* Стили для параграфов */
.infobox-content p {
    margin: 5px 0;            /* Отступы между строками */
}
 
/* Стили для ссылок */
.infobox-content a {
    color: #0066cc;            /* Цвет ссылок */
    text-decoration: none;    /* Без подчеркивания */
}
 
.infobox-content a:hover {
    text-decoration: underline; /* Подчеркивание при наведении */
}
</style>
</noinclude>

Версия от 01:58, 1 декабря 2024

       <img src="{{{image}}}" alt="Image" class="infobox-image-content">

{{{name}}}

Дата рождения: {{{birth_date}}}

Место рождения: {{{birth_place}}}

Гражданство: {{{nationality}}}

Профессия: {{{occupation}}}

Активность: {{{years_active}}}

Супруга: {{{spouse}}}

Дети: {{{children}}}

Вебсайт: <a href="{{{website}}}" target="_blank">{{{website}}}</a>

Источник — https://protest.wiki/index.php?title=Шаблон:Тест&oldid=161