Обсуждение:КЗ Армовича 2 версия: различия между версиями

← Предыдущая правка Следующая правка →

ВизуальныйВики-текст

Версия от 08:26, 6 февраля 2026

--Armowich (обсуждение) 06:53, 4 февраля 2026 (UTC)--Armowich (обсуждение) 06:53, 4 февраля 2026 (UTC)

ДОБРО ПОЖАЛОВАТЬ НА SIERRA-CELADON

Контент розового блока
Многострочный текст
Перекрывает синий блок
Автоматическая высота

Контент синего блока
Многострочный текст
Разная высота
Еще строка

Галактическая карта

Карта сьерры

О сервере
Sierra Celadon - сервер Space Station 13 основанный на вселенной Бэй12. Наш сервер находится:

Наш сервер находится: byond://play.celadon.pro:1350 byond://game.celadon.pro:1350

@@ Строка 14: / Строка 14: @@
 </strong>
 </div>
 <div style="position: relative;">
@@ Строка 26: / Строка 25: @@
 </div>
-<div style="position: relative; display: flex; align-items: flex-start;">
+<div style="position: relative; padding-right: 20%;">
 <div style="
-width: 80%;
 font-size: 16px;
 background: pink;
-position: absolute;
+padding: 10px;
-left: 30px;
+margin-right: -5%; /* Создаем место для наложения */
-top: 0;
+position: relative;
 z-index: 2;
 ">
+Контент розового блока<br>
+Многострочный текст<br>
+Перекрывает синий блок<br>
+Автоматическая высота<br><br><br>
+</div>
-Содержимое розового блока<br>
-Может быть разной высоты<br>
-Адаптируется под контент
-</div>
 <div style="
+position: absolute;
+right: 0;
+top: 0;
+width: 25%;
 background-color: blue;
-position: absolute;
+font-size: 16px;
-width: calc(20% - 8px);
-font-size: 16px;
 color: white;
-right: 8px;
+padding: 10px;
-top: 10px;
+z-index: 1;
+height: 100%;
+box-sizing: border-box;
+margin-right: 8px;
 ">
+Контент синего блока<br>
+Многострочный текст<br>
+Разная высота<br>
+Еще строка<br><br><br><br><br><br><br><br><br><br><br><br>
+</div>
-Содержимое синего блока<br>
-Тоже может быть разным<br>
-Еще одна строка<br>
-И еще
 </div>
-<div style="width: 80%; visibility: hidden; font-size: 16px;" id="left-placeholder">
-Содержимое розового блока<br>
-Может быть разной высоты<br>
-Адаптируется под контент
-</div>
-<div style="width: calc(20% + 8px); visibility: hidden; font-size: 16px;" id="right-placeholder">
-Содержимое синего блока<br>
-Тоже может быть разным<br>
-Еще одна строка<br>И еще
-</div></div>
-<div style="font-size: 0; position:relative; z-index: 10; margin-top: 20px;">
+<div style="font-size: 0; position:relative; z-index: 10;">
 <div style="background-color: #fff; width: calc(50% - 8px); display: inline-block; font-size: 4px; margin-right: 8px; border-bottom-left-radius: 50px"><br></div>
 <div style="background-color: red; width: calc(25% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
@@ Строка 75: / Строка 71: @@
 </div>