Приветствую Вас Прохожий | RSS Четверг, 08.12.2016, 05:05
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 4
Гостей: 2
Пользователей: 2
alexman91, LESIYI



Главная » Файлы » Видео уроки для uCoz » Видео уроки Дизайн и оформление

Видео урок создания открывания и закрывания блоков сайта с куками

Видео урок создания открывания и закрывания блоков сайта с куками Видео, урок, создания, открывания, закрывания, блоков, кук
Видео урок открывания и закрывания блоков сайта с куками.
Много пользователей задавали такой вопрос как создать подобное и без ошибок, в итоге я решил сделать видео урок простенький с простым объяснением о том как сделать подобное на своем сайте, Весь принцип не сложен, главное внимательно подойти к тому что у каждого блока должен быть индивидуальный номер id что бы блоки были независимыми каждый для себя.
Этот способ можно так же приделать и к виду новостей, но там уже в замен цифр нужно вставить $ ID $ который будет автоматом подставляться цифрой своего блока и что даст каждому блоку свое уникальное имя.
Видео урок создан и снят на сайте www.ucozon.ru
Автор Видео урока mdbaner
Время видео урока 6:40 мин

Примеры установки из урока
Это мы вставляем в начало контейнера первого

Code
<script language="javascript" type="text/javascript" src="http://ucozon.ru/glavnaja/img/mediaportal.js"></script>

Этот код мы вставляем в самый низ вашего сайта, то есть под последний блок
Code
<script type="text/javascript">hide_hidded_blocks_divs();</script>

далее приступаем к редактированию блоков

вот сам блок стандартный:

Code
<!-- <block9> -->
<table border="0" cellpadding="0" cellspacing="0" class="block"><tbody>
<tr><td class="block_top"><!-- <bt> --><!--<s3163>--> Категорий MP3<!--</s>--><!-- </bt> --></td></tr>
<tr><td class="block_middle"><div align="center"><!-- <bc> -->$CATEGORIES$<!-- </bc> --></div></td></tr>
<tr><td class="block_bottom"></td></tr></table>
<!-- </block9> -->

а вот я его изменил , то есть удвоил и обделил именами индивидуальными
Code
<!-- <block9> -->
<div style="" id="fo_block_mediaportal_calendar2">
<table border="0" cellpadding="0" cellspacing="0" class="block"><tbody>
<tr><td class="block_top"><!-- <bt> --><!--<s3163>--> <img src="http://avtos.do.am/img/bloc1/minus.gif" class="icon_show_hide" onclick="javascript:toggleblock('block_mediaportal_calendar2', 1);" title="Свернуть блок"> Категорий MP3<!--</s>--><!-- </bt> --></td></tr>
<tr><td class="block_middle"><div align="center"><!-- <bc> -->$CATEGORIES$<!-- </bc> --></div></td></tr>
<tr><td class="block_bottom"></td></tr></table></div>
<div style="display: none;" id="fc_block_mediaportal_calendar2">
<table border="0" cellpadding="0" cellspacing="0" class="block"><tbody>
<tr><td class="block_top"><!-- <bt> --><!--<s3163>--> <img src="http://avtos.do.am/img/bloc1/plus.gif" class="icon_show_hide" onclick="javascript:toggleblock('block_mediaportal_calendar2', 0);" title="Развернуть блок"> Категорий MP3<!--</s>--><!-- </bt> --></td></tr>
<tr><td class="block_middle"><div align="center"><!-- <bc> --><!-- </bc> --></div></td></tr>
<tr><td class="block_bottom"></td></tr></table></div>
<!-- </block9> -->

то есть таким образом где все имена ID заканчиваются на цифру 2, Это важно, следующий блок будет заканчиваться на цифру 3 и так далее
Code
<!-- <block9> -->
<div style="" id="fo_block_mediaportal_calendar2">
  <img src="http://avtos.do.am/img/bloc1/minus.gif" class="icon_show_hide" onclick="javascript:toggleblock('block_mediaportal_calendar2', 1);" title="Свернуть блок">
</div>
далее идет второй копия контейнер но уже без содержимого которое заключено между тегами <!-- <bc> --><!-- </bc> -->
<div style="display: none;" id="fc_block_mediaportal_calendar2">
<img src="http://avtos.do.am/img/bloc1/plus.gif" class="icon_show_hide" onclick="javascript:toggleblock('block_mediaportal_calendar2', 0);" title="Развернуть блок">
</div>
<!-- </block9> -->

Очень важно соблюдать имена идентификаторов , если этого не будет то будет беспорядочно открываться и закрываться блоки групповым способом.

автор: mdbaner
сайт автора: www.ucozon.ru
Внимание: при копирование материала ссылка на сайт автора клик-кабельная обязательна http://ucozon.ru , в противном случае на ваш сайт будет подана жалоба по статье:
2.3. При цитировании материалов Сайта, включая охраняемые авторские произведения, ссылка на Сайт обязательна (подпункт 1 пункта 1 статьи 1274 Г.К РФ).

Автор\Источник: ucozon.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 11 Мб
Просмотров: 4134 | Комментарии: 9 | Рейтинг: 4.6/11 | |Категория: Видео уроки Дизайн и оформление | Добавил: mdbaner | Дата: 09.01.2011 | Скачали: 9 | Теги: блоков, урок, открывания, закрывания, видео, создания, куками, сайта
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 9
9 as1997lol   Дата: 22.12.2011  Время: 21:48   [№ 11614]
Как сделать чтоб плавно сворачивался???)

8 sfr41   Дата: 20.07.2011  Время: 13:35   [№ 9576]
Если вы хотите что бы блок был сначала закрытым то нужно как в примере с готовыми блоками над взять и поменять все местами местами блока который вы редактируете.

7 ygeorge   Дата: 15.06.2011  Время: 08:39   [№ 9065]
Подскажите плиз, а что это может быть, я сначало позакрывал блоки, а при обновлении страницы они (блоки) сново все открытые? Но когда грузится стт, блоки закрытые остаются.

5 karlen777   Дата: 24.02.2011  Время: 11:19   [№ 6719]
а как сделать чтобы блоки были сперва закрыты

4 Beshenuy   Дата: 10.01.2011  Время: 00:09   [№ 5858]
Автору спасибо=)

2 martinis   Дата: 09.01.2011  Время: 18:36   [№ 5853]
спасибо я ешё в вид материалов вставил вместо двойки $ID$ и всё супер работает biggrin

3 FromAS   Дата: 09.01.2011  Время: 22:27   1 [№ 5857]
Вместо какой 2 ты поставил $ID$

6 Vizar   Дата: 10.03.2011  Время: 10:07   1 [№ 6980]
У меня тоже получилось токо я чучуть по другому сделал=)

1 click   Дата: 09.01.2011  Время: 17:48   [№ 5852]
Круто,спасибо


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

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru