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

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

27 Июля 2018 14:46

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

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

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

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

Новая пиксельная реклама в интернете. Сложная Работа в Тинькофф и отзыв о ней.

SergF

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

28 Июля 2018 17:54

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

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

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

Игорь

Сообщений: 291 Регистрация: Май 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 потяни в сторону)

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

Новые темы	Объявления	Свободное общение
21:55 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 14:10 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 11:52 Партнерская программа Xoffers с прямыми офферами в вертикалях форекс, крипта и бинарные опционы. 22:22 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 20:00 Самозанятые смогут зарабатывать в рекламной сети VK 19:24 XEvil - софт для разгадывания капчи. Бесплатная демо-версия. Привязка к SEO/SMM-софту. 18:02 SharkBoss - партнёрская программа для монетизации ЛЮБЫХ видов трафика (включая спам).	22:58 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 17:22 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 14:44 Восстановление сайтов из Вебархива на Wordpress 12:01 BestChange – обменивать электронную валюту можно быстро и выгодно 20:59 Продам базу данных Банки/физы/миксы/БАДы 20:23 ⭐Прием любых платежей для HIGH RISK проектов⭐ 18:14 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc	02:05 Точные прогнозы на футбол 15:43 Заказать телефонный флуд. 12:05 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 11:25 Флуд звонками 11:40 Кто сделает прогон для адалт сайта? 09:25 Добро пожаловать в цифровой мир... 10:31 Видимо, похороны СУПРа уже прошли как-то по-тихому

Новые темы

Объявления

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

21:55 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.
14:10 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг
11:52 Партнерская программа Xoffers с прямыми офферами в вертикалях форекс, крипта и бинарные опционы.
22:22 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт!
20:00 Самозанятые смогут зарабатывать в рекламной сети VK
19:24 XEvil - софт для разгадывания капчи. Бесплатная демо-версия. Привязка к SEO/SMM-софту.
18:02 SharkBoss - партнёрская программа для монетизации ЛЮБЫХ видов трафика (включая спам).

22:58 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника
17:22 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика
14:44 Восстановление сайтов из Вебархива на Wordpress
12:01 BestChange – обменивать электронную валюту можно быстро и выгодно
20:59 Продам базу данных Банки/физы/миксы/БАДы
20:23 ⭐Прием любых платежей для HIGH RISK проектов⭐
18:14 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc

02:05 Точные прогнозы на футбол
15:43 Заказать телефонный флуд.
12:05 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди
11:25 Флуд звонками
11:40 Кто сделает прогон для адалт сайта?
09:25 Добро пожаловать в цифровой мир...
10:31 Видимо, похороны СУПРа уже прошли как-то по-тихому