Jump to content
  • Sign Up

marianna9201

User
  • Content Count

    41
  • Joined

  • Last visited

Community Reputation

0 Обычная

About marianna9201

  • Rank
    Участник
  • Birthday 01/06/1992

Information

  • Sex
    Женщина

Recent Profile Visitors

1,222 profile views
  1. Добрый день! Есть одно приметное меню для сайта. Хотелось бы узнать, как реализовать в данном меню раскрытие дочерних пунктов не только при нажатии на родительский пункт, но и на при наведении курсора? Вот пример меню: http://pcvector.net/uploads/demo/scripts/accordion/flat_menu_accordion/index.html А вот и код: HTML + JQuery <!DOCTYPE><html><head> <title>Flat accordion menu | pcvector.net</title> <link rel="shortcut icon" href="/favicon.ico" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <link href="style.css" rel="stylesheet" type="text/css" /> <style> .demo_container{ margin:100px auto; width:300px; } </style> <script type="text/javascript"> $(document).ready(function () { $('#cssmenu > ul > li ul').each(function(index, e){ var count = $(e).find('li').length; var content = '<span class=\"cnt\">' + count + '</span>'; $(e).closest('li').children('a').append(content); }); $('#cssmenu ul ul li:odd').addClass('odd'); $('#cssmenu ul ul li:even').addClass('even'); $('#cssmenu > ul > li > a').click(function() { $('#cssmenu li').removeClass('active'); $(this).closest('li').addClass('active'); var checkElement = $(this).next(); if((checkElement.is('ul')) && (checkElement.is(':visible'))) { $(this).closest('li').removeClass('active'); checkElement.slideUp('normal'); } if((checkElement.is('ul')) && (!checkElement.is(':visible'))) { $('#cssmenu ul ul:visible').slideUp('normal'); checkElement.slideDown('normal'); } if($(this).closest('li').find('ul').children().length == 0) { return true; } else { return false; } }); }); </script></head><body><div class="topHeader"> <a class="backArticle" href="http://pcvector.net/scripts/accordion/444-flat-accordion-menu-vertikalnyy-akkordeon.html">Назад к статье >>></a></div><div class="demo_container"> <div id='cssmenu'> <ul> <li class='active'><a href='/'><span>Главная</span></a></li> <li class='has-sub'><a href='#'><span>Каталог</span></a> <ul> <li><a href='#'><span>Смартфоны</span></a></li> <li><a href='#'><span>Планшеты</span></a></li> <li><a href='#'><span>Ноутбуки</span></a></li> </ul> </li> <li class='has-sub'><a href='#'><span>О компании</span></a> <ul> <li><a href='#'><span>Сотрудники</span></a></li> <li><a href='#'><span>Вакансии</span></a></li> </ul> </li> <li><a href='#'><span>Контакты</span></a></li> </ul> </div></div> <!-- pcvector.net --><script type="text/javascript" src="http://pcvector.net/templates/pcv/js/pcvector.js"></script><!-- /pcvector.net --> </body></html>CSS: #cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-family:sans-serif,arial; font-size: 14px; position: relative;}#cssmenu a { line-height: 1.3;}#cssmenu { width: 250px;}#cssmenu > ul > li > a { padding-right: 40px; font-size: 25px; font-weight: bold; display: block; background: #bd0e36; color: #ffffff; border-bottom: 1px solid #5e071b; text-transform: uppercase;}#cssmenu > ul > li > a > span { background: #ed1144; padding: 10px; display: block; font-size: 13px; font-weight: 300;}#cssmenu > ul > li > a:hover { text-decoration: none;}#cssmenu > ul > li.active { border-bottom: none;}#cssmenu > ul > li.active > a { color: #fff;}#cssmenu > ul > li.active > a span { background: #bd0e36;}#cssmenu span.cnt { position: absolute; top: 8px; right: 15px; padding: 0; margin: 0; background: none;}/* Sub menu */#cssmenu ul ul { display: none;}#cssmenu ul ul li { border: 1px solid #e0e0e0; border-top: 0;}#cssmenu ul ul a { padding: 10px; display: block; color: #ed1144; font-size: 13px;}#cssmenu ul ul a:hover { color: #bd0e36;}#cssmenu ul ul li.odd { background: #f4f4f4;}#cssmenu ul ul li.even { background: #fff;}Заранее большое спасибо за подсказку!
  2. Добрый день! Как можно разместить 3 социальных плагина (вк, фб, ок) в один ряд? Размещаю, получаются все 3 друг над другом... ОК: <script type=»text/javascript»>OK.CONNECT.insertGroupWidget(«widget», 56929434533942, ‘{width: «317″, height: «350″}’);</script>ФБ: <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-colorscheme="light" data-header="true" data-height="350" data-href="https://www.facebook.com/mariannaparfumeria" data-show-border="true" data-show-faces="true" data-stream="false" data-width="317"></div><script type=»text/javascript» src=»http://connect.odnoklassniki.ru/connect.js»></script><div id="»widget»"></div>ВК: <script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script><!-- VK Widget --><div id="vk_groups"></div><script type="text/javascript">VK.Widgets.Group("vk_groups", {mode: 0, width: "317", height: "350", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 68311083);</script>Помогите, пожалуйста, разместить их в одну строку!
  3. Там реализован переход с js, как можно его реализовать?
  4. Друзья! Как можно реализовать такой блок с социальными сетями? Можно посмотреть его на сайте по адресу: http://www.elle.ru/ , справа в середине страницы.
  5. Спасибо, но интересовала немножко другая "карусель" : где можно разместить сразу несколько картинок..
  6. Добрый день! Хочу на сайт установить карусель jQuery для брендов, аналогичная есть на сайте: http://megalogistika.ru почти в начале страницы под надписью "Нам доверяют". Найти в интернете подобную карусель не смогла, поэтому и прошу Вашей помощи! Заранее большое спасибо!
  7. Хочу учиться новому и интересному! Искренне благодарна за любую помощь и поддержку!

  8. CMS называется Mogta, плагин так и называется - "Новостная лента". На данный момент данная функция в плагине не реализована. http://moguta.ru/plugins/novostnaya-lenta-s-rss-podpiskoy Сам плагин у меня уже установлен
  9. Есть плагин новостей на CMS Moguta. При добавлении материала, он (материал) сливается в одну кучу. Хочу рассортировать его по категориям. Для этого нужно создать ветвь категории->материал. Хочу взглянуть, как это может быть реализовано в аналогичной ситуации и усовершенствовать свой плагин. Спасибо!
  10. Добрый день, уважаемые форумчане! Прошу помочь просто направить Где можно было бы узнать о том, как в простой плагин новостей можно добавить подкатегории. Или же (если есть кто очень добрый) пример строения плагина для новостей/статей с подкатегорями. Заранее большое спасибо!
  11. Jey Val Star, не знаю, чтобы делала без Вас! Искренне благодарю Вас!!!
  12. Спасибо! И снова я косячу..Боюсь, без помощи форумчан не обойтись! Пытаюсь (именно, что пытаюсь((( ) добавить ссылку на этот самый блок: $html .= '<div class="news'.$i.'"><div class="descriptions'.$i.'"><p class="for-news">'.$news['title'].'</p><a href="news/<?php echo $news['url']; ?>" ><p>'.mb_substr(strip_tags(PM::stripShortcodes($news['description'])), 0, 140, 'utf-8').'</p></a></div><img src='.SITE.'/uploads/news/two/'.$news['image_url'].' alt='.$news['title'].' /></div>';$i++;После того, как вставляю ссылку: <a href="news/<?php echo $news['url']; ?>" >....</a>,сайт перестает работать. Что я снова делаю не так? Помогите, пожалуйста! ,
  13. Jey Val Star, огромное спасибо! всё получилось!!! rus, спасибо за справку!!! Всё доходчиво и понятно!!!
×
×
  • Create New...