Egor1Sin, все равно, недостаточно информации. Смогли ли получить ответ от гугла с такой постановкой вопроса? Чем четче поставлен вопрос, тем выше шанс на получение нужного ответа в короткий промежуток времени
Поиграйтесь с left у ::after чтобы расположить над 1й ссылкой. А чтобы ссылки не оставались под ::after задайте им position: relative и z-index: 999. Насчет перемещения ползунка, сделайте селекторы для каждого таб:hover
ivankalita, ну смотрите, сделайте родительский блок внутри которого будут горизонтально ссылки находиться. А у родителя сделайте ::after или ::before в виде ползунка. Задайте ему абсолютное/относительное position. По умолчанию над 1м элементом. А потом двигайте его от левого края направо до того элемента, у которого hover сработал. Определить какой ховер сработал можно как css так и js, как уже писал. Попытайтесь сделать это, выложите код, если что-то из вышесказанного не получается, помогу
Возможно я сначала неверно прочитал вопрос, тут отвечу, как я понял со второго раза.
То, что вы спрашиваете про то как связать шаблон и сайт, назыается "посадка" верстки на CMS. Вам нужно изучить документацию cms, по верстке тем для нее и собственно от этого и плясать.