Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.82/11: Рейтинг темы: голосов - 11, средняя оценка - 4.82
0 / 0 / 0
Регистрация: 22.03.2015
Сообщений: 14

Как можно сделать такую же вертикальную линию как на примере?

19.05.2015, 14:10. Показов 2288. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Как сделать такую же вертикальную, появляющуюся линию как на этом сайте?
http://affease.com/features
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
19.05.2015, 14:10
Ответы с готовыми решениями:

Как сделать вертикальную разделительную линию?
Здравствуйте, мне нужно сделать вертикальную линию которая должно тянуться по длине блока с контентом и разделять статьи от сайдбара (в...

Как сделать такую диагональную линию через CSS?
В макете есть диагональная линяя, которая идея от одного края к другому постепенная снижаясь. Как можно сделать такую линию не используя...

Как продлить вертикальную линию до конца?
есть два блока (левый и правый), линия сейчас прикреплена к правому блоку и зависит от него. Как можно сделать так, чтобы линия в любом...

6
 Аватар для whiteapps
414 / 379 / 220
Регистрация: 18.07.2014
Сообщений: 1,259
19.05.2015, 14:41
Анкер, нарисовать линию, разместиь ее вертикально по центру сайта, привязать нужные события к скроллу
0
0 / 0 / 0
Регистрация: 22.03.2015
Сообщений: 14
19.05.2015, 15:01  [ТС]
whiteapps, можно мануальчик или примерчик кода?
0
 Аватар для whiteapps
414 / 379 / 220
Регистрация: 18.07.2014
Сообщений: 1,259
19.05.2015, 15:07
Анкер, пример кода есть на указанном вами сайте

понимаете, ваш вопрос из серии - "как сделать сайт", "как построить дом", "как воспитать дочь"
просто берете и делаете

откройте исходники этого сайта http://affease.com/features, попытайтесь перенести к себе нужный вам функционал
если будут какие-то конкретные проблемы и вопросы, пишите сюда
0
0 / 0 / 0
Регистрация: 22.03.2015
Сообщений: 14
20.05.2015, 00:24  [ТС]
whiteapps, ну я в принципе сделал, но как привязать это событие к скроллу не могу, можешь помочь? дать скриптик
0
6 / 6 / 4
Регистрация: 15.05.2015
Сообщений: 75
Записей в блоге: 3
20.05.2015, 08:53
Это левая рамка в 3 пикселя.
0
 Аватар для whiteapps
414 / 379 / 220
Регистрация: 18.07.2014
Сообщений: 1,259
20.05.2015, 11:04
Анкер, покажите,что вы сделали
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
20.05.2015, 11:04
Помогаю со студенческими работами здесь

Как создать вертикальную линию, разделяющую страницу на части?
помогите пожалуйста , как можно создать вертикальную линию чтобы разделить страницу на части .... например вот так:

Как можно сделать такую форму
Добрый день как можно сделать такую форму я пробовал placeholder но не то другой метод не знаю надеюсь на вас что поможете и ли...

Подскажите, пожалуйста, как правильно нарисовать такую линию в css?
Пробовал эту линию через <hr> , но что то не выходило по центру сделать. Да и думаю, так сейчас не делают. Подскажите, как лучше...

Как начертить вертикальную линию?
Имеется график, на котором нужно начертить вертикальную линию х=1,25. Когда вписываю ее через запятую в ось Х, то происходит косяк и...

Как поставить такую вертикальную черту?
как поставить такую вертикальную черту


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru