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

Рубрика: js и jquery

Для чего нужно понимать, как сделать вкладки на сайте? Многие владельцы сайтов сталкиваются с проблемой размещения большого количества информации. Как разместить тысячи символов, так чтобы это не превратилось в длинную простыню? В этом случая на помощь приходят тыбы для сайта, они же вкладки на сайте. Пример работы вкладок — demo Как сделать вкладки на сайте — шаг первый. Разметка <div class="blocktb"> <ul class="tb"> <li class="choice">первая</li> <li>вторая</li> </ul> <div class="tbcon align choice"> Сюда добавляем необходимый контент </div> <div class="tbcon"> Сюда добавляем необходимый контент…

Продолжить читать

Готовый скрипт ротатор баннеров для вашего сайта

Рубрика: js и jquery

Когда основной доход сайта состоит из партнерских выплат, количество баннеров разрастается и они начинают разрушать дизайн проекта. Чтобы компактно разместить партнерские баннеры, предлагаем вам использовать готовый скрипт ротатор баннеров

Продолжить читать

Спойлер html и js

Рубрика: js и jquery

Спойлер html — это простой и действенный метод, скрыть информации, которая интересна не каждому читателю статьи. Когда пишешь статью для сайта, часто приходится вставлять много технических текстов, которые могут быть не интересны большей части пользователей сайта. Чтобы скрыть этот текст, нам понадобится спойлер html. Спойлер — это такой контейнер, который скрывает материал до нажатия на ссылку. В нем можно спрятать любой материал, а заинтересованный пользователь всегда его увидит. demo Для начала создадим разметку html спойлера <div class="wrap"> <a class="opening" href="javscript://"><strong>Чтобы увидеть…

Продолжить читать

Как добавить класс или стиль блоку сайта в зависимости от ссылки

Рубрика: js и jquery

добавить класс или стиль блоку сайта в зависимости от ссылки, на которой находится пользователь, достаточно распространенная и легко выполнимая задача. Для этого потребуется проверить url и написать простой скрипт. Добавить класс или стиль блоку сайта в зависимости от ссылки Задача сводится к проверке url сайта. Допустим у нас есть домен test.ru и дополнительная страничка test.ru/...#new Наша задача, заключается в следующем — изменить стиль блока <div class="new"></div> при нахождении на странице test.ru/...#new, с new на old. Для этого будем использовать js скрипт demo Сами стили…

Продолжить читать

Уменьшение шапки сайта при прокрутке, с закреплением при скроле

Рубрика: js и jquery

Очень часто на сайтах приходится реализовывать шапку, которая закреплена в верхней части страницы, да еще и изменяется при прокрутке/скроле страницы. Чтобы уменьшить шапку сайта при прокрутке, воспользуйтесь нашей инструкцией. Это очень удобно с точки зрения пользователей, как бы много они не прочитал информации, основное меню и контакты всегда остаются перед глазами. Теперь давайте разберемся как сделать такую шапку сайта. demo HTML разметка <header> <h2>уменьшить шапку сайта при прокрутке, с закреплением при скроле</h2> </header> Тут все очень просто, все, что находится…

Продолжить читать