09.13.2024: Difference between revisions

From TwentyOneWiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(25 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="ring-chart27">
<div class="ring-chart27">
   <ul>
   <ul>
     <li><a href="https://example.com/segment1"></a></li>
     <li></li>
    <li><a href="https://example.com/segment2"></a></li>
     <li></li>
     <li><a href="https://example.com/segment3"></a></li>
     <li></li>
     <li><a href="https://example.com/segment4"></a></li>
     <li></li>
     <li class="overlay"><img src="/wiki/Special:FilePath/Circle_frame.svg.png" alt="Overlay Image"></li>
   </ul>
   </ul>
</div>
<ul>
    <li class="square-list">
        <img src="/images/a/a4/Circle_frame.svg.png" alt="Картинка" />
    </li>
    <!-- Добавьте другие элементы списка по необходимости -->
</ul>
<ul>
  <li id="trigger">Нажми меня</li>
</ul>
<table>
  <tr>
    <td class="dropdown">
      <span>Нажми меня</span>
      <ul class="dropdown-content">
        <li>Пункт 1</li>
        <li>Пункт 2</li>
        <li>Пункт 3</li>
      </ul>
    </td>
  </tr>
</table>
<span id="concert-list-trigger" tabindex="0" style="cursor: pointer; color: blue; text-decoration: underline;">3 концерта</span>
<div class="popup-overlay" tabindex="-1">
    <div class="popup-content">
        <h2>Список концертов</h2>
        <ul>
            <li>Концерт 1</li>
            <li>Концерт 2</li>
            <li>Концерт 3</li>
        </ul>
    </div>
</div>
<div id="concert-list-popup" class="popup-overlay">
    <div class="popup-content">
        <h2>Список концертов</h2>
        <ul>
            <li>Концерт 1</li>
            <li>Концерт 2</li>
            <li>Концерт 3</li>
        </ul>
    </div>
</div>
<ul>
  <li class="tooltip23-container">
    Наведи на меня
    <span class="tooltip23-text">Это всплывающее окошко с текстом</span>
  </li>
  <li class="tooltip23-container">
    Еще один элемент
    <span class="tooltip23-text">Еще одно всплывающее окошко</span>
  </li>
</ul>
<ul class="pie-chart4">
    <li style="--percentage: 25; --color: #4CAF50;"></li>
    <li style="--percentage: 50; --color: #2196F3;"></li>
    <li style="--percentage: 75; --color: #FF9800;"></li>
    <li style="--percentage: 100; --color: #F44336;"></li>
</ul>
<div class="ring-chart27">
  <ul>
    <li><a href="#section1"></a></li>
    <li><a href="#section2"></a></li>
    <li><a href="#section3"></a></li>
    <li><a href="#section4"></a></li>
  </ul>
</div>
<div class="relative-container">
  <div class="orange-box bottom-left"></div>
  <div class="orange-box bottom-right"></div>
  <div class="orange-box top-right"></div>
  <div class="turquoise-triangle top-right"></div>
  <div class="turquoise-box top-left"></div>
  <div class="circle-frame">
    <figure class="noresize" typeof="mw:File">
      <span>
        <img src="/www/w/images/thumb/1/18/Circle_frame.svg/200px-Circle_frame.svg.png" decoding="async" width="200" height="200" class="mw-file-element" srcset="/www/w/images/thumb/1/18/Circle_frame.svg/300px-Circle_frame.svg.png 1.5x, /www/w/images/thumb/1/18/Circle_frame.svg/400px-Circle_frame.svg.png 2x" data-file-width="200" data-file-height="200" usemap="#ImageMap_977eeb89918d4173">
      </span>
      <map name="ImageMap_977eeb89918d4173">
        <area href="/wiki/Herzeleid_(album)" shape="poly" coords="100,100,200,100,199,99,199,97,199,95,199,93,199,91,199,89,199,87,198,85,198,83,198,81,197,79,197,77,196,75,196,73,195,71,194,69,194,67,193,65,192,63,192,62,191,60,190,58,189,56,188,54,187,53,186,51,185,49,184,47,183,46,182,44,181,42,180,41,178,39,177,38,176,36,175,35,173,33,172,32,171,30,169,29,168,27,166,26,165,25,163,23,162,22,160,21,158,20,157,19,155,17,154,16,152,15,150,14,148,13,147,12,145,11,143,10,141,10,139,9,138,8,136,7,134,7,132,6,130,5,128,5,126,4,124,4,122,3,120,3,118,2,116,2,115,2,113,1,111,1,109,1,107,1,105,1,103,1,101,1,99,1,97,1,95,1,93,1,91,1,89,1,87,1,85,2,83,2,81,2,79,3,77,3,75,4,73,4,71,5,69,5,67,6,65,7,63,7,62,8,60,9,58,10,56,10,54,11,53,12,51,13,49,14,47,15,46,16,44,17,42,18,41,20,39,21,37,22,36,23,34,25,33,26,31,27,30,29,29,30,27,31,26,33,24,34,23,36,22,37,21,39,19,41,18,42,17,44,16,46,15,47,14,49,13,51,12,52,11,54,10,56,9,58,8,60,7,61,7,63,6,65,5,67,5,69,4,71,3,73,3,75,2,77,2,79,2,80,1,82,1,84,1,86,0,88,0,90,0,92,0,94,0,96,0,98,0,100,0,102,0,104,0,106,0,108,0,110,0,112,0,114,1,116,1,118,1,120,2,122,2,124,3,126,3,128,4,130,5,132,5,134,6,136,7,137,7,139,8,141,9,143,10,145,11,147,12,148,13,150,14,152,15,153,16,155,17,157,18,158,19,159,100,100" alt="Herzeleid" title="Herzeleid">
        <area href="/wiki/Sehnsucht_(album)" shape="poly" coords="100,100,19,159,20,161,21,162,22,164,24,166,25,167,26,169,28,170,29,171,30,173,32,174,33,176,35,177,36,178,38,179,40,181,41,182,43,183,44,184,46,185,48,186,50,187,51,188,53,189,55,190,57,191,58,192,60,193,62,193,64,194,66,195,68,195,70,196,72,197,74,197,75,198,77,198,79,198,81,199,83,199,85,199,87,200,89,200,91,200,93,200,95,200,97,200,99,200,101,200,103,200,105,200,107,200,109,200,111,200,113,200,115,199,117,199,119,199,121,198,123,198,125,197,127,197,129,196,131,196,133,195,134,194,136,193,138,193,140,192,142,191,144,190,145,189,147,188,149,187,151,186,152,185,154,184,156,183,157,182,159,181,161,180,162,178,164,177,165,176,167,175,168,173,170,172,171,170,172,169,174,167,175,166,176,164,178,163,179,161,180,160,181,158,182,156,184,155,185,153,186,151,187,150,188,148,189,146,189,144,190,142,191,141,192,139,193,137,193,135,194,133,195,131,195,129,196,127,196,126,197,124,197,122,198,120,198,118,198,116,199,114,199,112,199,110,199,108,199,106,199,104,199,102,200,101,100,100" alt="Sehnsucht" title="Sehnsucht">
      </map>
      <figcaption></figcaption>
    </figure>
  </div>
</div>
</div>

Latest revision as of 00:35, 13 October 2024

  • <img src="/images/a/a4/Circle_frame.svg.png" alt="Картинка" />
  • Нажми меня

3 концерта

  • Наведи на меня Это всплывающее окошко с текстом
  • Еще один элемент Еще одно всплывающее окошко
  • <a href="#section1"></a>
  • <a href="#section2"></a>
  • <a href="#section3"></a>
  • <a href="#section4"></a>
   <figure class="noresize" typeof="mw:File">
     
       <img src="/www/w/images/thumb/1/18/Circle_frame.svg/200px-Circle_frame.svg.png" decoding="async" width="200" height="200" class="mw-file-element" srcset="/www/w/images/thumb/1/18/Circle_frame.svg/300px-Circle_frame.svg.png 1.5x, /www/w/images/thumb/1/18/Circle_frame.svg/400px-Circle_frame.svg.png 2x" data-file-width="200" data-file-height="200" usemap="#ImageMap_977eeb89918d4173">
     
     <map name="ImageMap_977eeb89918d4173">
       <area href="/wiki/Herzeleid_(album)" shape="poly" coords="100,100,200,100,199,99,199,97,199,95,199,93,199,91,199,89,199,87,198,85,198,83,198,81,197,79,197,77,196,75,196,73,195,71,194,69,194,67,193,65,192,63,192,62,191,60,190,58,189,56,188,54,187,53,186,51,185,49,184,47,183,46,182,44,181,42,180,41,178,39,177,38,176,36,175,35,173,33,172,32,171,30,169,29,168,27,166,26,165,25,163,23,162,22,160,21,158,20,157,19,155,17,154,16,152,15,150,14,148,13,147,12,145,11,143,10,141,10,139,9,138,8,136,7,134,7,132,6,130,5,128,5,126,4,124,4,122,3,120,3,118,2,116,2,115,2,113,1,111,1,109,1,107,1,105,1,103,1,101,1,99,1,97,1,95,1,93,1,91,1,89,1,87,1,85,2,83,2,81,2,79,3,77,3,75,4,73,4,71,5,69,5,67,6,65,7,63,7,62,8,60,9,58,10,56,10,54,11,53,12,51,13,49,14,47,15,46,16,44,17,42,18,41,20,39,21,37,22,36,23,34,25,33,26,31,27,30,29,29,30,27,31,26,33,24,34,23,36,22,37,21,39,19,41,18,42,17,44,16,46,15,47,14,49,13,51,12,52,11,54,10,56,9,58,8,60,7,61,7,63,6,65,5,67,5,69,4,71,3,73,3,75,2,77,2,79,2,80,1,82,1,84,1,86,0,88,0,90,0,92,0,94,0,96,0,98,0,100,0,102,0,104,0,106,0,108,0,110,0,112,0,114,1,116,1,118,1,120,2,122,2,124,3,126,3,128,4,130,5,132,5,134,6,136,7,137,7,139,8,141,9,143,10,145,11,147,12,148,13,150,14,152,15,153,16,155,17,157,18,158,19,159,100,100" alt="Herzeleid" title="Herzeleid">
       <area href="/wiki/Sehnsucht_(album)" shape="poly" coords="100,100,19,159,20,161,21,162,22,164,24,166,25,167,26,169,28,170,29,171,30,173,32,174,33,176,35,177,36,178,38,179,40,181,41,182,43,183,44,184,46,185,48,186,50,187,51,188,53,189,55,190,57,191,58,192,60,193,62,193,64,194,66,195,68,195,70,196,72,197,74,197,75,198,77,198,79,198,81,199,83,199,85,199,87,200,89,200,91,200,93,200,95,200,97,200,99,200,101,200,103,200,105,200,107,200,109,200,111,200,113,200,115,199,117,199,119,199,121,198,123,198,125,197,127,197,129,196,131,196,133,195,134,194,136,193,138,193,140,192,142,191,144,190,145,189,147,188,149,187,151,186,152,185,154,184,156,183,157,182,159,181,161,180,162,178,164,177,165,176,167,175,168,173,170,172,171,170,172,169,174,167,175,166,176,164,178,163,179,161,180,160,181,158,182,156,184,155,185,153,186,151,187,150,188,148,189,146,189,144,190,142,191,141,192,139,193,137,193,135,194,133,195,131,195,129,196,127,196,126,197,124,197,122,198,120,198,118,198,116,199,114,199,112,199,110,199,108,199,106,199,104,199,102,200,101,100,100" alt="Sehnsucht" title="Sehnsucht">
     </map>
     <figcaption></figcaption>
   </figure>