Подскажите каким путем идти для реализации линий между блоками

[мастер алекс]

Учусь делать страницу с галереей. Изображение взято по примеру одного из шаблонов. 

На данном этапе изучения начал писать код: https://jsfiddle.net/sh642v1b/

 

Хотел спросить совета: как реализуется это дерево из белых линий между блоками.

Видел примеры с подложенным изображением, но делаю страничку которая будет меняться при изменении размера окна и как понял фон может не попадать на блоки.

[Launder]

Попробуйте тут посмотреть.

А по линии вот тут, второй рисунок и пример.

Для написания стиля выделенного пункта вместо .pager .active {...}, задайте стиль для .pager li:hover {...}

Это всё, в первом приближении, конечно, нужно разбираться...

Edited October 4, 2015 by Launder

[мастер алекс]

Прикинул примерное размещение блоков.

У блоков (div-a, div-b, div-c) сделаю хвостики в нужных местах(линии). Поскольку они будут привязаны к самим блокам, и когда блоки будут изменять размер, подстраиваясь под разрешение, то думаю линии останутся на тех местах на которых нужно. А центральную-вертикальную линию, думаю проще, сделать частью фона ровно в центре по границе левой и правой части контента. 

 

Пробовал понять как в родном шаблоне это реализовано ( http://html5up.net/overflow ), пока не осилил.

Edited October 4, 2015 by мастер алекс

[VeniVidiVici]

А в чём проблема?

Вертикальную линию задаёте также, но только для всего блока.

[Alarr]

Каждому изображению с помощью :after, добавьте абсолютом белую полосочку справа, а каждому четвёртому элементу удалите эту полоску с помощью nth-child. И всё

А, в вашем случае походу надо будет удалять ласт чайлду. Ну короче задумка такая, а там уже применяйте по ситуации.

Edited October 5, 2015 by Alarr

[мастер алекс]

То есть пустой див с линией, и как понимаю его абсолютно позиционировать по середине?

[andrey7287]

  Там псевдоклассом сделано (вам выше на скриншоте показали), но можно и пустым дивом в принципе.  

[ShumNo]

В предыдущей теме hypnocolor привел готовое решение

 

http://jsfiddle.net/hypnocolor/exz5ed9j/