На самом деле довольно просто сделать меню с вкладками в HTML, с помощью CSS, javascript не нужен для моего дизайна. Я сделал этот пример примерно за полчаса.
Вот несколько скриншотов моего примера. (Я цензурировал свое имя из URL и обрезал их)
Все, что вам нужно сделать, это сделать 3 коробки, в которых есть ссылки на другие веб-страницы. Он может выглядеть одинаково на всех страницах. Рекомендуется делать закругленные углы.
<div id="Tab1"><a href="Template1.html">Tab Numbah One </a></div><div id="Tab2"><a href="Template2.html">Tab Numbah Two </a></div><div id="Tab3"><a href="Template3.html">Tab Numbah Three </a></div>
Зайдите в свой внешний CSS-лист, сделайте так, чтобы они все плавали влево, и на одной линии сделайте так, чтобы он выглядел красиво, и вам НУЖНА какая-то граница.
Затем создайте основной стиль на каждой из ваших страниц. Сделайте нижнюю границу несуществующей, чтобы она выглядела как вкладки подшивки. Я изменил цвет, поэтому, когда вы были на этой странице, она выглядела немного лучше. Обратите внимание, я делаю отступ в CSS очень необычно.
Страница 1
#Tab1 {
border-bottom:none;
background-color:white;
}
Страница 2
#Tab2 {
border-bottom:none;
background-color:white;
}
Страница 3
#Tab1 {
border-bottom:none;
background-color:white;
}