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

Материал из Протест.wiki
Нет описания правки
Метка: отменено
Нет описания правки
Метка: ручная отмена
Строка 1: Строка 1:
<noinclude>
<div class="infobox">
<style>
    <div class="infobox-image">
/* Стили для инфобокса */
        <img src="{{{image}}}" alt="Image description" class="infobox-image-content">
.infobox {
     </div>
    display: flex; /* Используем flexbox для размещения изображения и текста рядом */
     <div class="infobox-content">
    border: 1px solid #ccc; /* Рамка вокруг инфобокса */
        <h3 class="infobox-title">{{{name}}}</h3>
    border-radius: 8px; /* Округленные углы */
        <p><strong>Дата рождения:</strong> {{{birth_date}}}</p>
    padding: 10px; /* Отступы внутри инфобокса */
        <p><strong>Место рождения:</strong> {{{birth_place}}}</p>
    background-color: #fafafa; /* Светлый фон */
        <p><strong>Гражданство:</strong> {{{nationality}}}</p>
    margin-bottom: 20px; /* Отступ снизу */
        <p><strong>Профессия:</strong> {{{occupation}}}</p>
    font-family: Arial, sans-serif; /* Шрифт */
        <p><strong>Активность:</strong> {{{years_active}}}</p>
    float: right; /* Позиционируем инфобокс справа */
        <p><strong>Супруга:</strong> {{{spouse}}}</p>
    width: 300px; /* Фиксированная ширина инфобокса */
        <p><strong>Дети:</strong> {{{children}}}</p>
    clear: both; /* Очистка от других элементов, если есть */
        <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; /* Округленные углы для изображения */
}
 
/* Стили для содержимого инфобокса */
.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:53, 1 декабря 2024

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

{{{name}}}

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

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

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

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

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

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

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

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