Название

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Название » Центр Командования » Навигация


Навигация

Сообщений 1 страница 2 из 2

1

[html]<!-- начало текстового контейнера -->
<div id="text-block">

    <!-- ссылка на всплывающий контейнер -->
    <a href="#pic_form" id="pic_pop"><img src="http://s6.uploads.ru/MJzGo.jpg"></a>
   <!-- всплывающий контейнер -->
   <a href="#x" class="overlay" id="pic_form"></a>
   <div class="popup">
       <img src="http://s6.uploads.ru/OGvZ1.jpg">
   <a class="close" href="#close"></a>
   </div>

Текст 1--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<!-- конец текстового контейнера -->
</div>

<!-- Текст слева -->
<div id="left-sector">

<h3>География</h3><hr/>
Текст 2--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

<h3>Жизнь и общество</h3><hr/>
Текст 3--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

<br/>
<br/>
<h3>История региона</h3><hr/>
Текст 4--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<!-- текст слева КОНЕЦ -->
</div>

<!-- Блоки справа -->
<div id="right-sector">

  <div id="rs-block">

  <h3>Города</h3>

    <!-- ссылка на город -->
    <a href="#town1_form" id="town1_pop"  class="rs-menu">Город 1</a>
   <!-- всплывающий контейнер -->
   <a href="#x" class="overlay" id="town1_form"></a>
   <div class="popup">
       содержимое блока 1
   <a class="close" href="#close"></a>
   </div>

    <!-- ссылка на город -->
    <a href="#town2_form" id="town2_pop"  class="rs-menu">Город 2</a>
   <!-- всплывающий контейнер -->
   <a href="#x" class="overlay" id="town2_form"></a>
   <div class="popup">
       содержимое блока 2
   <a class="close" href="#close"></a>
   </div>

    <!-- ссылка на город -->
    <a href="#town3_form" id="town3_pop"  class="rs-menu">Город 3</a>
   <!-- всплывающий контейнер -->
   <a href="#x" class="overlay" id="town3_form"></a>
   <div class="popup">
       содержимое блока 3
   <a class="close" href="#close"></a>
   </div>

    <!-- ссылка на город -->
    <a href="#town4_form" id="town4_pop"  class="rs-menu">Город 4</a>
   <!-- всплывающий контейнер -->
   <a href="#x" class="overlay" id="town4_form"></a>
   <div class="popup">
       содержимое блока 4
   <a class="close" href="#close"></a>
   </div>

    <!-- ссылка на город -->
    <a href="#town5_form" id="town5_pop"  class="rs-menu">Город 5</a>
   <!-- всплывающий контейнер -->
   <a href="#x" class="overlay" id="town5_form"></a>
   <div class="popup">
       содержимое блока 5
   <a class="close" href="#close"></a>
   </div>

  </div>

  <div id="rs-block">
    <h3>Краткая инфо о чем-то</h3>

Краткая инфо о чем-то важном

  </div>
  <div id="rs-block">

  <h3>Акционные персонажи</h3>

    <!-- ссылка на личность -->
    <a href="#pers1_form" id="pers1_pop"  class="rs-pers">
       <img src="http://s7.uploads.ru/zLxSb.gif">
       <span> Личность 1 </span>
    </a><br/>
   <!-- всплывающий контейнер -->
   <a href="#x" class="overlay" id="pers1_form"></a>
   <div class="popup">
       содержимое блока 1
   <a class="close" href="#close"></a>
   </div>

    <!-- ссылка на личность -->
    <a href="#pers2_form" id="pers2_pop"  class="rs-pers">
       <img src="http://s7.uploads.ru/zLxSb.gif">
       <span> Личность 2 </span>
    </a><br/>
   <!-- всплывающий контейнер -->
   <a href="#x" class="overlay" id="pers2_form"></a>
   <div class="popup">
       содержимое блока 2
   <a class="close" href="#close"></a>
   </div>

    <!-- ссылка на личность -->
    <a href="#pers3_form" id="pers3_pop"  class="rs-pers">
       <img src="http://s7.uploads.ru/zLxSb.gif">
       <span> Личность 3 </span>
    </a><br/>
   <!-- всплывающий контейнер -->
   <a href="#x" class="overlay" id="pers3_form"></a>
   <div class="popup">
       содержимое блока 3
   <a class="close" href="#close"></a>
   </div>

    <!-- ссылка на личность -->
    <a href="#pers4_form" id="pers4_pop"  class="rs-pers">
       <img src="http://s7.uploads.ru/zLxSb.gif">
       <span> Личность 4 </span>
    </a><br/>
   <!-- всплывающий контейнер -->
   <a href="#x" class="overlay" id="pers4_form"></a>
   <div class="popup">
       содержимое блока 4
   <a class="close" href="#close"></a>
   </div>

    <!-- ссылка на личность -->
    <a href="#pers5_form" id="pers5_pop"  class="rs-pers">
       <img src="http://s7.uploads.ru/zLxSb.gif">
       <span> Личность 5 </span>
    </a><br/>
   <!-- всплывающий контейнер -->
   <a href="#x" class="overlay" id="pers5_form"></a>
   <div class="popup">
       содержимое блока 5
   <a class="close" href="#close"></a>
   </div>

  </div>
<!-- Блоки справа КОНЕЦ -->
</div>

<style>
#pun-main .container {padding: 8px 12px;}
</style>[/html]

0

2

[html]<!--HTML--><div class="str">
<blc>
<!--dramatic core-->
<img src="https://i.imgur.com/x1fbQOR.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/VPbybvQ.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/MfOjI2f.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/uCau9Qj.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/5LBSCX2.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/Ot7Vj7h.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/sbH6OmU.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/t6eIoE0.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/wDp4IkJ.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/OzJYwpS.png" style="border-radius:15px 15px 0 0">

<!--серые и бежевые-->
<img src="https://i.imgur.com/SAVsfkZ.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/0aepWOE.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/jh98L2Y.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/Oio26aN.png" style="border-radius:15px 15px 0 0">

<!--зелёные-->
<img src="https://i.imgur.com/tAXUfpU.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/UNbTLKe.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/rjv4M2O.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/qe3FXP1.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/hWBJ3Mm.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/YooPH1w.png" style="border-radius:15px 15px 0 0">

<!--розовые-->
<img src="https://i.imgur.com/fv7OoeX.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/ast3aWs.png" style="border-radius:15px 15px 0 0">

<!--красные-->
<img src="https://i.imgur.com/8obyMsY.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/R08zTAC.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/KwLFEtB.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/YkxomZy.png" style="border-radius:15px 15px 0 0">

<!--чёрные-->
<img src="https://i.imgur.com/i2xoXXU.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/41gk8be.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/eBx0leE.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/jie4pBE.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/rUk2K6P.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/O6PM9gI.png" style="border-radius:15px 15px 0 0">

<!--фиолетовые-->
<img src="https://i.imgur.com/W4H4AWx.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/TQFHSgr.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/Fqgwjcy.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/Fcfxurs.png" style="border-radius:15px 15px 0 0">

<!--синие-->
<img src="https://i.imgur.com/x2woSpD.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/JxM3tfW.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/CWXdWIS.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/3iAXmg7.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/WQkQ5Qv.png" style="border-radius:15px 15px 0 0">
<img src="https://i.imgur.com/kYNS63M.png" style="border-radius:15px 15px 0 0">
</blc>
<blc>
<!--dramatic core-->
<img src="https://i.imgur.com/3dEa6Yx.png" style="border-radius:15px">
<img src="https://i.imgur.com/Hhwg5Ds.png" style="border-radius:15px">
<img src="https://i.imgur.com/ek0s5nW.png" style="border-radius:15px">
<img src="https://i.imgur.com/w8qZjx5.png" style="border-radius:15px">
<img src="https://i.imgur.com/ZdHHk5x.png" style="border-radius:15px">
<img src="https://i.imgur.com/HHqlsRj.png" style="border-radius:15px">
<img src="https://i.imgur.com/q7H6NSy.png" style="border-radius:15px">
<img src="https://i.imgur.com/Ri9fEJv.png" style="border-radius:15px">
<img src="https://i.imgur.com/68HYyDa.png" style="border-radius:15px">
<img src="https://i.imgur.com/VgXAGFH.png" style="border-radius:15px">

<!--серые и бежевые-->
<img src="https://i.imgur.com/XeCPK4b.png" style="border-radius:15px">
<img src="https://i.imgur.com/0GIWJaV.png" style="border-radius:15px">
<img src="https://i.imgur.com/tN0ocQ1.png" style="border-radius:15px">
<img src="https://i.imgur.com/Xoxz17i.png" style="border-radius:15px">

<!--зелёные-->
<img src="https://i.imgur.com/RN5mqY3.png" style="border-radius:15px">
<img src="https://i.imgur.com/zz7heI4.png" style="border-radius:15px">
<img src="https://i.imgur.com/tSFXYqR.png" style="border-radius:15px">
<img src="https://i.imgur.com/qfRn8lx.png" style="border-radius:15px">
<img src="https://i.imgur.com/8mss7hE.png" style="border-radius:15px">
<img src="https://i.imgur.com/Q2tdCrr.png" style="border-radius:15px">

<!--розовые-->
<img src="https://i.imgur.com/4NCs8Kt.png" style="border-radius:15px">
<img src="https://i.imgur.com/fo7AwgX.png" style="border-radius:15px">

<!--красные-->
<img src="https://i.imgur.com/dUnx0kF.png" style="border-radius:15px">
<img src="https://i.imgur.com/tTQFHKa.png" style="border-radius:15px">
<img src="https://i.imgur.com/5IZHYH7.png" style="border-radius:15px">
<img src="https://i.imgur.com/5WggPsw.png" style="border-radius:15px">

<!--чёрные-->
<img src="https://i.imgur.com/AbOkBKz.png" style="border-radius:15px">
<img src="https://i.imgur.com/JUkM2cv.png" style="border-radius:15px">
<img src="https://i.imgur.com/IsWgVw8.png" style="border-radius:15px">
<img src="https://i.imgur.com/cCyNmtT.png" style="border-radius:15px">
<img src="https://i.imgur.com/0OkOVPr.png" style="border-radius:15px">
<img src="https://i.imgur.com/C4cxYHI.png" style="border-radius:15px">

<!--фиолетовые-->
<img src="https://i.imgur.com/mC16HnH.png" style="border-radius:15px">
<img src="https://i.imgur.com/H7I9bwp.png" style="border-radius:15px">
<img src="https://i.imgur.com/neDG9fC.png" style="border-radius:15px">
<img src="https://i.imgur.com/5XaE5aA.png" style="border-radius:15px">

<!--синие-->
<img src="https://i.imgur.com/NahF7YS.png" style="border-radius:15px">
<img src="https://i.imgur.com/jzZqjPC.png" style="border-radius:15px">
<img src="https://i.imgur.com/tSSoKoO.png" style="border-radius:15px">
<img src="https://i.imgur.com/sZoAc6Q.png" style="border-radius:15px">
<img src="https://i.imgur.com/CVqS4V2.png" style="border-radius:15px">
<img src="https://i.imgur.com/kEC5sVw.png" style="border-radius:15px">
</blc>
</div>

<style>
.str {
width: 100%;
    padding: 13px 0;
    display: flex;
    overflow: hidden;
    gap: 10px;
}

.str img{
width: 190px;
/*   height: 36px;*/
/*   object-fit: cover;*/
}

.str k{
width: 100%;
    position: relative;
    padding: 13px 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    gap: 30px;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.str blc {
display: flex;
    flex-direction: row;
    gap: 5px;
    width: 100%;
    overflow-y: auto;
    height: 250px;
    overflow-x: hidden;
    background: #c6c6c6;
    padding: 12px 8px;
    border: 10px solid #c6c6c6;
    border-radius: 15px;
    flex-wrap: wrap;
}

</style>[/html]

0


Вы здесь » Название » Центр Командования » Навигация