Jump to content
  • Sign Up

marianna9201

User
  • Posts

    41
  • Joined

  • Last visited

Everything posted by marianna9201

  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. Хочу учиться новому и интересному! Искренне благодарна за любую помощь и поддержку!

    1. CMS называется Mogta, плагин так и называется - "Новостная лента". На данный момент данная функция в плагине не реализована. http://moguta.ru/plugins/novostnaya-lenta-s-rss-podpiskoy Сам плагин у меня уже установлен
    2. Есть плагин новостей на CMS Moguta. При добавлении материала, он (материал) сливается в одну кучу. Хочу рассортировать его по категориям. Для этого нужно создать ветвь категории->материал. Хочу взглянуть, как это может быть реализовано в аналогичной ситуации и усовершенствовать свой плагин. Спасибо!
    3. Добрый день, уважаемые форумчане! Прошу помочь просто направить Где можно было бы узнать о том, как в простой плагин новостей можно добавить подкатегории. Или же (если есть кто очень добрый) пример строения плагина для новостей/статей с подкатегорями. Заранее большое спасибо!
    4. Jey Val Star, не знаю, чтобы делала без Вас! Искренне благодарю Вас!!!
    5. Спасибо! И снова я косячу..Боюсь, без помощи форумчан не обойтись! Пытаюсь (именно, что пытаюсь((( ) добавить ссылку на этот самый блок: $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>,сайт перестает работать. Что я снова делаю не так? Помогите, пожалуйста! ,
    6. Jey Val Star, огромное спасибо! всё получилось!!! rus, спасибо за справку!!! Всё доходчиво и понятно!!!
    7. Попробую сейчас вставить! Однако, смысл в том, последние 5 новостей отображаются в разных по своему отображению блоках, т.е. 1-ый блок , скажем, 400*300px, второй - 200*300 и т.д. Именно это не получается реализоваться, поэтому и стоят классы news1, news2 и т.д.
    8. Немножко не то... Аналогичная реализация на этом сайте: https://deti.mail.ru/ , в самом начале блок с 5-ью последними новостями
    9. Добрый день! На сайте реализован плагин новостной ленты и имеется функционал, позволяющий размещать опубликованные новости в виде превью на любую страницу с помощью шорт-кода. В базовой комплектации плагина вывод был однообразным и просто мне не нравился по своему дизайну. В код внесла изменения, теперь по той идее, которую я очень хочу реализовать, 5 последних новостей будут выводиться в 5-ти разных блоках. Вот сам код: * Печатает на экран анонс заданной новости * @param type $news - массив с данными о новости (полностью запись из БД) */ public static function anonsNews($args) { $args['count'] = $args['count']?$args['count']:3; $data = self::getListNews($args['count']); $listNews = $data['listNews']; $html = ""; if (!empty($listNews)) { foreach ($listNews as $news) { $html .= '<div class="news"><div class="descriptions"><p class="for-news">'.$news['title'].'</p><p>'.mb_substr(strip_tags(PM::stripShortcodes($news['description'])), 0, 140, 'utf-8').'</p></div><img src='.SITE.'/uploads/news/'.$news['image_url'].' alt='.$news['title'].' /></div><div class="news1"><div class="descriptions1"><p class="for-news">'.mb_substr(strip_tags(PM::stripShortcodes($news['description'])), 0, 140, 'utf-8').'</p></div><img src='.SITE.'/uploads/news/'.$news['image_url'].' alt='.$news['title'].' /></div><div class="news2"><div class="descriptions2"><p class="for-news">'.$news['title'].'</p><p text-color="white">'.mb_substr(strip_tags(PM::stripShortcodes($news['description'])), 0, 140, 'utf-8').'</p></div><img src='.SITE.'/uploads/news/'.$news['image_url'].' alt='.$news['title'].' /></div><div class="news2"><div class="descriptions3"><p class="for-news">'.$news['title'].'</p><p text-color="white">'.mb_substr(strip_tags(PM::stripShortcodes($news['description'])), 0, 140, 'utf-8').'</p></div><img src='.SITE.'/uploads/news/'.$news['image_url'].' alt='.$news['title'].' /></div><div class="news3"><div class="descriptions4"><p class="for-news">'.$news['title'].'</p><p text-color="white">'.mb_substr(strip_tags(PM::stripShortcodes($news['description'])), 0, 140, 'utf-8').'</p></div><img src='.SITE.'/uploads/news/'.$news['image_url'].' alt='.$news['title'].' /></div>'; } } return $html; }Всё бы ничего, но на страницу выводится 5(!) блоков, в которых именно по 5 раз указывается одна и та же новость. Как я понимаю, новости вызываются из бд mysql по возрастанию. Как в этой части кода (а может где-нибудь еще) указать, что вывод нужен для последней новости, затем для предпоследней, и так далее, чтобы в конечном итоге выводилось 5 новостей. Искренне признательна и благодарна всем, кто отзовется!
    10. Ой-ёй! Немножко не поняла... Файл, в котором формируется массив $data я нашла, но , к сожалению, мне это пока ничего не дало p.s. так и не сообразила, как его загрузить на форум)
    11. Добрый вечер, уважаемые форумчане! Возник следующий вопрос: на страницу с товаром в интернет магазине нужно добавить несколько вариантов товара. Вот сам код страницы с продуктом: <?php /** * Файл представления Product - выводит сгенерированную движком информацию на странице личного кабинета. * В этом файле доступны следующие данные: * <code> * $data['category_url'] => URL категории в которой находится продукт * $data['product_url'] => Полный URL продукта * $data['id'] => id продукта * $data['sort'] => порядок сортировки в каталоге * $data['cat_id'] => id категории * $data['title'] => Наименование товара * $data['description'] => Описание товара * $data['price'] => Стоимость * $data['url'] => URL продукта * $data['image_url'] => Главная картинка товара * $data['code'] => Артикул товара * $data['count'] => Количество товара на складе * $data['activity'] => Флаг активности товара * $data['old_price'] => Старая цена товара * $data['recommend'] => Флаг рекомендуемого товара * $data['new'] => Флаг новинок * $data['thisUserFields'] => Пользовательские характеристики товара * $data['images_product'] => Все изображения товара * $data['currency'] => Валюта магазина. * $data['propertyForm'] => Форма для карточки товара * $data['liteFormData'] => Упрощенная форма для карточки товара * $data['meta_title'] => Значение meta тега для страницы, * $data['meta_keywords'] => Значение meta_keywords тега для страницы, * $data['meta_desc'] => Значение meta_desc тега для страницы * </code> * * Получить подробную информацию о каждом элементе массива $data, можно вставив следующую строку кода в верстку файла. * <code> * <php viewData($data['thisUserFields']); ?> * </code> * * Вывести содержание элементов массива $data, можно вставив следующую строку кода в верстку файла. * <code> * <php echo $data['thisUserFields']; ?> * </code> * * <b>Внимание!</b> Файл предназначен только для форматированного вывода данных на страницу магазина. Категорически не рекомендуется выполнять в нем запросы к БД сайта или реализовывать сложую программную логику логику. * @author Авдеев Марк <[email protected]> * @package moguta.cms * @subpackage Views */ // Установка значений в метатеги title, keywords, description. mgSEO($data); mgAddMeta('<link href="'.SCRIPT.'standard/css/layout.related.css" rel="stylesheet" type="text/css" />'); mgAddMeta('<script type="text/javascript" src="'.SCRIPT.'standard/js/layout.related.js"></script>'); ?><div class="product-details-block">[brcr] <?php mgGalleryProduct($data); ?> <div class="product-status"> <h1 class="product-title"><?php echo $data['title'] ?></h1> <div class="buy-block"> <ul class="product-status-list"> <!--если не установлен параметр - старая цена, то не выводим его--> <li <?php echo (!$data['old_price'])?'style="display:none"':'style="display:block"' ?>> Старая цена: <span class="old-price"><?php echo MG::numberFormat($data['old_price'],'1 234,56')." ".$data['currency']; ?></span></li> <li>Цена: <span class="price"><?php echo $data['price'] ?> <?php echo $data['currency']; ?></span></li> <li>Остаток: <span class="label-black count"><?php echo $data['count'] ?></span> шт. <?php echo $data['remInfo'] ?></li> <li <?php echo (!$data['weight'])?'style="display:none"':'style="display:block"' ?>>Вес: <span class="label-black weight"><?php echo $data['weight'] ?></span> мл </li> <li>Артикул: <span class="label-article code"><?php echo $data['code'] ?></span></li> </ul></div> <!--Кнопка, кототорая меняет свое значение с "В корзину" на "Подробнее"--> <?php echo $data['propertyForm'] ?> </div><!-- End product-status--> <div class="clear"></div> <div class="product-details-wrapper"> <h2 class="product-details-title">Описание товара:</h2> <div class="product-details-desc"><?php echo $data['description'] ?></div> </div> <?php /* Следующая строка для вывода свойств в таблицу характеристик */ /* $data['stringsProperties'] */?> <?php echo $data['related'] ?> </div><!-- End product-details-block--> Так вот, есть отдельный документ php, в котором имеется реализация вывода нескольких вариантов товара на страницу: <?php if(!empty($data['blockVariants'])){?><div class="clear"></div><div class="block-variants"><table class="variants-table"> <?php foreach ($data['blockVariants'] as $variant) :?> <tr> <td> <input type="radio" id="variant-<?php echo $variant['id']; ?>" name="variant" value = "<?php echo $variant['id']; ?>" <?php echo !$i++ ? 'checked=checked' : ''?>> </td> <td> <?php $src = SITE."/uploads/no-img.jpg"; if(file_exists(URL::$documentRoot.DIRECTORY_SEPARATOR.'uploads'.DIRECTORY_SEPARATOR.'thumbs'.DIRECTORY_SEPARATOR.'30_'.$variant["image"])){ $src = SITE.'/uploads/thumbs/30_'.$variant['image']; } echo !empty($variant['image'])?'<img src="'.$src.'" width="30" height="20">':'' ?> </td> <td> <label for="variant-<?php echo $variant['id']; ?>"><?php echo $variant['title_variant'] ?></label> </td> <td style="padding-left:5px;"> <span> <?php echo $variant['price'] ?> <?php echo MG::getSetting('currency')?> </span> </td> </tr> <?php if ($variant['activity'] === "0" || $variant['count'] == 0): ?> <tr> <td colspan="4"> <span class='reminfo'>Нет в наличии</span> </td> </tr> <?php endif; ?> <?php endforeach; ?> </table></div><?php }?>Через phpmyadmin в отдельную таблицу для вариантов товара были добавлены варианты к одному из товаров. Вопрос в одном: как реализовать в шаблоне данную функцию? Как корректно вставить данный код в шаблон страницы продукта так, чтобы он отображался на странице? Заранее всем большое спасибо за уделенное внимание и помощь!
    12. Всем доброго вечера! Подскажите, пожалуйста, где можно посмотреть пример скрипта аналогичного блока ("Бренды раздела" на картинке) (ссылка на сайт с подобным скриптом:http://www.letu.ru/parfyumeriya ):
    13. Добрый день! Как сделать, чтобы блоки 1 и 2 располагались вертикально, т.е. друг под другом?Код блоков: <div class="news"><div class="descriptions"><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p></div><img alt="images" src="http://www.volynnews.com/files/news/2009/07-13/8367-1m.jpg" /></div><div class="news1"><div class="descriptions"><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p></div><img alt="images" src="http://www.volynnews.com/files/news/2009/07-13/8367-1m.jpg" /></div>CSS: .news { width:300px; height:200px; background:#d779cf; position:relative; overflow:hidden;float: right;margin: 1px;}.news1 { width:300px; height:200px; background:#d779cf; position:relative; overflow:hidden;float: right;margin: 1px;}
    14. Добрый день! Очень хочется узнать, как реализованы всплывающие окна при наведении мышкой, как на сайте http://deti.mail.ru В самом начале есть блок новостей, при наведении на одно из которых появляется описание новости. Очень хочется узнать, как реализована данная идея!
    ×
    ×
    • 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