Шаблон:Modern Table - История изменений

Mosley в 20:19, 1 декабря 2024

2024-12-01T20:19:48Z

← Предыдущая версия		Версия от 23:19, 1 декабря 2024
Строка 11:		Строка 11:
	! style="background-color: rgba(50,50,60,0.8); color: white; padding: 15px; text-align: right;" \| {{{q3\|Вопрос 3}}}		! style="background-color: rgba(50,50,60,0.8); color: white; padding: 15px; text-align: right;" \| {{{q3\|Вопрос 3}}}
	\| style="background-color: rgba(30,30,40,0.8); color: #d3d3d3; padding: 15px;" \| {{{a3\|Ответ 3}}}		\| style="background-color: rgba(30,30,40,0.8); color: #d3d3d3; padding: 15px;" \| {{{a3\|Ответ 3}}}
			\|-
			! style="background-color: rgba(50,50,60,0.8); color: white; padding: 15px; text-align: right;" \| {{{q4\|Вопрос 4}}}
			\| style="background-color: rgba(30,30,40,0.8); color: #d3d3d3; padding: 15px;" \| {{{a4\|Ответ 4}}}
	\|}		\|}
	</includeonly><noinclude>		</includeonly><noinclude>
	Пример использования:		Пример использования:
	{{Modern Table		{{Modern Table
	\|title=~~Часто задаваемые~~ вопросы		\|title=FAQ (Частые вопросы)
	\|q1=~~Какой язык программирования лучше всего изучать~~?		\|q1=Кто я?
	\|a1=~~Это зависит от ваших целей~~, ~~но Python часто рекомендуется для начинающих~~.		\|a1=Вы — контрактник или полноценный сотрудник корпорации NT. Возможно, вы учёный, инженер, охранник или исследователь, привлечённый жаждой приключений, карьеры или финансового успеха.
	\|q2=~~Что такое Open Source~~?		\|q2=Какой сейчас год и где происходит действие?
	\|a2=~~Open Source~~ — ~~это программное обеспечение~~, ~~исходный код которого доступен~~ для ~~изучения~~, ~~изменения~~ и ~~распространения~~.		\|a2=Действие разворачивается в 2196 году. Вы находитесь на космической исследовательской станции в регионе Фронтир.
	\|q3=~~Как начать изучать программирование~~?		\|q3=Чем занимается корпорация NanoTrasen (NT)?
	\|a3=~~Начните с онлайн-курсов, книг или видеоуроков~~, ~~которые подходят вашему стилю обучения~~.		\|a3=NT специализируется на изучении и добыче плазмы — нового ключевого ресурса, который наравне с блюспейсом стал основой для прогресса в космосе. Они строят станции на Фронтире, где исследуют аномалии и ищут ресурсы.
			\|q4=Может ли мой персонаж знать, что работать в NT и на Фронтире опасно?
			\|a4=Как и весь экипаж, вы убеждены в абсолютной безопасности всех объектов НТ в регионе.
	\|float=right		\|float=right
	\|width=600px		\|width=600px

Mosley в 20:17, 1 декабря 2024

2024-12-01T20:17:39Z

← Предыдущая версия		Версия от 23:17, 1 декабря 2024
Строка 1:		Строка 1:
	<includeonly>		<includeonly>
	{\| class="wikitable" style="width: {{{width\|100%}}}; margin-left: {{{margin-left\|0}}}; float: ~~{{{float\|none}}}~~; background: linear-gradient(135deg, rgba(50,50~~,70~~,0.9), rgba(30,30,50,0.9)); border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"		{\| class="wikitable" style="width: {{{width\|100%}}}; margin-left: {{{margin-left\|0}}}; float: right; background: linear-gradient(135deg, rgba(40,40,50,0.9), rgba(30,30,40,0.9)); border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.5);"
	! colspan="2" style="background: linear-gradient(90deg, rgba(~~100~~,~~100~~,~~150~~,0.7), rgba(50,50~~,70~~,0.9)); color: white; padding: 15px; text-align: center; font-size: 1.5em;" \| {{{title\|Пример таблицы}}}		! colspan="2" style="background: linear-gradient(90deg, rgba(60,60,70,0.7), rgba(40,40,50,0.9)); color: white; padding: 15px; text-align: center; font-size: 1.5em;" \| {{{title\|Пример таблицы}}}
	\|-		\|-
	! style="background-color: rgba(70,70,90,0.8); color: white; padding: 15px; text-align: right;" \| {{{q1\|Вопрос 1}}}		! style="background-color: rgba(50,50,60,0.8); color: white; padding: 15px; text-align: right;" \| {{{q1\|Вопрос 1}}}
	\| style="background-color: rgba(30,30,50,0.8); color: #d3d3d3; padding: 15px;" \| {{{a1\|Ответ 1}}}		\| style="background-color: rgba(30,30,40,0.8); color: #d3d3d3; padding: 15px;" \| {{{a1\|Ответ 1}}}
	\|-		\|-
	! style="background-color: rgba(70,70,90,0.8); color: white; padding: 15px; text-align: right;" \| {{{q2\|Вопрос 2}}}		! style="background-color: rgba(50,50,60,0.8); color: white; padding: 15px; text-align: right;" \| {{{q2\|Вопрос 2}}}
	\| style="background-color: rgba(30,30,50,0.8); color: #d3d3d3; padding: 15px;" \| {{{a2\|Ответ 2}}}		\| style="background-color: rgba(30,30,40,0.8); color: #d3d3d3; padding: 15px;" \| {{{a2\|Ответ 2}}}
	\|-		\|-
	! style="background-color: rgba(70,70,90,0.8); color: white; padding: 15px; text-align: right;" \| {{{q3\|Вопрос 3}}}		! style="background-color: rgba(50,50,60,0.8); color: white; padding: 15px; text-align: right;" \| {{{q3\|Вопрос 3}}}
	\| style="background-color: rgba(30,30,50,0.8); color: #d3d3d3; padding: 15px;" \| {{{a3\|Ответ 3}}}		\| style="background-color: rgba(30,30,40,0.8); color: #d3d3d3; padding: 15px;" \| {{{a3\|Ответ 3}}}
	\|}		\|}
	</includeonly><noinclude>		</includeonly><noinclude>
Строка 22:		Строка 22:
	\|q3=Как начать изучать программирование?		\|q3=Как начать изучать программирование?
	\|a3=Начните с онлайн-курсов, книг или видеоуроков, которые подходят вашему стилю обучения.		\|a3=Начните с онлайн-курсов, книг или видеоуроков, которые подходят вашему стилю обучения.
	\|float=~~left~~		\|float=right
	\|width=600px		\|width=600px
	\|margin-left=2em		\|margin-left=2em
	}}		}}
	</noinclude>		</noinclude>

Mosley в 20:16, 1 декабря 2024

2024-12-01T20:16:18Z

Внесённые изменения

Mosley в 20:00, 1 декабря 2024

2024-12-01T20:00:49Z

← Предыдущая версия		Версия от 23:00, 1 декабря 2024
Строка 1:		Строка 1:
	<includeonly>		<includeonly>
	<style>		<div class="modern-table-container">
			<div class="table-grid">
			{\| class="wikitable modern-table" style="float: {{{float\|right}}}; width: {{{width\|450px}}}; margin-left: {{{margin-left\|1em}}};"
			! colspan="2" class="modern-table-header" \|
			<div class="header-gradient">
			<span class="header-text">{{{title\|FAQ (Частые вопросы)}}}</span>
			<div class="header-line"></div>
			</div>
			\|-
			! class="modern-table-question" \| {{{q1\|Вопрос 1}}}
			\| class="modern-table-answer" \| {{{a1\|Ответ 1}}}
			\|-
			! class="modern-table-question" \| {{{q2\|Вопрос 2}}}
			\| class="modern-table-answer" \| {{{a2\|Ответ 2}}}
			\|-
			! class="modern-table-question" \| {{{q3\|Вопрос 3}}}
			\| class="modern-table-answer" \| {{{a3\|Ответ 3}}}
			\|}
			</div>
			</div>
			</includeonly><noinclude>
			{{#css:
	.modern-table-container {		.modern-table-container {
	position: relative;		position: relative;
Строка 91:		Строка 112:
	background: linear-gradient(transparent, rgba(155,89,182,0.5), transparent);		background: linear-gradient(transparent, rgba(155,89,182,0.5), transparent);
	}		}
	~~</style>~~		}}

	~~<div class~~=~~"modern-table-container">~~		Пример использования:
	~~<div class~~=~~"table-grid">~~		{{Modern Table
	{\| ~~class~~=~~"wikitable modern-table" style~~=~~"float: {{{float\|right}}}; width: {{{width\|450px}}}; margin-left: {{{margin-left\|1em}~~}};"		\|q1=Вопрос 1
	~~! colspan="2" class="modern-table-header" \|~~		\|a1=Ответ 1
	<~~div class="header-gradient"~~>		\|q2=Вопрос 2
	~~<span class="header-~~		\|a2=Ответ 2
			}}
			</noinclude>

Mosley в 19:58, 1 декабря 2024

2024-12-01T19:58:12Z

← Предыдущая версия		Версия от 22:58, 1 декабря 2024
Строка 1:		Строка 1:
	<includeonly>		<includeonly>
	<~~div class="modern-table-container">~~		<style>
	~~<div class="table-grid">~~
	~~{\| class="wikitable modern-table"~~ style~~="float: {{{float\|right}}}; width: {{{width\|450px}}}; margin-left: {{{margin-left\|1em}}};"~~
	~~! colspan="2" class="modern-table-header" \|~~
	~~<div class="header-gradient">~~
	~~<span class="header-text">{{{title\|FAQ (Частые вопросы)}}}</span>~~
	~~<div class="header-line"></div>~~
	~~</div>~~
	\|-
	~~! class="modern-table-question" \| {{{q1\|Вопрос 1}}}~~
	~~\| class="modern-table-answer" \| {{{a1\|Ответ 1}}}~~
	\|-
	~~! class="modern-table-question" \| {{{q2\|Вопрос 2}}}~~
	~~\| class="modern-table-answer" \| {{{a2\|Ответ 2}}}~~
	\|-
	~~! class="modern-table-question" \| {{{q3\|Вопрос 3}}}~~
	~~\| class="modern-table-answer" \| {{{a3\|Ответ 3}}}~~
	\|}
	~~</div>~~
	~~</div>~~
	~~</includeonly><noinclude~~>
	~~{{#css:~~
	.modern-table-container {		.modern-table-container {
	position: relative;		position: relative;
Строка 112:		Строка 91:
	background: linear-gradient(transparent, rgba(155,89,182,0.5), transparent);		background: linear-gradient(transparent, rgba(155,89,182,0.5), transparent);
	}		}
	}}		</style>

	~~Пример использования~~:		<div class="modern-table-container">
	{{~~Modern Table~~		<div class="table-grid">
	\|~~q1=Вопрос 1~~		{\| class="wikitable modern-table" style="float: {{{float\|right}}}; width: {{{width\|450px}}}; margin-left: {{{margin-left\|1em}}};"
	\|~~a1=Ответ 1~~		! colspan="2" class="modern-table-header" \|
	~~\|q2~~=~~Вопрос~~ 2		<div class="header-gradient">
	~~\|a2~~=~~Ответ 2~~		<span class="header-
	}}
	<~~/noinclude>~~

Mosley в 19:44, 1 декабря 2024

2024-12-01T19:44:02Z

← Предыдущая версия		Версия от 22:44, 1 декабря 2024
Строка 24:		Строка 24:
	.modern-table-container {		.modern-table-container {
	position: relative;		position: relative;
	~~perspective: 1000px;~~
	~~transform-style: preserve-3d;~~
	}		}

	.table-grid {		.table-grid {
	transition: all 0.3s ease;		transition: all 0.3s ease;
	~~transform: rotateX(3deg) rotateY(-2deg);~~
	box-shadow: 0 15px 30px rgba(0,0,0,0.4);		box-shadow: 0 15px 30px rgba(0,0,0,0.4);
	}		}
Строка 114:		Строка 111:
	height: 100%;		height: 100%;
	background: linear-gradient(transparent, rgba(155,89,182,0.5), transparent);		background: linear-gradient(transparent, rgba(155,89,182,0.5), transparent);
	}

	~~.table-grid:hover {~~
	~~transform: rotateX(2deg) rotateY(-1deg) scale(1.02);~~
	~~box-shadow: 0 20px 40px rgba(0,0,0,0.5);~~
	}		}
	}}		}}

Mosley в 19:39, 1 декабря 2024

2024-12-01T19:39:57Z

Внесённые изменения

Mosley: Новая страница: « {| class="wikitable modern-table" style="float: {{{float|right}}}; width: {{{width|450px}}}; margin-left: {{{margin-left|1em}}};" ! colspan="2" class="modern-table-header" | {{{title|FAQ (Частые вопросы)}}} |- ! class="modern-table-question" | {{{q1|Вопрос 1}}} | class="modern-table-answer" | {{{a1|Ответ 1}}} |- ! class="modern-table-question" | {{{q2|Вопрос 2}}} | class="modern-table-answer" | {{{a2|Ответ 2}}...»

2024-12-01T19:38:13Z

Новая страница: «<includeonly> {| class="wikitable modern-table" style="float: {{{float|right}}}; width: {{{width|450px}}}; margin-left: {{{margin-left|1em}}};" ! colspan="2" class="modern-table-header" | {{{title|FAQ (Частые вопросы)}}} |- ! class="modern-table-question" | {{{q1|Вопрос 1}}} | class="modern-table-answer" | {{{a1|Ответ 1}}} |- ! class="modern-table-question" | {{{q2|Вопрос 2}}} | class="modern-table-answer" | {{{a2|Ответ 2}}...»

Новая страница

<includeonly>
{| class="wikitable modern-table" style="float: {{{float|right}}}; width: {{{width|450px}}}; margin-left: {{{margin-left|1em}}};"
! colspan="2" class="modern-table-header" | {{{title|FAQ (Частые вопросы)}}}
|-
! class="modern-table-question" | {{{q1|Вопрос 1}}}
| class="modern-table-answer" | {{{a1|Ответ 1}}}
|-
! class="modern-table-question" | {{{q2|Вопрос 2}}}
| class="modern-table-answer" | {{{a2|Ответ 2}}}
|-
! class="modern-table-question" | {{{q3|Вопрос 3}}}
| class="modern-table-answer" | {{{a3|Ответ 3}}}
|-
! class="modern-table-question" | {{{q4|Вопрос 4}}}
| class="modern-table-answer" | {{{a4|Ответ 4}}}
|}
</includeonly><noinclude>
{{#css:
.modern-table {
border-collapse: separate !important;
border-spacing: 0 10px !important;
background: transparent !important;
font-family: 'Montserrat', sans-serif !important;
}

.modern-table-header {
background-color: #4a4a4a !important;
color: #d3d3d3 !important;
text-align: center !important;
font-weight: bold !important;
padding: 10px !important;
border-radius: 5px 5px 0 0 !important;
box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
}

.modern-table-question {
background-color: #3a3a3a !important;
color: #a0a0a0 !important;
text-align: right !important;
padding: 10px !important;
font-weight: bold !important;
width: 30% !important;
border-right: 2px solid #4a4a4a !important;
}

.modern-table-answer {
background-color: #2a2a2a !important;
color: #c0c0c0 !important;
padding: 10px !important;
text-align: left !important;
border-left: 2px solid #4a4a4a !important;
}

.modern-table tr:nth-child(even) .modern-table-question,
.modern-table tr:nth-child(even) .modern-table-answer {
background-color: rgba(50,50,50,0.8) !important;
}
}}