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

Текущая версия от 12:15, 23 ноября 2024

Потерянный мир Лумла

Земля

Аттонис

Выберите планету

Здесь будет описание планеты.

@@ Строка 1: / Строка 1: @@
-<div id="planet-system">
+<div class="container">
-<div class="planet orbit" data-link="Потерянный мир Лумла">
+<div class="planet-list">
-[[File:Земля.png|80x80px|link=Потерянный мир Лумла]]
+<div class="planet-card" data-description="Информация утеряна.">
+<img src="Земля.png" alt="Лумла">
+<h3>Потерянный мир Лумла</h3>
 </div>
-<div class="planet orbit" data-link="Земля">
+<div class="planet-card" data-description="Третья по удалённости от Солнца...">
-[[File:Земля.png|90x90px|link=Земля]]
+<img src="Земля.png" alt="Земля">
+<h3>Земля</h3>
 </div>
-<div class="planet orbit" data-link="Аттонис">
+<div class="planet-card" data-description="Планета Аттонис – вторая по удаленности...">
-[[File:Аттонис.png|100x100px|link=Аттонис]]
+<img src="Аттонис.png" alt="Аттонис">
+<h3>Аттонис</h3>
 </div>
-<div class="planet orbit" data-link="Кантесс">
+<!-- Добавь другие планеты аналогично -->
-[[File:Земля.png|85x85px|link=Кантесс]]
 </div>
-<div class="planet orbit" data-link="Магма-Карак">
+<div class="description-panel">
-[[File:Земля.png|110x110px|link=Магма-Карак]]
+<h3 class="planet-name">Выберите планету</h3>
-</div>
+<p class="planet-description">Здесь будет описание планеты.</p>
-<div class="planet orbit" data-link="Нанорум">
-[[File:Земля.png|95x95px|link=Нанорум]]
 </div>
 </div>