Кодировка HTML | Демо-сайт CMS uCoz | Почта

Табы/Закладки/Вкладки/Переключатели для вашего сайта v2.7.4

Архив полностью рабочих скриптов и так далее...

Табы/Закладки/Вкладки/Переключатели для вашего сайта v2.7.4

Сообщение XxMARSxX » 19 авг 2008, 00:28

Изображение

tabs.zip
Распаковать в корень сайта
(128.68 Кб) Скачиваний: 287


1) Перед </head> вставляем код:
Код: Выделить всё
<link type="text/css" rel="stylesheet" href="/css/jquery.tabs.css" media="print, projection, screen" />
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" href="/css/jquery.tabs-ie.css" media="projection, screen" />
<![endif]-->

<script type="text/javascript" src="/js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="/js/jquery.history_remote.pack.js"></script>
<script type="text/javascript" src="/js/jquery.tabs.js"></script>

<script type="text/javascript">
//Tabs Start
  $(document).ready(function() {
$('#tabs').tabs();
  });
//Tabs End
</script>

2) в нужном месте ставим
Код: Выделить всё
<div id="tabs">
 <ul>
 <li><a href="#tb1"><span>Закладка 1</span></a></li>
 <li><a href="#tb2"><span>Закладка 2</span></a></li>
 <li><a href="#tb3"><span>Закладка 3</span></a></li>
 <li><a href="#tb4"><span>Закладка 4</span></a></li>
 <li><a href="#tb5"><span>Закладка 5</span></a></li>
 <li><a href="#tb6"><span>Закладка 6</span></a></li>
 </ul>
 <div id="tb1">Александр Сергеевич Пушкин (6 июня 1799, Москва — 10 февраля 1837, Санкт-Петербург) — русский поэт, драматург и прозаик, реформатор русского литературного языка, автор критических и исторических сочинений. Пушкин считается великим или величайшим русским писателем, его тексты рассматриваются как наиболее престижный образец русской литературы, подобно текстам Данте в Италии или Гёте в Германии. Пушкина ещё при жизни печатно именовали гением, и со второй половины 1820-х годов он стал считаться «первым русским поэтом» (не только современности, но и всех времён), а вокруг его личности у читательской публики сложился настоящий культ.</div>
 <div id="tb2">Пушкин происходил из разветвлённого нетитулованного дворянского рода, восходившего по генеалогической легенде к «мужу честну» Радше, современнику Александра Невского. Пушкин неоднократно писал о своей родословной в стихах и прозе; он видел в своих предках образец древнего рода, истинной «аристократии», честно служившего отечеству, но не снискавшего благосклонности правителей и «гонимого». Не раз он обращался (в том числе в художественной форме) и к образу своего прадеда по матери — африканца Абрама Петровича Ганнибала, ставшего слугой и воспитанником Петра I, а потом военным инженером и генералом. Мать Пушкина — Надежда Осиповна (1775—1836), внучка Ганнибала; отец — Сергей Львович (1767—1848), светский острослов и поэт-любитель, дядя по отцу, Василий Львович (1766—1830), был известным поэтом круга Карамзина. Из детей Сергея Львовича и Надежды Осиповны, кроме Александра, выжили дочь Ольга (в замужестве Павлищева) и сын Лев.</div>
 <div id="tb3">Родился 26 мая (6 июня) 1799 г. в Москве. Летние месяцы 1805—1810 будущий поэт обычно проводил у своей бабушки по матери, Марии Алексеевны Ганнибал (1745—1818, урождённой Пушкиной[10], из другой ветви рода), в подмосковном селе Захарове, близ Звенигорода. Ранние детские впечатления отразились в первых опытах пушкинских поэм, написанных несколько позже («Монах», 1813; «Бова», 1814), в лицейских стихотворениях «Послание к Юдину» (1815), «Сон» (1816).

Шесть лет Пушкин провёл в Царскосельском Лицее, открытом 19 октября 1811 года. Здесь юный поэт пережил события Отечественной войны 1812 года. Здесь впервые открылся и был высоко оценён его поэтический дар. Воспоминания о годах, проведённых в Лицее, о лицейском братстве навсегда остались в душе поэта.</div>
 <div id="tb4">Из Лицея Пушкин был выпущен в июне 1818 в чине коллежского секретаря (10-го класса, по табели о рангах) и определён в Коллегию иностранных дел. Он становится постоянным посетителем театра, принимает участие в заседаниях «Арзамаса», в 1819 вступает в члены литературно-театрального сообщества «Зелёная лампа», которым руководит «Союз благоденствия» (см.Декабристы). Не принимая участия в деятельности первых тайных организаций, Пушкин тем не менее связан дружескими узами со многими активными членами декабристских обществ, пишет политические эпиграммы и стихи «К Чаадаеву» («Любви, надежды, тихой славы…», 1818), «Вольность» (1818), «Н. Я. Плюсковой» (1818), «Деревня» (1819). В эти годы он занят работой над поэмой «Руслан и Людмила», начатой в Лицее и отвечавшей программным установкам литературного общества «Арзамас» о необходимости создания национальной богатырской поэмы. Поэма закончена в мае 1820 и после публикации вызвала ожесточённые отклики критиков, возмущённых снижением высокого канона.</div>
 <div id="tb5">Весной 1820 года Пушкина вызвали к военному генерал-губернатору Петербурга графу М. А. Милорадовичу для объяснения по поводу распространявшихся в списках его политических стихотворений. Пушкину грозила ссылка в Сибирь, которую усилиями старших друзей (Николая Карамзина, Петра Чаадаева, Фёдора Глинки) удалось заменить переводом по службе в Малороссию, в Екатеринослав.

В Екатеринославе у Пушкина, искупавшегося в Днепре, начинается воспаление лёгких. Отсюда Раевские увозят в конце мая 1820 года больного Пушкина с собой на Кавказ и в Крым для поправления здоровья. Лишь в сентябре он возвращается к месту новой службы — в Кишинёв, определённый в канцелярию майора И. Н. Инзова, полномочного наместника Бессарабской области. Длительные поездки поэта в ноябре 1820 — январе 1821 в Каменку (ставшую одним из декабристских центров) и в Киев, путешествие с И. П. Липранди по Молдавии в конце 1821, посещение Одессы — всё это расширило круг впечатлений поэта.</div>
 <div id="tb6">В ночь с 3 на 4 сентября 1826 года в Михайловское прибывает нарочный от псковского губернатора Б. А. Адеркаса: Пушкин в сопровождении фельдъегеря должен явиться в Москву, где ожидал коронации новый император, Николай I.

8 сентября, сразу же после прибытия, Пушкин доставлен к царю для личной аудиенции. Поэту по возвращении из ссылки гарантировалось личное высочайшее покровительство и освобождение от обычной цензуры.

Именно в эти годы возникает в творчестве Пушкин интерес к личности Петра I, царя-преобразователя. Он становится героем начатого романа о прадеде поэта, Абраме Ганнибале, и новой поэмы «Полтава».

Не заводя собственного дома, Пушкин останавливается в Москве и Петербурге ненадолго, мечется между ними, иногда заезжая в Михайловское, рвётся то на театр военных действий с началом турецкой кампании 1828, то в китайское посольство; самовольно уезжает на Кавказ в 1829 году.

К этому времени в творчестве поэта обозначился новый поворот. Трезвый исторический и социальный анализ действительности сочетается с осознанием сложности часто ускользавшего от рационального объяснения окружающего мира, что наполняет его творчество ощущением тревожного предчувствия, ведёт к широкому вторжению фантастики, рождает горестные, подчас болезненные воспоминания, напряжённый интерес к смерти.

В 1827 началось расследование по поводу стихотворения «Андрей Шенье» (написанного ещё в Михайловском в 1825 г.), в котором был усмотрен отклик на события 14 декабря 1825, а в 1828 правительству стала известна кишинёвская поэма «Гавриилиада». Дела эти были по высочайшему повелению прекращены после объяснений Пушкина, но за поэтом был учреждён негласный полицейский надзор.</div>
 </div>


Другие эффекы: 1) при загрузке страницы включена сразу вторая закладка
Код: Выделить всё
<script type="text/javascript">
//Tabs Start
  $(document).ready(function() {
$('#tabs').tabs(2);
  });
//Tabs End
</script>

2) При нажатии на закладку старый текст сворачивается, а новый разворачивается
Код: Выделить всё
<script type="text/javascript">
//Tabs Start
  $(document).ready(function() {
$('#tabs').tabs({ fxSlide: true });
  });
//Tabs End
</script>

3) Текст плавно исчезает и появляется
Код: Выделить всё
<script type="text/javascript">
//Tabs Start
  $(document).ready(function() {
$('#tabs').tabs({ fxFade: true, fxSpeed: 'fast' });
  });
//Tabs End
</script>

4) 2+3
Код: Выделить всё
<script type="text/javascript">
//Tabs Start
  $(document).ready(function() {
$('#tabs').tabs({ fxSlide: true, fxFade: true, fxSpeed: 'normal' });
  });
//Tabs End
</script>


Оффтопик: Это скрипт версии годовой давности, предпоследний на эту минуту.
Сейчас есть версия 3 этого скрипта, только она сильно хитрожопо закручена и нормально у меня не работала, для любителей поиметь себя в моск вот ссылка
Ахтунг!

Делаю всякую херню для ЮкОз за доллары или не делаю если просьба пахнет бредом перегретого мозга.

А у меня Windows 7 :P

Изображение
Что такое НЕТЕЛИБ?
Аватара пользователя
XxMARSxX
Супермодератор
Супермодератор
 
Автор темы
Сообщения: 1991
Возраст: 30
Зарегистрирован: 20 апр 2008, 17:02
Карма: + 21 -
Откуда: Украина, Полтавская область, Кременчуг, Автозаводской район, Нагорная часть

Re: Табы/Закладки/Вкладки/Переключатели для вашего сайта v2.7.4

Сообщение XxMARSxX » 19 авг 2008, 00:34

Так же можно грузить любую другую страницу с помощью AJAX, но только ту которая расположена у вас на сайте
Код: Выделить всё
<script type="text/javascript">
//Tabs Start
  $(document).ready(function() {
$('#tabs').tabs({ remote: true });
  });
//Tabs End
</script>


Код: Выделить всё
<div id="tabs">
<ul>
<li><a href="/"><span>Закладка 1</span></a></li>
<li><a href="/load/"><span>Закладка 2</span></a></li>
<li><a href="/publ/"><span>Закладка 3</span></a></li>
<li><a href="/forum/"><span>Закладка 4</span></a></li>
</ul>
</div>
Ахтунг!

Делаю всякую херню для ЮкОз за доллары или не делаю если просьба пахнет бредом перегретого мозга.

А у меня Windows 7 :P

Изображение
Что такое НЕТЕЛИБ?
Аватара пользователя
XxMARSxX
Супермодератор
Супермодератор
 
Автор темы
Сообщения: 1991
Возраст: 30
Зарегистрирован: 20 апр 2008, 17:02
Карма: + 21 -
Откуда: Украина, Полтавская область, Кременчуг, Автозаводской район, Нагорная часть

Re: Табы/Закладки/Вкладки/Переключатели для вашего сайта v2.7.4

Сообщение XxMARSxX » 19 авг 2008, 00:45

Также по просьбе трудящихся выкладываю переключатель как в админке укоз
Изображение
Код: Выделить всё
<style type="text/css">
/* UcoZ Tab */
.menuBg {background:#DEE7F6 !important;}
.Mactive {background:#DEE7F6;line-height:25px;border-right:1px solid #88A1C2;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}
.Mactive a:link,.Mactive a:visited,.Mactive a:hover {color:#15428B;text-decoration:none;cursor:text;}
.MnotActive {display:block;line-height:21px;background:#F0F3F5;border-right:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}
.MnotActive1 {display:block;line-height:21px;background:#F0F3F5;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}
.MnotActive a:link,.MnotActive1 a:link {display:block;width:100%;color:#515151;text-decoration:none;}
.MnotActive a:visited,.MnotActive1 a:visited {display:block;width:100%;color:#515151;text-decoration:none;}
.MnotActive a:hover,.MnotActive1 a:hover {display:block;width:100%;color:#515151;text-decoration:none;background-color:#CAD9EC;cursor:pointer;}
/* ---------------- */
</style>

<script type="text/javascript">
// UcoZ Tab START
function showmods(t) {
if (t){
   document.getElementById('instMods').className='MnotActive1';
   document.getElementById('uninstMods').className='Mactive';
   document.getElementById('isInMo').style.display='none';
   document.getElementById('noInMo').style.display='';
   document.body.focus();
} else {
   document.getElementById('instMods').className='Mactive';
   document.getElementById('uninstMods').className='MnotActive';
   document.getElementById('noInMo').style.display='none';
   document.getElementById('isInMo').style.display='';
   document.body.focus();
}
}
// UcoZ Tab END
</script>

<div class="xw-tl"><div class="xw-tr"><div class="xw-tcc"></div></div></div>
<div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg">

<div style="display:none;overflow:auto;height:350px;" id="noInMo">
Содержание 2
</div>

<div style="overflow:auto;height:350px;" id="isInMo">
Содержание 1
</div>

</div></div></div>

<div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="6%">&nbsp;</td>
<td align="center" valign="top" width="44%"><div id="instMods" class="Mactive"><a id="instModsL" href="javascript://" onclick="showmods(0);return false;">Текст 1</a></div></td>

<td align="center" valign="top" width="43%"><div id="uninstMods" class="MnotActive"><a id="uninstModsL" href="javascript://" onclick="showmods(1);return false;">Текст 2</a></div></td>
<td width="7%">&nbsp;</td>
</tr>
</tbody>
</table>
Ахтунг!

Делаю всякую херню для ЮкОз за доллары или не делаю если просьба пахнет бредом перегретого мозга.

А у меня Windows 7 :P

Изображение
Что такое НЕТЕЛИБ?
Аватара пользователя
XxMARSxX
Супермодератор
Супермодератор
 
Автор темы
Сообщения: 1991
Возраст: 30
Зарегистрирован: 20 апр 2008, 17:02
Карма: + 21 -
Откуда: Украина, Полтавская область, Кременчуг, Автозаводской район, Нагорная часть

Re: Табы/Закладки/Вкладки/Переключатели для вашего сайта v2.7.4

Сообщение Gromil@ » 19 авг 2008, 00:58

Сделал всё, как написано в первом посту... Во-первых... там нету backgrounda и То что между span и /span отображается обычным текстом.... и во вторых... У меня на странице и последние новости и последние статьи и когда нажимаешь на нужный tb оно просто скролит вниз к нужному tb!!! Чё делать?!!
Услуги Деда Мороза =)
Дед Мороз получил моё желание и скоро его исполнит! Напишите ему письмо и узнайте, кто будет назначен ответственным за исполнение вашего желания =)
Gromil@
Сержант
Сержант
 
Сообщения: 57
Зарегистрирован: 22 апр 2008, 20:50
Карма: + 1 -

Re: Табы/Закладки/Вкладки/Переключатели для вашего сайта v2.7.4

Сообщение Gromil@ » 19 авг 2008, 01:02

Упс... забыл один js загрузитьь...
Услуги Деда Мороза =)
Дед Мороз получил моё желание и скоро его исполнит! Напишите ему письмо и узнайте, кто будет назначен ответственным за исполнение вашего желания =)
Gromil@
Сержант
Сержант
 
Сообщения: 57
Зарегистрирован: 22 апр 2008, 20:50
Карма: + 1 -

Re: Табы/Закладки/Вкладки/Переключатели для вашего сайта v2.7.4

Сообщение aaaa » 19 авг 2008, 06:25

XxMARSxX sps!!!!! :lol:
aaaa
Рядовой
Рядовой
 
Сообщения: 32
Зарегистрирован: 02 июн 2008, 19:26
Карма: + 0 -
Откуда: Испания

Re: Табы/Закладки/Вкладки/Переключатели для вашего сайта v2.7.4

Сообщение Апостол » 25 авг 2008, 14:30

XxMARSxX
Скажи пожалуйста как убрать белый фон?а то я что-то не могу :(
Заранее Спасибо :) ;)
Аватара пользователя
Апостол
Салага
Салага
 
Сообщения: 18
Возраст: 25
Зарегистрирован: 01 июн 2008, 09:43
Карма: + 0 -
Откуда: Дзержинск

Re: Табы/Закладки/Вкладки/Переключатели для вашего сайта v2.7.4

Сообщение XxMARSxX » 25 авг 2008, 15:23

Апостол писал(а):XxMARSxX
Скажи пожалуйста как убрать белый фон?а то я что-то не могу :(
Заранее Спасибо :) ;)

ищи в CSS
.tabs-container {
border-top: 1px solid #97a5b0;
padding: 1em 8px;
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
Ахтунг!

Делаю всякую херню для ЮкОз за доллары или не делаю если просьба пахнет бредом перегретого мозга.

А у меня Windows 7 :P

Изображение
Что такое НЕТЕЛИБ?
Аватара пользователя
XxMARSxX
Супермодератор
Супермодератор
 
Автор темы
Сообщения: 1991
Возраст: 30
Зарегистрирован: 20 апр 2008, 17:02
Карма: + 21 -
Откуда: Украина, Полтавская область, Кременчуг, Автозаводской район, Нагорная часть


Вернуться в Архив скриптов и интересных решений

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron