Jump to content

marianna9201

User
  • Posts

    41
  • Joined

  • Last visited

About marianna9201

  • Birthday 01/06/1992

Information

  • Sex
    Женщина

Recent Profile Visitors

1,487 profile views

marianna9201's Achievements

Explorer

Explorer (1/14)

0

Reputation

  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 социальных плагина (вк, фб, ок) в один ряд? Размещаю, получаются все 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>Помогите, пожалуйста, разместить их в одну строку!
  4. Там реализован переход с js, как можно его реализовать?
  5. Друзья! Как можно реализовать такой блок с социальными сетями? Можно посмотреть его на сайте по адресу: http://www.elle.ru/ , справа в середине страницы.
  6. Спасибо, но интересовала немножко другая "карусель" : где можно разместить сразу несколько картинок..
  7. Добрый день! Хочу на сайт установить карусель jQuery для брендов, аналогичная есть на сайте: http://megalogistika.ru почти в начале страницы под надписью "Нам доверяют". Найти в интернете подобную карусель не смогла, поэтому и прошу Вашей помощи! Заранее большое спасибо!
  8. Хочу учиться новому и интересному! Искренне благодарна за любую помощь и поддержку!

  9. CMS называется Mogta, плагин так и называется - "Новостная лента". На данный момент данная функция в плагине не реализована. http://moguta.ru/plugins/novostnaya-lenta-s-rss-podpiskoy Сам плагин у меня уже установлен
  10. Есть плагин новостей на CMS Moguta. При добавлении материала, он (материал) сливается в одну кучу. Хочу рассортировать его по категориям. Для этого нужно создать ветвь категории->материал. Хочу взглянуть, как это может быть реализовано в аналогичной ситуации и усовершенствовать свой плагин. Спасибо!
  11. Добрый день, уважаемые форумчане! Прошу помочь просто направить Где можно было бы узнать о том, как в простой плагин новостей можно добавить подкатегории. Или же (если есть кто очень добрый) пример строения плагина для новостей/статей с подкатегорями. Заранее большое спасибо!
  12. Jey Val Star, не знаю, чтобы делала без Вас! Искренне благодарю Вас!!!
  13. Спасибо! И снова я косячу..Боюсь, без помощи форумчан не обойтись! Пытаюсь (именно, что пытаюсь((( ) добавить ссылку на этот самый блок: $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>,сайт перестает работать. Что я снова делаю не так? Помогите, пожалуйста! ,
  14. Jey Val Star, огромное спасибо! всё получилось!!! rus, спасибо за справку!!! Всё доходчиво и понятно!!!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy