Меню сайта

Категории раздела

Скрипты для uCoz [582]

HTML коды для uCoz [58]

Шаблоны для uCoz [189]

Социальные сети и закладки [4]

Меню для uCoz сайта [30]

Опросы на uCoz [6]

Работа с Информерами [7]

Для Веб мастера [90]

CSS стили для uCoz [15]

Как это сделать? (для новичков с картинками) [11]

Видео Уроки по uCoz [2]

Полезное для пользователей [45]

Counter Strike мониторинг [5]

Регистрация и прикрепление своего домена к uCoz [1]

Новости сайта scripts-for-ucoz [47]

Учебник HTML [11]

Разное/Другое [12]

Статьи про uCoz

Казино Мистер Бит: преимущества, виды слотов, честный обзор

Криптовалюта для чайников: объясняем простыми словами

Где находить результаты футбольных матчей

Какое оборудование должно быть в конференц-зале

Преимущества профессиональной чистки зубов

Эвакуатор в Санкт-Петербурге: основные причины заказа и выбор компании

Преимущества приставки PlayStation 5

Как написать курсовую работу

На что уходят деньги при содержании дома

Кому могут пригодиться пакеты с логотипами

Разработка сайта

Что влияет на стоимость сайта?

Как самостоятельно создать блог без усилий

Как добавить карту сайта в Wordpress

В чем заключается SEO-продвижение сайта?

Продвижение ссылками – будет ли работать в 2015 году?

Программы обработки, сравнения и анализа прайсов

Комплексное продвижение сайта как основа репутационного маркетинга

У кого заказывать разработку сайта

Как создать интернет-магазин?

Рекламко

Друзья Сайта

установить блок на свой сайт

Наш опрос

установить такой вид опроса

Статистика

Онлайн всего: 4

Гостей: 4

Пользователей: 0

Зарегистрировано 31085 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5157 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок Программ

Установить себе такой Блок
Скрипты и HTML для uCOz

Блок CW результаты

Победы(10)

Поражения(5)

Установить CW блок на свой сайт

Скачать Броузеры

Установить блок на свой Сайт!

Внимание!

Наш сайт адаптирован под браузер Mozilla Firefox

Скачать/Download

В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок

Поиск

установить такую кнопку twitter
или такую
красивая кнопка Twitter

Рекламко

http://fc-shirak.do.am/

Добавить свой сайт в ТОП!
И он будет рекламироваться тут БЕСПЛАТНО!
стань модератором сайта и рекламируй свой сайт за бесплатно тут

Расскажи Друзьям!

Установить на свой сайт!

Комментарии

Новость: Максимальные выигрыши в казино
Максим Федоров написал:

https://kinogo.zone/crime/233-policeyskiy-s-rublevki-serial.html

Новость: Как выбрать действительно надёжную магнитолу
написал:

Интернет магазин «Планета мебели» в Москве.
https://zakaz-mebel-msk.ru/

Новость: Автоматическое заполнение поля Теги при добавление материала или новости на uCoz
Pallada написал:

Здравствуйте! Помогите реализовать следуюшее.
Подскажите как прописать в скрипте следующее

создано доп. поле в котором должен содержаться определенный текст и этот текст возможно было отредактировать только в теле скрипта (если возможно сделать чтобы к этому тексту дополнительно подставлялся порядковый номер по возрастающей или вновь добавляемого материала), далее этот текст должен автоматически подставляться в поле "Название материала" на странице добавления материала, с возможностью редактирования только для администратора в модуле блог.

Все эти поля должны отображаться только для администратора, пользователь видит только поле где может написать сообщение

Новость: Прикольный кот для Вашего сайта :)
написал:

А сколько ждать до появления котика? У меня пока пусто.

Новость: Слайдер изображений через плагин Craftyslide на jQuery для uCoz
написал:

Не работает!

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

Топ комментаторов

VKONTAKTE

FACEBOOK

Кто и Откуда Вы?

установить такую статистику

Мини-чат

установить такой мини-чат

Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [24.11.2013, 06:26]

Скрипт табов или вкладо) с 3-D эффектом на uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Еще один замечательный скрипт был найден на просторах интернета и по результатам общего голосования, добавлен в корзину удачных находок. Потому что это настоящий, такой единственный и неповторимый скрипт табов, кстати с 3D эффектом, т.е очень эффектный, написанный на CSS теми, кто знает толк в скриптах и CSS.

Специально для ваших сайтов эта удивительная находка. Мы, кстати, уже на несколько своих поставили. И были приятно удивлены - весит мало, устанавливается просто, работает быстро и не вызывает проблем. У нас, по крайней мере еще не было никаких ошибок в работе. Если вы скачали скрипт, а он выдает вам ошибки - срочно пишите в комментариях - мы найдем способ устранить неполадки. Ну или если захотите поблагодарить за идею - тоже пишите, мы всегда рады. Рядом с копилкой находок к нас комилка позитивных комментариев. Стильный светлый дизайн плюс тонкая рамка цвета индиго. Это вообще синий, просто хотелось поэффектнее написать. При перемещении между вкладками рамочка красиво покачивается, но плавно и глаз не режет. По-моему, просто отличный скрипт табов. Смотрите демо-версию, скачивайте и радуйтесь вместе с нами.

Важно! Скрипт из прикреплённого архива залейте в папку js! Автор: Apocalypse.

Установка:

В самый низ вашего css:

* {
 box-sizing: border-box;
}

.tabbed {
 width: 700px;
 margin: 50px auto;
}

.tabbed > input {
 display: none;
}

.tabbed > label {
 display: block;
 float: left;
 padding: 12px 20px;
 margin-right: 5px;
 cursor: pointer;
 transition: background-color .3s;
}

.tabbed > label:hover,
.tabbed > input:checked + label {
 background: #4EC6DE;
}

.tabs {
 clear: both;
 perspective: 600px;
}

.tabs > div {
 width: 700px;
 position: absolute;
 border: 2px solid #4EC6DE;
 padding: 10px 30px 40px;
 line-height: 1.4em;
 opacity: 0;
 transform: rotateX(-20deg);
 transform-origin: top center;
 transition: opacity .3s, transform 1s;
}

#tab-nav-1:checked ~ .tabs > div:nth-of-type(1),
#tab-nav-2:checked ~ .tabs > div:nth-of-type(2),
#tab-nav-3:checked ~ .tabs > div:nth-of-type(3),
#tab-nav-4:checked ~ .tabs > div:nth-of-type(4){
 transform: rotateX(0deg);
 opacity: 1;
}

@media screen and (max-width: 700px) {
 .tabbed { width: 400px }
 .tabbed > label { display: none }
 .tabs > div {
 width: 400px;
 border: none;
 padding: 0;
 opacity: 1;
 position: relative;
 transform: none;
 margin-bottom: 60px;
 }
 .tabs > div h2 {
 border-bottom: 2px solid #4EC6DE;
 padding-bottom: .5em;
 }
}

Следующий код в то место, где будет форма со вкладками:

<div class="tabbed">
 <input type="radio" name="tabs" id="tab-nav-1" checked>
 <label for="tab-nav-1">Вкладка 1</label>
 <input type="radio" name="tabs" id="tab-nav-2">
 <label for="tab-nav-2">Вкладка 2</label>
 <input type="radio" name="tabs" id="tab-nav-3">
 <label for="tab-nav-3">Вкладка 3</label>
 <input type="radio" name="tabs" id="tab-nav-4">
 <label for="tab-nav-4">Вкладка 4</label>
 <div class="tabs">
 <div><h2>Заголовок 1</h2><p>Текст 1</p></div>
 <div><h2>Заголовок 2</h2><p>Текст 2</p></div>
 <div><h2>Заголовок 3</h2><p>Текст 3</p></div>
 <div><h2>Заголовок 4</h2><p>Текст 4</p></div>
 </div>
 </div>

<script src="/js/prefixfree.min.js"></script>

При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Скрипт табов или вкладо) с 3-D эффектом на uCoz

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

- Установить на свой сайт блок социальных закладок

Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz | Теги: Скрипт, табов, вкладо), uCoz, эффектом

Просмотров: 4201 | Загрузок: 30 | Комментарии: 2 | Рейтинг: 0.0/0

Всего комментариев: 2

Порядок вывода комментариев:

Спам

2 astlike93 (20.01.2016 22:32) [Материал]

у меня тоже так, админ подскажи как сделать нормально??????????????????????

Спам

1 zoldiar2810 (10.03.2015 21:09) [Материал]

Подскажите пожалуйста, почему он отображается не правильно, тоесть инфа или плеер во вкладках открывается, но под другими блоками и т.д. которые установленные ниже!!! он не опускает их а скрывается под ними. пробы делал на 4 разных сайтах и даже на dle. одно и тоже... та что то не доработано в стилях... Если можете помогите исправить!!! cry

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

scripts_for_ucoz 1	Apocalypse 2
Black-Yellow 3	Pashkovskyi 4
BLoOd 5	serzw 6
Tiny 7	Aragorn3092 8
Maks-0101_01 9	SCRIPTS-FOR-UCOZ 10