marianna9201
-
Posts
41 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by marianna9201
-
Добрый день! Есть одно приметное меню для сайта. Хотелось бы узнать, как реализовать в данном меню раскрытие дочерних пунктов не только при нажатии на родительский пункт, но и на при наведении курсора? Вот пример меню: 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;}Заранее большое спасибо за подсказку!
-
Немножко не поняла...
-
Добрый день! Как можно разместить 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>Помогите, пожалуйста, разместить их в одну строку!
-
Там реализован переход с js, как можно его реализовать?
-
Друзья! Как можно реализовать такой блок с социальными сетями? Можно посмотреть его на сайте по адресу: http://www.elle.ru/ , справа в середине страницы.
-
Отлично ! Спасибо!
-
Спасибо, но интересовала немножко другая "карусель" : где можно разместить сразу несколько картинок..
-
Добрый день! Хочу на сайт установить карусель jQuery для брендов, аналогичная есть на сайте: http://megalogistika.ru почти в начале страницы под надписью "Нам доверяют". Найти в интернете подобную карусель не смогла, поэтому и прошу Вашей помощи! Заранее большое спасибо!
-
Рассортировка новостей по категориям - вопрос от лентяйки
marianna9201 replied to marianna9201's question in HTML Coding
CMS называется Mogta, плагин так и называется - "Новостная лента". На данный момент данная функция в плагине не реализована. http://moguta.ru/plugins/novostnaya-lenta-s-rss-podpiskoy Сам плагин у меня уже установлен -
Рассортировка новостей по категориям - вопрос от лентяйки
marianna9201 replied to marianna9201's question in HTML Coding
Есть плагин новостей на CMS Moguta. При добавлении материала, он (материал) сливается в одну кучу. Хочу рассортировать его по категориям. Для этого нужно создать ветвь категории->материал. Хочу взглянуть, как это может быть реализовано в аналогичной ситуации и усовершенствовать свой плагин. Спасибо! -
Рассортировка новостей по категориям - вопрос от лентяйки
marianna9201 posted a question in HTML Coding
Добрый день, уважаемые форумчане! Прошу помочь просто направить Где можно было бы узнать о том, как в простой плагин новостей можно добавить подкатегории. Или же (если есть кто очень добрый) пример строения плагина для новостей/статей с подкатегорями. Заранее большое спасибо! -
Jey Val Star, не знаю, чтобы делала без Вас! Искренне благодарю Вас!!!
-
Спасибо! И снова я косячу..Боюсь, без помощи форумчан не обойтись! Пытаюсь (именно, что пытаюсь((( ) добавить ссылку на этот самый блок: $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>,сайт перестает работать. Что я снова делаю не так? Помогите, пожалуйста! ,
-
Jey Val Star, огромное спасибо! всё получилось!!! rus, спасибо за справку!!! Всё доходчиво и понятно!!!
-
Попробую сейчас вставить! Однако, смысл в том, последние 5 новостей отображаются в разных по своему отображению блоках, т.е. 1-ый блок , скажем, 400*300px, второй - 200*300 и т.д. Именно это не получается реализоваться, поэтому и стоят классы news1, news2 и т.д.
-
Немножко не то... Аналогичная реализация на этом сайте: https://deti.mail.ru/ , в самом начале блок с 5-ью последними новостями
-
Добрый день! На сайте реализован плагин новостной ленты и имеется функционал, позволяющий размещать опубликованные новости в виде превью на любую страницу с помощью шорт-кода. В базовой комплектации плагина вывод был однообразным и просто мне не нравился по своему дизайну. В код внесла изменения, теперь по той идее, которую я очень хочу реализовать, 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 новостей. Искренне признательна и благодарна всем, кто отзовется!
-
Несколько вариантов товара на странице с товаром :)
marianna9201 replied to marianna9201's question in HTML Coding
Ой-ёй! Немножко не поняла... Файл, в котором формируется массив $data я нашла, но , к сожалению, мне это пока ничего не дало p.s. так и не сообразила, как его загрузить на форум) -
Добрый вечер, уважаемые форумчане! Возник следующий вопрос: на страницу с товаром в интернет магазине нужно добавить несколько вариантов товара. Вот сам код страницы с продуктом: <?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 Авдеев Марк <mark-avdeev@mail.ru> * @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 в отдельную таблицу для вариантов товара были добавлены варианты к одному из товаров. Вопрос в одном: как реализовать в шаблоне данную функцию? Как корректно вставить данный код в шаблон страницы продукта так, чтобы он отображался на странице? Заранее всем большое спасибо за уделенное внимание и помощь!
-
Всем доброго вечера! Подскажите, пожалуйста, где можно посмотреть пример скрипта аналогичного блока ("Бренды раздела" на картинке) (ссылка на сайт с подобным скриптом:http://www.letu.ru/parfyumeriya ):
-
Добрый день! Как сделать, чтобы блоки 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;}
-
Раскрывающееся окно при наведении мышкой
marianna9201 replied to marianna9201's question in HTML Coding
Да, да!!! Спасибо!!! :* -
Раскрывающееся окно при наведении мышкой
marianna9201 replied to marianna9201's question in HTML Coding
Поставила верную ссылку -
Добрый день! Очень хочется узнать, как реализованы всплывающие окна при наведении мышкой, как на сайте http://deti.mail.ru В самом начале есть блок новостей, при наведении на одно из которых появляется описание новости. Очень хочется узнать, как реализована данная идея!