Соединительные элементы на сайте

Сообщений: 311 Регистрация: Май 2013

27 Июля 2018 14:46

Всем в очередной раз привет! Вот делаю очередной проект, есть классная идея, но не всегда все могу осуществить... Буду признателен, если кто-то поможет советом! Собственно говоря сам пациент _https://freak-show.su/ на котором необходимо соединить несколько элементов линиями (пример во вложении, так как хочу чтоб получилось), но чего то у самого видимо руки кривые... Не подскажите ли, как можно такое осуществить? Буду крайне признателен за идеи или советы!

Прикрепленные файлы

OnO_uUdIKYs.jpg (152.39 КБ) [ Скачать ]

sCVaWkcTZmU.jpg (146.96 КБ) [ Скачать ]

Бесплатные обеды во Вкусно и точка https://halyavaitochka.ru

SergF

Сообщений: 235 Регистрация: Янв 2014

28 Июля 2018 17:54

Ну примерно так (скрин) добавил блок и в css позиция с ротацией, на скрине видно.

Прикрепленные файлы

frieck.png (274.23 КБ) [ Скачать ]

Игорь

Сообщений: 311 Регистрация: Май 2013

29 Июля 2018 21:07

Цитата
SergF пишет: Ну примерно так (скрин) добавил блок и в css позиция с ротацией, на скрине видно.

Это же не резиновый способ получается? Просто когда то давно я видел что то типа js скрипта, который соединяет просто точки на сайте линиями... Вот на сайте, который у меня в подписи, что то некое подобие... Но тут задача просто в нужных местах 2 точки соединить полосками...

sawf

Сообщений: 117 Регистрация: Окт 2010

30 Июля 2018 08:29

Ваш код имеющегося блока:

Код

<div class="freak-line left">      
      <div class="col-6 size-two">
        <a href="/index.php?do=feedback" title="Контакты"><img class="freak-image" src="/templates/Default/images/logo-4.jpeg" alt="Контакты"></a>
        <div class="freak-line-wrap"><div class="line"><div class="menu_pink_small">Заказы</div></div></div>          
      </div><div class="col-6"></div>
    </div>

Соответственно дополнительные элементы привязываются относительно данного блока, а не отдельно.Постарайтесь не использовать тип <img src, используйте сss class с параметром background
Для простоты bootstrap Вам в помощь.

Можно рассмотреть svg-map вариант, попроще будет (благо онлайн-генераторов хватает): поставить фоном изображение и выделить нужные области в качестве кликабельных.

SergF

Сообщений: 235 Регистрация: Янв 2014

3 Августа 2018 13:53

Попробуй svg вот пример сразу попался https://codepen.io/one_day/pen/KyEzdr (квадратик2 потяни в сторону)

Игорь Сообщений: 311 Регистрация: Май 2013	#6 3 Августа 2018 20:27 Всем спасибо за советы! Тема не актуальна! Можно закрывать

Новые темы	Объявления	Свободное общение
04:45 Gmail разрешил менять основной адрес - теперь можно убрать старые ники без переноса аккаунта 23:16 ИКС Яндекс АПдейт 1 апреля 2026. Обновлён алгоритм расчёта 22:04 Бесплатное расширение для Chrome — проверка ссылок прямо на странице 18:01 Раскрутка форума 13:23 Рост эффективности моего интернет‑магазина 21:08 Adsense личный опыт 18:19 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов?	04:06 От $0.015 за IP \| $0.68 за ГБ \| 9PROXY.COM \| 20+ млн резидентных прокси \| 99,95% аптайм \| Без чёрных списков 18:25 UltraXchina: Современный сервис обмена Alipay, USDT, Наличные 16:33 Продам сайт Домен РУ RU РФ c доменом www.доменру.рф 14:20 Продам базу данных предприятий Украины, России, Великобритании, Германии, Испании, Италии, Нидерландов, Польши, Франции, Швейцарии и др. 13:48 Мониторинг обменников Сrypto-scout.io 13:42 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 13:06 Чек номеров на наличие Telegram/ Filter (checking) numbers Telegram	04:35 Точные прогнозы на футбол 22:45 С юмором по жизни! 22:32 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 19:57 молодильные яблоки и живая вода 15:42 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день 07:17 Почему не обновляется счетчик ИКС (индекса качества сайта) 06:50 Ставки на супер тренды в спорте

Новые темы

Объявления

Свободное общение

04:45 Gmail разрешил менять основной адрес - теперь можно убрать старые ники без переноса аккаунта
23:16 ИКС Яндекс АПдейт 1 апреля 2026. Обновлён алгоритм расчёта
22:04 Бесплатное расширение для Chrome — проверка ссылок прямо на странице
18:01 Раскрутка форума
13:23 Рост эффективности моего интернет‑магазина
21:08 Adsense личный опыт
18:19 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов?

04:06 От $0.015 за IP | $0.68 за ГБ | 9PROXY.COM | 20+ млн резидентных прокси | 99,95% аптайм | Без чёрных списков
18:25 UltraXchina: Современный сервис обмена Alipay, USDT, Наличные
16:33 Продам сайт Домен РУ RU РФ c доменом www.доменру.рф
14:20 Продам базу данных предприятий Украины, России, Великобритании, Германии, Испании, Италии, Нидерландов, Польши, Франции, Швейцарии и др.
13:48 Мониторинг обменников Сrypto-scout.io
13:42 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old
13:06 Чек номеров на наличие Telegram/ Filter (checking) numbers Telegram

04:35 Точные прогнозы на футбол
22:45 С юмором по жизни!
22:32 8 марта: желаю аптайма 99.9% и e-e-a-t без локов
19:57 молодильные яблоки и живая вода
15:42 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день
07:17 Почему не обновляется счетчик ИКС (индекса качества сайта)
06:50 Ставки на супер тренды в спорте