Нет наверно не судьба ....................
Личная Тема от Aleksandr_95 (Вопросы)
Сообщений 261 страница 280 из 280
Поделиться262Сб, 23 Янв 2016 17:45:00
Aleksandr_95
Пробуйте так:
Первая Часть
<style> .ul-menu * { margin: 0; padding: 0; margin: 0; padding: 0; font-size: 12px; font-family: Verdana,arial; font-size:1.05em; -moz-user-select: none; -khtml-user-select: none; user-select: none; } .ul-menu { float:left; /*строку можно убрать, если слайдер единственный*/ list-style: none; display:inline:block; width:250px; height: 600px; border: 2px solid transparent!important; } .ul-menu li { list-style: none; margin: 3px 0 3px; background-color: #E0EDED; font-size:120%; } .ul-menu li .cat_lnk { background:transparent url(http://s3.uploads.ru/ue5ph.gif) no-repeat 0 0; text-align: center; padding: 6px; display: block; height: 28px; line-height: 28px; width: 96%; text-decoration: none; } .ul-menu li ul { list-style-position: outside; text-align:left; list-style: none; display: none; height: 210px; width: 94%; margin-top: 1px; padding: 6px; } .ul-menu li .cat_lnk+ul { border: 1px solid green; border-top-color:#A5B7B7; } a.cat_lnk:hover,a.cat_lnk:active,a.cat_lnk:visited { text-decoration: none; } .ul-menu li a.cat_lnk.active{ background-position: 0 -44px; } .ul-menu li a.cat_lnk:hover{ background-position: 0 -88px; } </style> <script type="text/javascript"> $.fn.tree_menu = function() { var nav = this; var uls = nav.find("ul"); var ulsL = uls.length-1; nav.find("a").click(function() { var Lnk=$(this).attr("href"); var self = $(this).next(); if ( self.length == 0 ) return; uls.each(function( index ){ if ( this === self[0] ) { if ( self.css('display') == "none" ) { $(this).prev('a').addClass('active'); } else { $(this).prev('a').removeClass('active');$(this).slideUp(400); uls.eq(index-1).prev('a').click();return false; } $( this ).slideDown(400);return true; } if ( jQuery.inArray( this, self.parents( "ul" ) ) == -1 ) { $(this).prev('a').removeClass('active'); $(this).slideUp(400);return true; } }); return false; }); } </script>
Вторая Часть
<!-- Спойлер --> <ul id="nav_menu_content1" class="ul-menu"> <li><a href="#0" class="cat_lnk">Фото 4</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 3</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 2</a> <ul>Тут содержимое второй категории</ul> </li> <li><a href="#0" class="cat_lnk active">Категория 1</a> <ul style="display:block">Тут содержимое первой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 5</a> <ul>Тут содержимое четвертой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 6</a> <ul>Тут содержимое четвертой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 6</a> <ul>Тут содержимое четвертой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 6</a> <ul><img src="http://savepic.ru/8416616.png"/></ul> </li> </ul> <script>$('#nav_menu_content1').tree_menu();</script> <!-- Запуск --> <ul id="nav_menu_content1" class="ul-menu"> <li><a href="#0" class="cat_lnk">Фото 4</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 3</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 2</a> <ul>Тут содержимое второй категории</ul> </li> <li><a href="#0" class="cat_lnk active">Категория 1</a> <ul style="display:block">Тут содержимое первой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 5</a> <ul>Тут содержимое четвертой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 6</a> <ul>Тут содержимое четвертой категории</ul> </li> </ul> <ul id="nav_menu_content2" class="ul-menu"> <li><a href="#0" class="cat_lnk">Фото 4</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 3</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 2</a> <ul>Тут содержимое второй категории</ul> </li> <li><a href="#0" class="cat_lnk active">Категория 1</a> <ul style="display:block">Тут содержимое первой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 5</a> <ul>Тут содержимое четвертой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 6</a> <ul>Тут содержимое четвертой категории</ul> </li> </ul> <ul id="nav_menu_content3" class="ul-menu"> <li><a href="#0" class="cat_lnk">Фото 4</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 3</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 2</a> <ul>Тут содержимое второй категории</ul> </li> <li><a href="#0" class="cat_lnk active">Категория 1</a> <ul style="display:block">Тут содержимое первой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 5</a> <ul>Тут содержимое четвертой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 6</a> <ul>Тут содержимое четвертой категории</ul> </li> </ul> <ul id="nav_menu_content4" class="ul-menu"> <li><a href="#0" class="cat_lnk">Фото 4</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 3</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 2</a> <ul>Тут содержимое второй категории</ul> </li> <li><a href="#0" class="cat_lnk active">Категория 1</a> <ul style="display:block">Тут содержимое первой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 5</a> <ul>Тут содержимое четвертой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 6</a> <ul>Тут содержимое четвертой категории</ul> </li> </ul> <script>$('.ul-menu').tree_menu();</script> <!-- Запуск -->
Поделиться263Сб, 23 Янв 2016 17:45:30
Aleksandr_95
<!-- Спойлер --> <ul id="nav_menu_content1" class="ul-menu"> <li><a href="#0" class="cat_lnk">Фото 4</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 3</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 2</a> <ul>Тут содержимое второй категории</ul> </li> <li><a href="#0" class="cat_lnk active">Категория 1</a> <ul style="display:block">Тут содержимое первой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 5</a> <ul>Тут содержимое четвертой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 6</a> <ul>Тут содержимое четвертой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 6</a> <ul>Тут содержимое четвертой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 6</a> <ul><img src="http://savepic.ru/8416616.png"/></ul> </li> </ul> <script>$('#nav_menu_content1').tree_menu();</script> <!-- Запуск --> <ul id="nav_menu_content2" class="ul-menu"> <li><a href="#0" class="cat_lnk">Фото 4</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 3</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 2</a> <ul>Тут содержимое второй категории</ul> </li> <li><a href="#0" class="cat_lnk active">Категория 1</a> <ul style="display:block">Тут содержимое первой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 5</a> <ul>Тут содержимое четвертой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 6</a> <ul>Тут содержимое четвертой категории</ul> </li> </ul><script>$('#nav_menu_content2').tree_menu();</script> <!-- Запуск --> <ul id="nav_menu_content3" class="ul-menu"> <li><a href="#0" class="cat_lnk">Фото 4</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 3</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 2</a> <ul>Тут содержимое второй категории</ul> </li> <li><a href="#0" class="cat_lnk active">Категория 1</a> <ul style="display:block">Тут содержимое первой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 5</a> <ul>Тут содержимое четвертой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 6</a> <ul>Тут содержимое четвертой категории</ul> </li> </ul><script>$('#nav_menu_content3').tree_menu();</script> <!-- Запуск --> <ul id="nav_menu_content4" class="ul-menu"> <li><a href="#0" class="cat_lnk">Фото 4</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 3</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 2</a> <ul>Тут содержимое второй категории</ul> </li> <li><a href="#0" class="cat_lnk active">Категория 1</a> <ul style="display:block">Тут содержимое первой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 5</a> <ul>Тут содержимое четвертой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 6</a> <ul>Тут содержимое четвертой категории</ul> </li> </ul> <script>$('#nav_menu_content4').tree_menu();</script> <!-- Запуск --> <ul id="nav_menu_content5" class="ul-menu"> <li><a href="#0" class="cat_lnk">Фото 4</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 3</a> <ul>Тут содержимое третьей категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 2</a> <ul>Тут содержимое второй категории</ul> </li> <li><a href="#0" class="cat_lnk active">Категория 1</a> <ul style="display:block">Тут содержимое первой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 5</a> <ul>Тут содержимое четвертой категории</ul> </li> <li><a href="#0" class="cat_lnk">Категория 6</a> <ul>Тут содержимое четвертой категории</ul> </li> </ul><script>$('#nav_menu_content5').tree_menu();</script> <!-- Запуск -->
Поделиться265Сб, 23 Янв 2016 17:49:24
Aleksandr_95
У мну все работает, вкладки переключаются в каждой из колонок в отдельности
Поделиться266Сб, 23 Янв 2016 17:49:39
Aleksandr_95
Ну дык и что не устраивает ? Вы словами , не ток ссылками поясняйте..
Поделиться267Сб, 23 Янв 2016 17:54:25
Я хотел бы чтоб 4 столбца были в ряд в объявлении . Я пробывал в опере и хроме ...
http://bardakanet.rusff.ru/#0
Поделиться268Сб, 23 Янв 2016 17:57:48
Aleksandr_95
Непонятно - сделайте эскиз
2. Расположить можно как угодно, используя таблицу и вставив каждый слайдер в свою ячейку..
Генератор таблиц => http://realadmin.ru/saytostroy/generato … table.html (Вписать кол-во строк и столбцов - кликнуть кнопку
слайдеры вставляем между тегами <td>Тут</td>
Поделиться269Сб, 23 Янв 2016 18:01:38
вот так ?????
<table> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table>
Поделиться270Сб, 23 Янв 2016 18:20:45
Aleksandr_95
Ну в такую мон воткнуть 16 слайдеров , не жирно ?
4 по строке и 4 по столбцу
Проще нарисовать эскиз, хотя бы схематично
Так нужно
[]
[]
[]
[]
Или так ?
[][][][]
Поделиться271Сб, 23 Янв 2016 18:23:16
я не понимаю.
Поделиться272Сб, 23 Янв 2016 18:29:52
Или так ?
[][][][]
Да вот так
Отредактировано Aleksandr_95 (Сб, 23 Янв 2016 18:47:05)
Поделиться273Сб, 23 Янв 2016 19:07:36
Aleksandr_95
Тогда вам нужна таблица одна строка и 4 столбца
Поделиться274Ср, 9 Мар 2016 19:32:15
Здравствуйте Скажите почему не отключается реклама на форуме
Поделиться276Чт, 10 Мар 2016 16:54:34
Aleksandr_95
Потому что Продление доступно за неделю до окончания предыдущего периода отключения
18 марта уже сможете продлить
Поделиться277Чт, 14 Апр 2016 20:47:38
Здравсвтвуйте подскажите это почему так ????
url=http://uploads.ru/XoFtT.png][/url]
Отредактировано Aleksandr_95 (Чт, 14 Апр 2016 20:48:01)
Поделиться278Пт, 15 Апр 2016 09:39:51
Aleksandr_95
Был сбой на сервисе, уже поправили
Поделиться280Вс, 11 Дек 2016 21:30:44
Aleksandr_95
Напомните завтра, посмотрю...