09.13.2024: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(24 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<div class="ring-chart27"> | <div class="ring-chart27"> | ||
<ul> | <ul> | ||
<li | <li></li> | ||
<li | <li></li> | ||
<li | <li></li> | ||
<li | <li></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 23:35, 12 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>