Учимся делать вкладки на сайте

 

Здравствуйте уважаемые читатели.

Сегодня будем учиться, как сделать вкладки у себя на сайте!

Очень полезная вещь для любого сайта. Новичок вы, или бывалый, вкладки со временем понадобятся всем.

Давайте приведу пример, что бы сразу всем понятно было о чем я говорю. Зайдите на мою страницу Услуги | Реклама.

Увидели вкладки? Очень удобная и полезная вещь. Когда-нибудь, у вас будет много информации на сайте. И нужно чтоб она была хорошо подана для читателя. Вкладки вам в этом помогут.

Я могу на одной своей странице наштамповать столько вкладок, что вам и не снилось =) ! А сколько в эти вкладки может поместиться информации, а? Без спорно, вкладки, очень полезная вещь. Вы, наверно, сами это понимаете, раз читаете эту статью =).

Задался я таким вопросом, нужны вкладки. Начал искать в интернете. Информации очень много, но не всегда качественной и понятной. В итоге, что то полезное возьмешь на одном ресурсе, что то на другом. Потом это всё складываешь и получаешь желаемый результат. Конечно, это не так просто как я сейчас написал. Порой трачу немало времени, что бы достичь этого желаемого результата. Потом применяешь это на сайте. Ну, и позже, вы видите подобные статьи =)

Что то я заговорился =). Давайте, ближе к делу.

Как сделать вкладки на сайте?

Всё на много проще, чем вы подумали =).

Скачиваем плагин Post Tabs. Установили, активировали. Не знаете, как устанавливать плагины? Читайте статью.

Сейчас, немного, покажу настройки плагина.

Настройки ваших вкладок, цвета и т.д.

настройка плагина postTabs

Ну, тут думаю, всё понятно. Если возникнут вопросы, спрашивайте в комментариях.

Далее нужно настроить, где будут вкладки. По центру, слева или справа. Тоже не должно возникнуть проблем =).

настраиваем плагин

Теперь, приступаем к самой установке кода. 

Коды должны выглядеть так.

1
tab: название вашей вкладки

Здесь содержание вашей вкладки.

2
tab: название вашей второй вкладки

Здесь содержание второй вкладки

И так далее, если у вас больше вкладок. Вкладки можно делать как в страницах, так и в статьях. Я в статьях пока не делал, но пробовал. Поэтому и пишу, раз и в статьях попробовал.

Важно!

Коды нужно вставлять во вкладку ТЕКСТ. Визуально, не прокатит.

Вот и всё на этом =). Вы научились вставлять вкладки на свой ресурс.

P.S.

В скором времени, расскажу вам, как делать вкладки на главной странице. Есть ещё много интересно информации, которой я хочу поделиться с вами. Подпишитесь на обновления сайта.

Круто я вставил коды вкладок в статью? Хотите так же? Почитайте статью Новички об этом не догадываются

Посетите карту сайта, там есть то, что вы не знали.

С уважением, Денис!

 

Сохраните эту статью себе!

Опубликовать в Одноклассники
Опубликовать в Google Plus
Опубликовать в Google Buzz
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Яндекс

Вы можете оставить комментарий, или ссылку на Ваш сайт.

14 комментариев к записи Учимся делать вкладки на сайте

  1. Сергей:

    Денис, здорова. Нужна твоя помощь. Как и где с тобой связаться?

  2. Ирина:

    Спасибо. А можно без плагина сделать?

    • Денис:

      Ирина, можно. Статью я об этом пока не писал, к сожалению.
      Если вам лень искать в интернете, можно пока поставить плагин. В скором времени хочу посветить статью, как сделать вкладки без плагина.

  3. Сергей:

    Ден, здорова. Ты тут? Выйди в контакт. Эта статья очень классная!!! Я с её помощью сделал себе страничку Рекомендую с разными вкладками. И возник такой вопрос: Можно ли сделать вкладку во вкладке?

    • Денис:

      Сергей, привет. Этим способом вкладку во вкладке, сделать нельзя. Возможно, если покопаться во внутренностях сайта, это осуществимо. Если знаешь определённые коды и т.д. И то, не факт. Я пока в этом не разбирался =)

  4. Сергей:

    Ну как тебе моя страница Рекомендую?

  5. Сергей:

    Я думал над этим. Надо будет перед каждым баннером небольшое пояснение писать. =)

  6. Сергей:

    Ты тут? Помощь твоя нужна. Есть один вопрос.

  7. Михаил:

    Я сделал сайт в системе ucoz. Ваши рекомендации сработают здесь?

  8. Дима:

    Плагин без спорно полезен, но не уверен что будет хорошей идеей использовать его в статьях.
    Почему? Потому, что лично я не уверен как к этом отнесутся поисковики! Для страниц рекомендую или мои услуги вещь хорошая. А статьи могут пострадать.
    Поисковики не настолько умны что бы отличать подобные коды от попытки обмана поисковика скрытым текстом. По этому думаю для начала нужно будет провести мини тест и посмотреть как к такому способу подачи информации отнесется поисковик. =)

Оставить комментарий