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


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



Статистика
Онлайн всего: 13
Гостей: 12
Пользователей: 1
MaDaRa



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Скрипт сворачивание и перемещение контейнеров

Скрипт сворачивание и перемещение контейнеров
Многие хотели этот скрипт, вот он Скрипт сворачивание и перемещение блоков
Левый блок
Code

<div class="dbx-group" id="sidebar-left">  
<div id="meta" class="dbx-box">  
  <h2 class="dbx-handle">Блок</h2>  
  <div class="dbx-content">  
  <b>Блок2</b>  
  </div></div>

Правый блок
Code

<div class="dbx-group" id="sidebar-right">  
<div id="meta" class="dbx-box">  
  <h2 class="dbx-handle">блок </h2>  
  <div class="dbx-content" align="center"><b>Блок</b></div>  
</div>

сами скрипты
Code

<script type="text/javascript" src="http://ingaters.ru/test_for_bloc/dbx.js"></script>  
<script type="text/javascript" src="http://ingaters.ru/test_for_bloc/dbx-key.js"></script>  

и CSS
Code

/* sidebar */  
#sidebar-right{  
  float:right;  
}  
#sidebar-left #meta {  
  }  
#sidebar-right #meta {  

}  

#sidebar-left {  
  float: left;  

}  

#sidebar-right a:hover, #sidebar-right a:focus, #sidebar-right a:active,  
#sidebar-left a:hover, #sidebar-left a:focus, #sidebar-left a:active {  
  text-decoration:underline;  
}  

/****************************************************************  
  Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE  
*****************************************************************/  
.dbx-clone {  
  position:absolute;  
  visibility:hidden;  
  }  
.dbx-clone,  
.dbx-clone .dbx-handle-cursor {  
  cursor:move !important;  
  }  
.dbx-dummy {  
  display:block;  
  width:0;  
  height:0;  
  overflow:hidden;  
  margin:0 !important;  
  padding:0 !important;  
  }  
.dbx-group, .dbx-box, .dbx-handle {  
  position:relative;  
  display:block;  
  }  

/****************************************************************  
  avoid padding, margins or borders on dbx-box,  
  to reduce visual discrepancies between it and the clone.  
  overall, dbx-box is best left as visually unstyled as possible  
*****************************************************************/  
.dbx-box {  
  margin:0;  
  padding:0;  
  border:none;  
  }  

/****************************************************************  
  otherwise, do what you like <img src="http://s24.ucoz.net/sm/24/smile.gif" border="0" align="absmiddle" alt="smile">  
*****************************************************************/  

/* group container(s) */  
#purple-outer {  
  border:1px solid #;  
  margin:0 0px 0 0;  
  float:left;  
  position:relative;  
  }  
.dbx-group {  
  clear:both;  
  width:213px;  
  background:#;  
  padding:0 0px 0px 0px;  
  }  
* html .dbx-group {  
  width:213px;  
  padding-bot\tom:0;  
  }  

/* handles */  
.dbx-handle {  
  font:normal normal bold 1em tahoma,sans-serif;  
  text-align:center;  
  position:relative;  
  margin:0;  
  padding:16px 0 6px 0;  
  background:url(http://ingaters.ru/test_for_bloc/verx.png) no-repeat 0 0;  
  color:#000;  
  }  
* html .dbx-handle {  
  width:213px;  
  }  

   
/* handle cursors are in a class of their own  
  so they only get applied if the script is supported */  
.dbx-handle-cursor {  
  cursor:move;  
  }  
   

   
   

/* toggle images */  
.dbx-toggle {  
  display:block;  
  width:20px;  
  height:20px;  
  padding:0;  
  margin:0;  
  border:none;  
  background:url(http://img5.immage.de/250342.gif) no-repeat;  
  position:absolute;  
  top:14px;  
  right:5px;  
  border:none;  
  }  
   
   
.dbx-toggle-open {  
  background-position:0 0;  
  }  
.dbx-toggle-closed {  
  background-position:0 -20px;  
  }  
.dbx-toggle-hilite-open {  
  background-position:-20px 0;  
  }  
.dbx-toggle-hilite-closed {  
  background-position:-20px -20px;  
  }  

/* inner content area */  
.dbx-content {  
  margin:0;  
  padding:8px 10 37px 10;  
  list-style-type:none;  
  background:url(http://img6.immage.de/25037a2.png) no-repeat 0 100%;  
  }  

.dbx-content a, .dbx-content a:visited {  
  color:#000;  
  text-decoration:none;  
  }  

.dbx-content a:hover, .dbx-content a:focus, .dbx-content a:active {  
  color:#306;  
  text-decoration:underline;  
  }  

/* toggle state of inner content area */  
.dbx-box-closed .dbx-content {  
  display:block;  
  height:10px;  
  padding:15;  
  overflow:hidden;  
  }  
.dbx-box-closed .dbx-content * {  
  display:none;  
  }  

/* additional clone styles */  
.dbx-clone {  
  opacity:0.8;  
  filter:alpha(opacity=80);  
  }  

/* hacks for IE6 */  
* html .dbx-tooltip {  
  font-weight:normal !important;  
  }

Пояснение:
к каждому блоку надо делать свой ID,скрипты в нижнюю часть сайта,CSS настраиваем под себя,шрифт картинки расположение и т.д...
Автор\Источник: brothercake.com

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3965 | Комментарии: 5 | Рейтинг: 3.2/4 | |Категория: Скрипты блоки и шапки | Добавил: ALINA | Дата: 03.04.2010 | Скачали: 0 | Теги: контейнеров, перемещение, сворачивание, Скрипт
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 5
5 Quenbe   Дата: 17.08.2011  Время: 17:52   [№ 10041]
А как код скопировать? О_о тут защита стоит +_+

3 Generous   Дата: 03.02.2011  Время: 14:24   [№ 6331]
Куда что ставить? Хотя бы объяснили. Вижу ссылки на JS файлов битые :-(

4 mdbaner   Дата: 03.02.2011  Время: 14:39   1 [№ 6333]
скрипт можно найти рабочий на странице автора источник ссылка указана

2 Generous   Дата: 03.02.2011  Время: 14:22   [№ 6330]
А как устанавливать то?

1 NEs4aste   Дата: 08.04.2010  Время: 22:52   [№ 2530]
отличный скриптик !!жаль что жрёт он очень много)))спасибо


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

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


Поиск


На форуме

1 Продажа рекламные мест ...

2

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

0

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

1

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

9

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

0

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

0

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

51

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

1

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

9

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

2


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


Комментарии



Copyright UcozOn.ru™ © 2008-2016


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