A_Min
@A_Min

Вставка иконок в круговом меню возможна?

Здравствуйте!
Есть код: https://codepen.io/Alexzeus/pen/vYXWEez

На Тильду хотелось бы вставить его. Проблема в том, что вместо span элементов бургера нужно вставить иконку, после клика на иконку - открывается круговое меню, а в центре уже не иконка, а span элементы в форме "Х"
Как ограничить количество вылетающих кругов? (не 6, а 3)
Как вставить в вылетающие круги текст?

Пример: logisticgroupua.tilda.ws/proj1

Спасибо.
  • Вопрос задан
  • 53 просмотра
Решения вопроса 1
bestowhope
@bestowhope
Печатает...
А проблема собственно в чем?

<nav class="deoprevies">
  <input type="checkbox" href="#" class="expanddeoprevies" name="expanddeoprevies" id="expanddeoprevies" />
  <label class="labecaxu-pgecadin" for="expanddeoprevies"> 
    <img src="https://image.flaticon.com/icons/png/512/105/105428.png" width="35" height="35" alt="">  **Ну либо в сам класс пропиши** 
  </label>

  <a href="#" class="basede-bsitaybes persun"> Тупишь </a>
  <a href="#" class="basede-bsitaybes vtiposab"> <i class="fas fa fa-coffee"></i> </a>

  <a href="http://zornet.ru" class="basede-bsitaybes dekipaveg"> <i class="fa fa-camera-retro"></i> </a>
</nav>


5fe4e72b8fe61678725040.jpeg

Пихни 2 свг, раз уж решил первую иконку делать да и делов то
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
A_Min
@A_Min Автор вопроса
Да, просто писька и тупилово)
Спасибо.

А вот с этим вариантом:
https://pmg.softwaretailoring.net/

Возможно ли его вставить в Тильду? Я сохранил wheelnav.js на Гитхабе, оттуда ссылку скопировал в блок HTML, получилась вот такая ересь, но нифига не работает.

<html>
    <script type="text/javascript" src="https://github.com/alex-minenko/logisticgroup.git/wheelnav.js-1.7.1/raphael.min.js"></script>
    <script type="text/javascript" src="https://github.com/alex-minenko/logisticgroup.git/wheelnav.js-1.7.1/raphael.icons.min.js"></script>
    <script type="text/javascript" src="https://github.com/alex-minenko/logisticgroup.git/wheelnav.js-1.7.1/wheelnav.min.js"></script>
    
 <div id='piemenu' data-wheelnav
 data-wheelnav-slicepath='DonutSlice'
 data-wheelnav-marker data-wheelnav-markerpath='TriangleMarker'
 data-wheelnav-navangle='270'
 data-wheelnav-titleheight='45'
 data-wheelnav-cssmode 
 data-wheelnav-init>
  <div data-wheelnav-navitemicon='check' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemimg='http://pmg.softwaretailoring.net/img/pmg_favicon.png' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemicon='checkbox' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemicon='checked' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemicon='star' onmouseup='alert("Place your logic here.");'></div>
</div>

<style>
  <div id='piemenu' data-wheelnav
 data-wheelnav-slicepath='DonutSlice'
 data-wheelnav-marker data-wheelnav-markerpath='TriangleMarker'
 data-wheelnav-navangle='270'
 data-wheelnav-titleheight='45'
 data-wheelnav-cssmode 
 data-wheelnav-init>
  <div data-wheelnav-navitemicon='check' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemimg='http://pmg.softwaretailoring.net/img/pmg_favicon.png' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemicon='checkbox' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemicon='checked' onmouseup='alert("Place your logic here.");'></div>
  <div data-wheelnav-navitemicon='star' onmouseup='alert("Place your logic here.");'></div>
</div>
</style>

<script>
    var piemenu = new wheelnav('piemenu');
piemenu.wheelRadius = piemenu.wheelRadius * 0.83;
piemenu.createWheel();
piemenu.setTooltips(['check','image','checkbox','checked','star']);
</script>



</html>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы