Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

JS Animated. Как работать с макетом вкладок

Из этого туториала Вы узнаете, как работать с макетом вкладок в JS-анимированных шаблонах.

JS Animated. Как работать с макетом вкладок

  1. Используя FTP или Файловый менеджер, откройте файл index.html для редактирования:

    JS Animated. How to create and manage Tabs layout-1

  2. В HTML шаблоне сайта используется расширение ResponsiveTabs.js, которое позволяет отобразить вкладки. Для того чтобы добавить вкладки на нужные страницы, используйте следующую структуру кода:

    <div class="responsive-tabs">
        <ul class="resp-tabs-list">
            <li> Tab #1  </li>
            <li> Tab #2  </li>
            <li> Tab #3  </li>
    	<li> Tab #4  </li>
        </ul>
    
        <div class="resp-tabs-container">
            <div> Tab 1 Body </div>
            <div> Tab 2 Body </div>
            <div> Tab 3 Body </div>
    	<div> Tab 4 Body </div>
        </div>
    </div>	
    	

    JS Animated. How to create and manage Tabs layout-2

  3. Вернитесь на вашу домашнюю страницу, для того чтобы увидеть созданные вкладки. Убедитесь, что Вы обновили страницу:

    JS Animated. How to create and manage Tabs layout-3

Вы можете также ознакомиться с детальным видео-туториалом ниже:

JS Animated. Как работать с макетом вкладок