Шаблон:Тест: различия между версиями
Материал из Протест.wiki
PTRLS (обсуждение | вклад) Нет описания правки |
PTRLS (обсуждение | вклад) Нет описания правки |
||
Строка 1: | Строка 1: | ||
<noinclude> | <noinclude> | ||
<style> | <style> | ||
/* | /* Контейнер инфобокса */ | ||
.infobox { | |||
display: flex; /* Используем flexbox для размещения элементов */ | |||
flex-direction: column; /* Элементы располагаются вертикально */ | |||
width: 250px; /* Фиксированная ширина инфобокса */ | |||
padding: 10px; /* Отступы внутри инфобокса */ | |||
border: 1px solid #ccc; /* Рамка вокруг инфобокса */ | |||
border-radius: 8px; /* Округленные углы */ | |||
background-color: #fafafa; /* Светлый фон */ | |||
margin-left: 10px; /* Отступ слева */ | |||
float: right; /* Позиционирование инфобокса справа */ | |||
margin-bottom: 10px; /* Отступ снизу */ | |||
} | |||
/* Изображение в инфобоксе */ | |||
.infobox img { | |||
width: 100%; /* Изображение растягивается по ширине блока */ | |||
height: auto; /* Высота подстраивается по пропорциям */ | |||
border-radius: 8px; /* Округленные углы */ | |||
margin-bottom: 10px; /* Отступ снизу от изображения */ | |||
} | |||
/* Заголовок инфобокса */ | |||
.infobox-title { | |||
font-size: 18px; /* Размер шрифта для заголовка */ | |||
font-weight: bold; /* Жирный шрифт */ | |||
color: #0044cc; /* Синий цвет */ | |||
margin-bottom: 5px; /* Отступ снизу */ | |||
} | |||
/* Текстовое содержимое инфобокса */ | |||
.infobox-content p { | |||
font-size: 14px; /* Размер шрифта для текста */ | |||
margin: 5px 0; /* Отступы между строками */ | |||
} | |||
</style> | </style> | ||
</noinclude> | </noinclude> |
Версия от 02:05, 1 декабря 2024
<style> /* Контейнер инфобокса */ .infobox {
display: flex; /* Используем flexbox для размещения элементов */ flex-direction: column; /* Элементы располагаются вертикально */ width: 250px; /* Фиксированная ширина инфобокса */ padding: 10px; /* Отступы внутри инфобокса */ border: 1px solid #ccc; /* Рамка вокруг инфобокса */ border-radius: 8px; /* Округленные углы */ background-color: #fafafa; /* Светлый фон */ margin-left: 10px; /* Отступ слева */ float: right; /* Позиционирование инфобокса справа */ margin-bottom: 10px; /* Отступ снизу */
}
/* Изображение в инфобоксе */ .infobox img {
width: 100%; /* Изображение растягивается по ширине блока */ height: auto; /* Высота подстраивается по пропорциям */ border-radius: 8px; /* Округленные углы */ margin-bottom: 10px; /* Отступ снизу от изображения */
}
/* Заголовок инфобокса */ .infobox-title {
font-size: 18px; /* Размер шрифта для заголовка */ font-weight: bold; /* Жирный шрифт */ color: #0044cc; /* Синий цвет */ margin-bottom: 5px; /* Отступ снизу */
}
/* Текстовое содержимое инфобокса */ .infobox-content p {
font-size: 14px; /* Размер шрифта для текста */ margin: 5px 0; /* Отступы между строками */
} </style>
<img src="{{{image}}}" alt="Изображение">
{{{name}}}
Дата рождения: {{{birth_date}}}
Место рождения: {{{birth_place}}}
Профессия: {{{occupation}}}