Помогите С Nivo-Slider,Как Разместить На Гланую И Настроить Тему?
#41
Отправлено 18 Апрель 2012 - 10:51
как преподнять текст НОВИНКИ ближе к слайдеру а то очень много места проподает под слайдером и началом товарной линии.
http://climateline-rostov.ru/
#42
Отправлено 18 Апрель 2012 - 20:56
Цитата
Попробуйте очистить кэш в браузере. Так как у вас а сайте текст отображается под товарами, и он выполнен в виде обычного текста, а не ссылки. Возможно это происходить в определенном браузере? Пожалуйста, сообщите в каком браузере это происходит.
Цитата
как преподнять текст НОВИНКИ ближе к слайдеру а то очень много места проподает под слайдером и началом товарной линии.
http://climateline-rostov.ru/
Вам необходимо в файле стилей nivo-slider.css найти
.nivoSlider { background: url("http://ecoplus24.ru/web/upload/assets/images/57/56719/loading.gif") no-repeat scroll 50% 50% #EFE9D1; box-shadow: 0 0 5px #333333; height: 246px; margin-bottom: 80px; position: relative; width: 618px; }
и заменить на
.nivoSlider { background: url("http://ecoplus24.ru/web/upload/assets/images/57/56719/loading.gif") no-repeat scroll 50% 50% #EFE9D1; box-shadow: 0 0 5px #333333; height: 246px; margin-bottom: 50px; position: relative; width: 618px; }
#43
Отправлено 18 Апрель 2012 - 21:17
Vaccina (18 Апрель 2012 - 20:56) писал:
Спасибо, просто я вчера решил уже эту проблему. Поэтому сейчас все в норме.
#44
Отправлено 19 Апрель 2012 - 10:11
#45
Отправлено 19 Апрель 2012 - 23:20
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <!-- темы оформления--> <link rel="stylesheet" href="/web/upload/assets/js/62/61671/default.css" type="text/css" media="screen" /> <link rel="stylesheet" href="/NivoSlider/themes/pascal/pascal.css" type="text/css" media="screen" /> <link rel="stylesheet" href="/NivoSlider/themes/orman/orman.css" type="text/css" media="screen" /> <!-- темы оформления--> <!-- файл css для слайдера --> <link rel="stylesheet" href="/web/upload/assets/js/62/61671/nivo-slider.css" type="text/css" media="screen" /> <!-- файл css для слайдера --> <!-- файлы js --> <script src="/web/upload/assets/js/62/61671/jquery.min.js" type="text/javascript"></script> <script src="/web/upload/assets/js/62/61671/jquery.nivo.slider.pack.js" type="text/javascript"></script> <!-- файлы js --> <title>{PAGE_TITLE}</title> <meta name="keywords" content="{PAGE_META_KEYWORDS}" /> <meta name="description" content="{PAGE_META_DESCRIPTION}" /> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ru" /> <link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" /> <!-- SEO параметр определяющий главную страницу для фильтрации её дублей --> {% IF PAGE_CANONICAL %} <link rel="canonical" href="{PAGE_CANONICAL}" /> {% ENDIF %} <!-- Стили которые не нужно менять, грузятся из папки общих файлов --> <link rel="stylesheet" href="{FORALL_STYLES_PATH}reset_01.css" type="text/css" /> <link rel="stylesheet" href="{FORALL_STYLES_PATH}nyroModal/nyroModal.full.css" type="text/css" /> <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" /> <!-- Если в тарифном плане подключен модуль отзывов о товаре --> {% IF TARIFF_FEATURE_GOODS_OPINION %} <!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга --> {% IFNOT SETTINGS_OPINION_DISABLE %} <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui-stars/jquery.ui.stars.min.css" type="text/css" /> {% ENDIF %} {% ENDIF %} <!-- Стили магазина --> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" /> <!-- Скрипты которые не нужно менять, грузятся из папки общих файлов --> <!-- Это собранные в один файл скрипты из файлов: {FORALL_JS_PATH}jquery-1.4.2.min.js {FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js {FORALL_JS_PATH}jquery-ui-1.8.4.custom.min.js {FORALL_JS_PATH}jquery.validate.min.js {FORALL_JS_PATH}jquery.capslock.min.js --> <script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.min.js"></script> <!-- Если в тарифном плане подключен модуль отзывов о товаре --> {% IF TARIFF_FEATURE_GOODS_OPINION %} <!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга --> {% IFNOT SETTINGS_OPINION_DISABLE %} <script type="text/javascript" src="{FORALL_JS_PATH}jquery.ui.stars.min.js"></script> {% ENDIF %} {% ENDIF %} <!-- Скрипты магазина --> <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script> </head> <body> <div id="headerWrap"> <div id="header"> <a href="http://{NET_DOMAIN}/" title="Перейти на главную"><span id="logo"></span></a> <!-- Контакты --> <div id="contactInfo"> <table> <tr> <td class="contactInfoContent"> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </td> </tr> {% ENDIF %} </table> </td> </tr> </table> </div> <!-- end Контакты --> <h2 id="title">Ваш слоган здесь</h2> <div id="mainNav"> <table> <tr> {% FOR menu %} {% FOR header %} {% FOR links %} <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <div> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </div> </td> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </tr> </table> </div> <!-- Поиск --> <div id="searchPanel"> <form action="http://{NET_DOMAIN}/search" method="post"> <p> <label for="keywords"></label> <input type="text" maxlength="100" id="keywords" name="q" value="{SEARCH_QUERY}" /> <input type="image" value="Search" title="search" alt="search" src="{ASSETS_IMAGES_PATH}search_button.gif" id="submit" name="submit" /> </p> </form> </div> <!-- end Поиск --> <!-- Корзина --> <div id="cartInfo"> <a href="{CART_URL}"></a> <span id="cartSum"> {% IF cart_count_empty %} <span class="red">0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} <span>{cart_sum.NOW | money_format}</span><br /> {% ENDFOR %} {% ENDIF %} </span> </div> <!-- end Корзина --> </div> </div> <div id="contentWrap"> <div id="content"> <table id="contentMainTb"> <tr> <td id="leftMenuBlockWrap"> <div id="leftMenuBlock"> <!-- Каталог --> <h4 class="contentTbodyCatalogHeader"><a href="http://oneram.ru/catalog" title="Каталог товаров"><img src="http://oneram.ru/web/upload/assets/images/62/61671/catalog.png" alt="Каталог товаров"></a></h4> <ul id="subNavigation"> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог --> <!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS %} <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам --> {% IF SHOW_GOODS_FILTERS %} <br /><h4 class="contentTbodyCatalogHeader noBorder">Фильтры по товарам</h4> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="" method="get"> <div class="contentTbodySearchFilterBlock cornerAll"> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) --> {% FOR filter_attr_list %} <em>{filter_attr_list.NAME}</em> <div class="contentTbodySearchFilterBlockValues"> {% FOR values %} <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} /> <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}</label><br /> {% ENDFOR %} </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <em>{filter_prop_list.NAME}</em> <div class="contentTbodySearchFilterBlockValues"> {% FOR values %} <input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} > <label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE}</label><br /> {% ENDFOR %} </div> {% ENDFOR %} </div> </form> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <br /><h4 class="contentTbodyCatalogHeader"><a href="{COMPARE_URL}">Сравнение товаров</a></h4> <div class="contentTbodyCompare"> {%IF COMPARE_GOODS_COUNT=0 %} <em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em> {% ELSE %} <em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br /> <a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a> {% ENDIF %} </div> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> <!-- Если в тарифном плане подключен модуль новостей --> {% IF TARIFF_FEATURE_NEWS %} <!-- Все новости --> {%IFNOT news_list_all_empty %} <br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_ALL_URL}">Лента новостей</a></h4> <div class="contentTbodyNews"> <!-- Список новостей магазина --> <div class="contentTbodyNewsBlock"> {% FOR news_list_all %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br /> <div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div> {% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} </div> <a href="{NEWS_ALL_URL}">Архив новостей</a> </div> {% ENDIF %} <!-- Новости магазина --> {%IFNOT news_list_shop_empty %} <br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_SHOP_URL}">Новости магазина</a></h4> <div class="contentTbodyNews"> <!-- Список новостей магазина --> <div class="contentTbodyNewsBlock"> {% FOR news_list_shop %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_shop.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a><br /> <div class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT} </div> {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} </div> <a href="{NEWS_SHOP_URL}">Архив новостей</a> </div> {% ENDIF %} <!-- Статьи --> {%IFNOT news_list_articles_empty %} <br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_ARTICLES_URL}">Статьи</a></h4> <div class="contentTbodyNews"> <!-- Список статей --> <div class="contentTbodyNewsBlock"> {% FOR news_list_articles %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br /> <div class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div> {% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} </div> <a href="{NEWS_ARTICLES_URL}">Архив статей</a> </div> {% ENDIF %} <!-- Материалы СМИ --> {%IFNOT news_list_mass_media_empty %} <br /><h4 class="contentTbodyCatalogHeader"><a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a></h4> <div class="contentTbodyNews"> <!-- Список статей --> <div class="contentTbodyNewsBlock"> {% FOR news_list_mass_media %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_mass_media.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_mass_media.TITLE}</a><br /> <div class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT} </div> {% IF news_list_mass_media.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_mass_media.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} </div> <a href="{NEWS_MASS_MEDIA_URL}">Архив новостей</a> </div> {% ENDIF %} {% ENDIF %} </div> </td> <td id="primaryContent"> {BODY} <!-- Всевозможные списки товаров --> {% IF index_page %} <!-- Список новинок на главной --> {% IFNOT index_page_new_goods_empty %} <h3><a href="{CATALOG_NEW_URL}" class="indexPage">Новинки</a></h3> <table> <tr> {% FOR index_page_new_goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{index_page_new_goods.URL}"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a></div> <h3 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3> <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <br /><a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <br /><a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </td> {% IFNOT index_page_new_goods.last %}{index_page_new_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDFOR index_page_new_goods %} </tr> </table> {% ENDIF %} <!-- end Список новинок на главной --> <!-- Список хитов продаж на главной --> {% IFNOT index_page_favorites_goods_empty %} <h3><a href="{CATALOG_TOP_SALES_URL}" class="indexPage">Хиты продаж</a></h3> <table> <tr> {% FOR index_page_favorites_goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{index_page_favorites_goods.URL}"><img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a></div> <h3 class="goodsListItemName"><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></h3> <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a> {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %} <br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %} <br /><a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </td> {% IFNOT index_page_favorites_goods.last %}{index_page_favorites_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDFOR index_page_favorites_goods %} </tr> </table> {% ENDIF %} <!-- end Список хитов продаж на главной --> <!-- Список товаров на главной --> {% IFNOT index_page_goods_empty %} <h3>Интересные предложения</h3> <table> <tr> {% FOR index_page_goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{index_page_goods.URL}"><img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div> <h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3> <a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a> {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %} <br /><a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %} <br /><a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </td> {% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDFOR index_page_goods %} </tr> </table> {% ENDIF %} <!-- end Список товаров на главной --> {% ENDIF %} <!-- END Всевозможные списки товаров --> </td> </tr> </table> </div> </div > <!-- Подвал сайта --> <div id="footer"> <br /> <span> {% FOR menu %} {% FOR footer %} {% FOR links %}<a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a>{% IF menu.footer.links.rindex>1 %} | {% ENDIF %}{% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </span> <br /><br /> <div class="footnote"> © {DATE_YEAR} «{SETTINGS_STORE_NAME}» {SETTINGS_STORE_ORG_NAME}<br /> Все права защищены <br /> </div> </div> </body> </html>
СТРАНИЦА
<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> > <strong>{PAGE_NAME}</strong></p> <h1>{PAGE_NAME}</h1> <!-- темы оформления--> <link rel="stylesheet" href="/web/upload/assets/styles/62/61671/default.css" type="text/css" media="screen" /> <link rel="stylesheet" href="/NivoSlider/themes/pascal/pascal.css" type="text/css" media="screen" /> <link rel="stylesheet" href="/NivoSlider/themes/orman/orman.css" type="text/css" media="screen" /> <!-- темы оформления--> <!-- файл css для слайдера --> <link rel="stylesheet" href="/web/upload/assets/styles/62/61671/nivo-slider.css" type="text/css" media="screen" /> <!-- файл css для слайдера --> <!-- файлы js --> <script src="/web/upload/assets/styles/62/61671/jquery.min.js" type="text/javascript"></script> <script src="/web/upload/assets/styles/62/61671/jquery.nivo.slider.pack.js" type="text/javascript"></script> <!-- файлы js --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> <!-- СЛАЙДЕР НА ГЛАВНОЙ --> <div class="slider-wrapper theme-default"> <img src="http://oneram.ru/web/upload/assets/images/62/61671/toystory.jpg" alt="" /> <a href="http://oneram.ru"><img src="http://oneram.ru/web/upload/assets/images/62/61671/up.jpg" alt="" title="Это пример использования текста" /></a> <img src="http://oneram.ru/web/upload/assets/images/62/61671/walle.jpg" alt="" /> <img src="http://oneram.ru/web/upload/assets/images/62/61671/nemo.jpg" alt="" title="#htmlcaption" /> </div> <div id="htmlcaption" class="nivo-html-caption"> <strong>Это</strong> пример <em>использования</em> текста <a href="#">link</a>. </div> <!-- СЛАЙДЕР НА ГЛАВНОЙ --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> <!-- Контент страницы --> <div class="htmlDataBlock"> {PAGE_CONTENT} </div> <!-- Короткое SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_SHORT %} <div style="padding-top:1em;"> {PAGE_SEO_DESCRIPTION_SHORT} </div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock"> {PAGE_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание -->
main.csstemplate
/* !form errors -------------------------------------------------------------- */ label.invalidInput {display:block;color:#b85454;height:auto;WIDTH:auto;font-size:0.8em !important;font-weight:normal;margin-top:0px;} input.invalidInput {border:1px solid #b85454 !important;background-color: #FFECE6 !important;} #slider { position:relative; width:618px; /* Изменить размер картинки */ height:246px; /* Изменить размер картинки */ background:url(http://oneram.ru/web/upload/assets/images/62/61671/loading.gif) no-repeat 50% 50%; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; display:block; } <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> /* !rounded corners -------------------------------------------------------------- */ .cornerAll {-moz-border-radius:5px;-webkit-border-radius:5px;} input.cornerAll, textarea.cornerAll {border:1px solid #cccccc;} /* !positioning -------------------------------------------------------------- */ .valignMiddle {vertical-align:middle !important;} .valignTop {vertical-align:top !important;} .valignBottom {vertical-align:bottom !important;} .alignCenter {text-align:center !important;} .alignRight {text-align:right !important;} .alignLeft {text-align:left !important;} .floatLeft {float:left !important;} /* ! js ссылки с пунктирным подчеркиванием */ .jsAction {border-bottom:1px dashed;} .jsAction:hover {border-bottom:1px solid;text-decoration:none;} /* !numbers -------------------------------------------------------------- */ .num {font-family: helvetica;font-style: italic;white-space: nowrap;} /* !colors -------------------------------------------------------------- */ .red {color:#d00000;} .green {color:#057f02;} .gray {color:#7c7c7c;} .black {color:#000;} .gold {color:#BE9E4C;} /* !pages -------------------------------------------------------------- */ .square_pages {font-size:1em;text-align:right;clear: both;} .square_pages span {position:relative;bottom:1px\9;} .square_pages a {font-size:1em;height:17px;line-height:17px;color:#8b8b8b;border: #bfbfbf 1px solid;padding:1px 4px 1px 4px; margin-left:0px;text-align:center;font-weight:bold;text-decoration:none;} .square_pages a:hover {background:#d1e7fc;color:#3d3d3d;} .square_pages b {font-size:1em;height:17px;color:#3d3d3d;border: #bfbfbf 1px solid;padding:1px 4px 1px 4px;margin-left:1px;text-align:center;background:#d1e7fc;} .lineThrough {text-decoration:line-through !important;} .errorMessage {color:red;color:#d00000;} /* colour palette dark blue: #00205B red: #D0431D gold: #BE9E4C grey rules: #E5E5E5 */ /* !layout -------------------------------------------------------------- */ body { font-size: 75%; /* convert 16px base font size to 12px */ line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */ font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; background-color: #FFF; color: #666; } #headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;} #header {position: relative;width: 960px;height: 150px;margin: 0 auto;} #contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg) repeat-x left bottom;} #content {width: 960px;margin: 0 auto;} #contentMainTb {width: 960px;margin:0;border-collapse: collapse;border-spacing: 0;} #primaryContent {width: 750px;padding:0 0px 40px 0;vertical-align:top;} .clearBoth {clear: both;height: 0;} /* font sizing guide: pixels ems leading ------------------------------------- 9px = 0.75em 2.2222em 10px = 0.8333em 2em 11px = 0.9166em 1.8181em 12px = 1em 1.6666em 13px = 1.0833em 1.5384em 14px = 1.1666em 1.4285em 15px = 1.25em 1.3333em 16px = 1.3333em 1.25em 17px = 1.4166em 1.1764em 18px = 1.5em 1.1111em 19px = 1.5833em 1.0526em 20px = 1.6666em 1em 21px = 1.75em 22px = 1.8333em 23px = 1.9166em 24px = 2em 30px = 2.5em (divide desired pixel height by 12 to get 'em' value) */ abbr, acronym { cursor: help; border-bottom: 1px dotted; } p { font-size: 1em; margin: 0.8333em 0 0.8333em 0; } h1 { font-weight: lighter; color: #BE9E4C; font-size: 1.9666em; line-height: 1.1538em; margin: 0.7692em 0 0.3846em 0; } h2 { font-weight: normal; color: #BE9E4C; font-size: 2.1666em; line-height: 1.1538em; margin: 0.7692em 0 0.3846em 0; } h3, h3 a { font: 1.5em/1.1111em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif; font-style: italic; font-weight: normal; color: #BE9E4C; margin: 1.1111em 0 0.5555em 0; } h3 a.indexPage { font-size: 1em;color: #BE9E4C; } h4, h4 a { font-weight: normal; color: #BE9E4C; font-size: 1.1666em; line-height: 1.4285em; margin: 1.4285em 0 0.7142em 0; } h5 { font-weight: bold; color: #BE9E4C; font-size: 1em; line-height: 1.6666em; margin: 1.6666em 0 0.8333em 0; } #primaryContent p { margin-right: 20px; } #primaryContent ul { margin-left: 20px; margin-right: 20px; } #primaryContent ul li { background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.6em; padding-left: 10px; margin: 0.8333em 0 0.8333em 0; } sup { font-size: 0.75em; color: #888; } .small { font-size: 0.9166em; line-height: 1.8181em; color: #888; } /* hyperlinks */ a:link, a:visited { color: #D0431D; text-decoration: none; } a:hover, a:active { color: #00205B; text-decoration: underline; } /* data tables */ table { margin-top: 20px; width: auto; border-collapse: collapse; } th, td { font-size: 1em; margin: 0.8333em 0 0.8333em 0; text-align: left; padding: 3px 10px 3px 0; } th { font-weight: bold; color: #BE9E4C; border-bottom-color:#CCC; } td.download { text-align: center !important; padding: 0 !important; } td.download img { margin: 0 0 0 25px !important; } /* !header ---------------------------------------------------------------- */ #header #logo { position: absolute; top: 18px; left: 10px; height: 79px; width: 300px; background: url({ASSETS_IMAGES_PATH}logo.png) no-repeat; } #header #logo a { height: 81px; width: 67px; display: block; text-decoration: none; } #header #title { margin: 0; position: absolute; right: 10px; width: 420px; bottom: 44px; } /* !search panel -------------------------------------------------------------- */ #searchPanel { position: absolute; top: 78px; right: 850px; } #searchPanel form { float: right; } #searchPanel p { margin: 0; } input#keywords { margin: 0; font-size: 1em; padding: 0.25em; width: 100px; border: 1px solid #CCC; color: #333; } #searchPanel label, #searchPanel input { display:inline; vertical-align:middle; margin-left: 5px; } #searchPanel label { padding-top: 2px; } /* !footer -------------------------------------------------------------- */ #footer {background: url("{ASSETS_IMAGES_PATH}botfade.jpg") repeat-x 50% 100%;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;} #footer a {color:#666 !important} #footer a.selected {color:#D0431D !important} /* main navigation ---------------------------------------------------------------- */ #mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;background: url("{ASSETS_IMAGES_PATH}nav_bg.jpg") no-repeat;} #mainNav table {float:left;border-collapse: collapse;border-spacing: 0;background: url("{ASSETS_IMAGES_PATH}nav_bg_right.gif") no-repeat bottom right;padding: 5px 5px 0 0;height: 30px;margin:auto;} #mainNav table td {padding:5px 0 0 2px;} #mainNav table td.first {padding-left: 5px;} #mainNav table td.last {padding-right: 5px;} #mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;} #mainNav table td div a:link, #mainNav table td div a:visited {display: block;height: 26px;color: #666;padding: 4px 10px 0 10px;background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;} #mainNav table td div a.selected, #mainNav table td div a:hover, #mainNav table td div a:active {color: #D0431D;text-decoration: none;background-position: bottom right;} /* !breadcrumb ---------------------------------------------------------------- */ #breadcrumb { margin: 0px; padding-top: 20px; font-size: 0.9166em; line-height: 1.8181em; } /* !sub navigation ---------------------------------------------------------------- */ #subNavigation { width: 170px; } #subNavigation li { font-size: 1.0833em; line-height: 1.5384em; padding: 0.5em 0; background: url({ASSETS_IMAGES_PATH}subnav_rule.gif) no-repeat left bottom; } #subNavigation li a:link, #subNavigation li a:visited { padding-left: 10px; color: #666; display: block; } #subNavigation li a:hover, #subNavigation li a:active { background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.6em; color: #D0431D; text-decoration: none; } #subNavigation .selected {color:#D0431D !important} #leftMenuBlockWrap { width: 170px; padding:1em 0 40px 0; vertical-align:top; } #leftMenuBlock { width: 170px; margin: 0 20px 0 0; } /* Заголовки в блоке навигации слева */ .contentTbodyCatalogHeader {margin:0 1em 0.33em 0.7em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;} .contentTbodyCatalogHeader.noBorder {background-image:none;margin-bottom:0em;} .contentTbodyCatalogHeader a {color:#BE9E4C} /* Новости в блоке навигации слева */ .contentTbodyNews {padding:0.2em 0.7em 0 1em;} .contentTbodyNewsBlockItemTime {font-size:0.9em;color:#666;} .contentTbodyNewsBlockItem {font-size:0.9em;margin-bottom:1em;margin-left:0.33em} /* Каталог навигации по категориям на странице списка товаров */ .content_catalog_nested_categories li {text-align:center;float:left;width:150px;overflow:hidden;padding:1em;margin:0;list-style-type:none;background:none !important;} .content_catalog_nested_categories li .withBorder {height:150px;} /* страница списка новостей */ .newsListBlockItem {padding-bottom:1em;} .newsListBlockItemTitle {font-size:1.33em;color:#BE9E4C !important} .newsListBlockItemPreview {margin:0.3em 0em 0em 0em;} .newsListBlockItemTime {font-size:0.9em;color:#888;} /* Страница новости */ .newsListBlockItemTitle {font-size:1.33em;color:} .newsListBlockItemPreview {margin:0.3em 0em 0em 0em;} .newsListBlockItemTime {font-size:0.9em;color:#888;} .newsListBlockItemFiles {margin:1em 0 1em 0} /* Иконки форматов файлов */ .file_extension_icon {width:16px;height:16px;display:block;background:#ffffff url("{ASSETS_IMAGES_PATH}icons-files-extensions.gif") no-repeat left top;} .file_extension_icon.torrent{background-position:-16px 0px} .file_extension_icon.xls {background-position:-32px 0px} .file_extension_icon.ie7 {background-position:-48px 0px} .file_extension_icon.ppt {background-position:-64px 0px} .file_extension_icon.htm, .file_extension_icon.html {background-position:0px -16px} .file_extension_icon.avi {background-position:-16px -16px} .file_extension_icon.bmp, .file_extension_icon.gif {background-position:-32px -16px} .file_extension_icon.js, .file_extension_icon.css, .file_extension_icon.txt {background-position:-48px -16px} .file_extension_icon.pptm {background-position:-64px -16px} .file_extension_icon.rtf, .file_extension_icon.doc {background-position:0px -32px} .file_extension_icon.jpg {background-position:-16px -32px} .file_extension_icon.png {background-position:-32px -32px} .file_extension_icon.ini {background-position:-48px -32px} .file_extension_icon.pptx {background-position:-64px -32px} .file_extension_icon.php {background-position:0px -48px} .file_extension_icon.mht, .file_extension_icon.mhtml {background-position:-16px -48px} .file_extension_icon.psd {background-position:-32px -48px} .file_extension_icon.zip {background-position:-48px -48px} .file_extension_icon.xps {background-position:-64px -48px} .file_extension_icon.exe {background-position:0px -64px} .file_extension_icon.xml {background-position:-16px -64px} .file_extension_icon.wma, .file_extension_icon.mp3 {background-position:-32px -64px} .file_extension_icon.xlsx {background-position:-48px -64px} .file_extension_icon.xlsb {background-position:-64px -64px} .file_extension_icon.pdf {background-position:0px -80px} .file_extension_icon.csv {background-position:-16px -80px} .file_extension_icon.docx {background-position:-32px -80px} .file_extension_icon.accdb {background-position:-48px -80px} .file_extension_icon.xlsm {background-position:-64px -80px} .file_extension_icon.dll {background-position:0px -96px} /* END Иконки форматов файлов */ /*cartInfo*/ #cartInfo { position:absolute; font-size: 13px; bottom: 110px; right : 900px; white-space:nowrap; } #cartInfo a { color:#000; text-transform: uppercase; } /*cartInfo*/ /*contactInfo*/ #contactInfo { position:absolute; font-size:1.2em; top: 5px; left: 330px; } .contentTableHeadMainPhone {color:#3399cc;} .contactInfoContentCountryCode {color:#BE9E4C;} .contactInfoContent { height:100px; width: 180px; vertical-align:middle; } #contactInfo table {margin:0px;} #contactInfo td {padding:0px;text-align:center !important;} /*contactInfo*/ /* Страница категории. ячейки с товаром */ .goodsListItem {text-align:center;vertical-align:top;width:200px;overflow:hidden;padding:0px;} /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/ .goodsListItemBlock {height:200px;margin:5px;overflow:hidden;} .goodsListItemBlock a {color:#BE9E4C} .goodsListItemImage {height:100px;margin-top:1em} .goodsListItemName {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;} .goodsListItemName a {color:#2f97cb;font-size:15px;line-height:1.2em;padding:0px;margin:0px;} /* Рамка для интерактивных элементов */ .withBorder {border:1px solid #E5E5E5 !important;} .withBorder:hover {border-color:#D0431D !important;} /* Страница товара. Цена товара */ .goodsDataMainModificationPriceOld {display:block;} /* Страница товара. Характеристики */ .goodsDataFeatures {width:100%;} .goodsDataFeatures p {float:left;margin:0;padding:0;width:100%;background:transparent url('http://development.storeland.ru/static/upload/assets/images/1/19/grey_dotted.gif') repeat-x scroll 0 100%;} .goodsDataFeatures p span {border-bottom:1px solid #FFFFFF;color:#A9A9A9;} /* Страница товара. Основные данные */ .goodsDataMain td {vertical-align:top} .goodsDataMainImageBlock {width:280px;} .goodsDataMainImageBlock img {padding:2px;} .goodsDataMainImagesIcon {width:46px;height:46px;margin:0.2em 0.4em 0.2em 0em;} .goodsDataMainImagesIcon img {padding:2px;} .goodsDataMainImageZoom {text-align:center;padding:0.5em;} .goodsDataMainImageZoom a {padding:5px 0px 5px 25px;background:transparent url('http://development.storeland.ru/static/upload/assets/images/1/19/zoom-magnifying.png') no-repeat scroll center left;} .goodsDataMainModificationDataBlock, .goodsDataMainModificationsBlock, .goodsDataMainDiscountBlock, .goodsDataMainDeliveryBlock, .goodsDataMainModificationsDescriptionBlock {padding:1em;} .goodsDataMainModificationsBlockProperty {padding:5px;} .goodsDataMainModificationsBlockProperty select {width:auto;} /* Страница товара. Акция на товар */ .goodsDataMainDiscountBlock {line-height:1.8em;} .goodsHeader h1, .goodsDataForm h4, .goodsDataForm h5 {margin-top:0px;padding:0px;line-height:1.2em;} .goodsDataForm table {margin:0px;} .goodsDataMainModificationsList {display:none;} .goodsDataMainModificationData {width:240px;vertical-align:middle;} .goodsDataMainModificationPriceNow {font-size:1.5em;color:#F2912D;margin:0px;white-space:nowrap;} /* Страница товара. Информация о заказе */ .goodsDataMainOrder {border:1px solid #E5E5E5} .goodsDataMainModificationAvailable {white-space:nowrap;} /* Страница товара. Кнопка положить в корзину */ .goodsDataFormSubmitButton {text-align:right;white-space:nowrap;vertical-align:middle;padding:1em 1em 1em 0;} /* Страница товара. Информация о доставке */ .goodsDataMainModificationsBlock, .goodsDataMainDiscountBlock, .goodsDataMainDeliveryBlock, .goodsDataMainModificationsDescriptionBlock {border-top:1px solid #E5E5E5;} .goodsDataMainDeliveryItemHeader {padding:1em 0em 0.5em 0.3em;color:#555;} .goodsDataMainDeliveryItem {padding:0em 1em 0em 1em;} .goodsDataMainDeliveryItemRules {padding-bottom:1em;} .goodsDataMainDeliveryItemRules tbody td{padding:2px;line-height:1.2em;} .goodsDataMainDeliveryItemRules caption {text-align:left;} .goodsDataMainDeliveryItemRules caption h5 {font-style: italic;white-space: nowrap;} .goodsDataMainDeliveryItemRules p {float:left;margin:0;padding:0;line-height:1.4em;width:100%;background:transparent url('http://development.storeland.ru/static/upload/assets/images/1/19/grey_dotted.gif') repeat-x scroll 0 100%;} .goodsDataMainDeliveryItemRules p span {border-bottom:1px solid #ffffff;color:#666666;} /* Корзина. Шапка таблицы */ .cartFormTable {width:100%} .cartFormThead th {padding:0.5em;background:none repeat scroll 0 0 #EEF5FB;font-weight:normal;white-space:nowrap;text-align:center;} /* Корзина. Позиции заказа */ .cartFormTbody td {padding:0.66em;vertical-align:middle;background:url('http://development.storeland.ru/static/upload/assets/images/1/19/grey_dotted.gif') repeat-x scroll 0 100% transparent;} .cartFormTbody td.cell1 {text-align:center;} .cartFormTbody td.cell2 {width:500px;vertical-align:top;} .cartFormTbodyNavigate a {color:#888;} .cartFormTbodyHeader {color:#000;font-size:1.1em;} .cartFormTbodyHeader span {color:#666;font-size:0.9em;} .cartFormTbody td.cell3 {white-space:nowrap;} .cartFormTbody td.cell3 input {width:50px;text-align:center;} .cartFormTbody td.cell4 {text-align:right;font-size:1.3em;color:#188518;} .cartFormTbody td.cell5 {text-align:right;font-size:1.3em;color:#188518;} .cartFormTbody td.cell6 {text-align:center;} /* Корзина. Низ таблицы заказа */ .cartFormTfootSumTable {float:right;font-size:1.5em;margin:0.5em 0em 0.5em 0em} .cartFormTfootSumTable .cell1 {vertical-align:top;} .cartFormTfootSumTable .cell2 {text-align:right;color:#188518;} .cartFormTfootTruncate {text-align:left;vertical-align:middle;white-space:nowrap;} .cartFormTfootButtons {text-align:right;} /* Оформление заказа. Общие настройки */ .orderData, .order {padding:1em;margin:1em 0em 1em 0em;border:1px solid #E5E5E5;} .order h3 {margin:0.5em 0em 0em 0em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;} .orderInfo {padding:1em;} .orderInfo table {margin-top:0.5em;} /* Оформление заказа. Контактная информация */ .orderStageContact table {width:100%;} .orderStageContact td.cell1 {width:200px;white-space:nowrap;} .orderStageContact td.cell2 {width:auto;} .orderStageContact input {width:90%;} .orderStageContact .orderStageContactCheckbox {width:auto;text-align:left;} /* Оформление заказа. Ссылка показать пароль */ .OrderShowPassBlock {text-align:left;padding-top:0.1em;} .OrderShowPass {font-size:1em;color:#888;border-bottom:1px dashed;} .OrderShowPass:hover {border-bottom:1px solid;text-decoration:none;} /* Оформление заказа. Выбор доставки */ .orderStageDelivery table {width:100%;margin-bottom:1em;} .orderStageDelivery td {vertical-align:middle;margin:0px;} .orderStageDelivery td p {margin:0px;} .orderStageDelivery td.cell1 {width:20px;} .orderStageDelivery td.cell2 {width:auto;} .orderStageDelivery td.cell3 {width:200px;white-space:nowrap;text-align:right;font-size:1.5em;color:#188518;} .orderStageDelivery textarea {width:100%;height:80px;} .orderInfoDeliveryAddress input, .orderInfoDeliveryAddress #deliveryCountry {width:150px;} #deliveryConvenientDate {width:75px; text-align:center;} .orderInfoDeliveryAddress label {white-space:nowrap;padding-top:3px;display:block;} .orderInfoDeliveryAddress td {vertical-align:top;} /* Оформление заказа. Подтверждение заказа */ .orderStageConfirmCart, .orderStageConfirmContacts {width:100%;} .orderStageConfirmContactsHeader {text-align:left !important;} .orderStageConfirmContacts .cell1 {width:210px;white-space:nowrap;padding:1em 0em 1em 1em;} .orderStageConfirmContacts .cell2 {width:auto;} .orderStageConfirmContacts p {margin:0;padding:0;width:100%;background:transparent url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100%;} .orderStageConfirmContacts p span {border-bottom:1px solid #FFFFFF;background:#FFFFFF none repeat scroll 0 0;color:#666666;} /* Кнопки навигации для перехода по шагам заказа */ .orderStageSubmitNavigation {padding-top:2em;} /* Оформление заказа. Шаги пользователя */ .orderHeader {margin:0em 0em 0.5em 0em;font-size:1.2em;} .orderHeader td {color:#cccccc} .orderHeader td.act {color:#555} .orderStepName {vertical-align:middle;padding-right:2em;} /* Иконки */ .orderIcon {width:36px;height:36px;display:block;background:url('{ASSETS_IMAGES_PATH}orderIcons.png') -1px -3px no-repeat;} .orderIcon.ok {background-position:-1px -3px;} .orderIcon.step1 {background-position:-1px -88px;} .orderIcon.step1-act {background-position:-1px -44px;} .orderIcon.step2 {background-position:-40px -88px;} .orderIcon.step2-act {background-position:-40px -44px;} .orderIcon.step3 {background-position:-79px -88px;} .orderIcon.step3-act {background-position:-79px -44px;} .orderIcon.step4 {background-position:-118px -88px;} .orderIcon.step4-act {background-position:-118px -44px;} .orderIcon.cart {background-position:-40px -3px;} .orderIcon.delivery {background-position:-118px -3px;margin:auto;} /* Информация по оформленному заказу */ .orderData h3 {font-size:1.5em;} .orderData h3 {margin:0em;padding-bottom:0.2em;background:url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100% transparent;} .orderDataInfo {padding:2em 1em 0em 1em;} .orderDataTable {width:100%;margin:0px;} .orderDataTable th {padding:0.5em;background:none repeat scroll 0 0 #EEF5FB;font-weight:normal;text-align:center;} .orderDataTableHeader {text-align:left !important;} .orderDataTable .cell1 {width:210px;white-space:nowrap;padding:1em 0em 0em 1em;vertical-align:top;} .orderDataTable .cell2 {width:auto;vertical-align:top;padding:1em 0em 0em 0em;} .orderDataTable p {margin:0;padding:0;width:100%;background:transparent url('{ASSETS_IMAGES_PATH}grey_dotted.gif') repeat-x scroll 0 100%;} .orderDataTable p span {border-bottom:1px solid #FFFFFF;color:#666666;} /* Список акции на товары */ .promotionCampaignHeader a {font-size:22px;} .promotionCampaignList {font-size:12px} .promotionCampaignInfo {width:100%;font-size:12px;margin:0px;} .promotionCampaignInfo p {line-height:1.4em;float:left;margin:0.2em 0em 0em 0em;padding:0;width:100%;background:transparent url('http://development.storeland.ru/static/upload/assets/images/1/19/grey_dotted.gif') repeat-x scroll 0 100%;} .promotionCampaignInfo p span {line-height:1.2em;border-bottom:3px solid #FFFFFF; background:#FFFFFF none repeat scroll 0 0;color:#A9A9A9;} .promotionCampaignInfo td {padding-bottom:5px;} .promotionCampaignInfo td.cell1 {width:200px} .promotionCampaignInfo td.cell2 {font-weight:bold;} /* Форма связи с администрацией */ .feedbackForm label {font-weight:normal;display:block;font-size: 1.2em;margin:0.1em 0 0.1em 0;} .feedbackForm .input {width:300px;} .feedbackForm textarea {width:600px;} /* Форма оплаты заказа по интернету */ .paymentFormTbody label {font-weight:normal} .paymentFormTbody h4 {color:#910f0f} .paymentFormTbody input.inputText {padding:0.2em;width:300px;} .paymentFormTbody select {padding:0.2em;width:308px;} .paymentFormTbody .paymentFormSubmitLink {font-size:1.3em;} .paymentFormTbody .ceil1 {padding-left:1em;} .paymentFormTbody p {width:auto;background:none;} .paymentBankRu .tr6 .ceil1 {padding-top:1em;} /* Сравнение товаров в блоке навигации слева */ .contentTbodyCompare {padding:0.2em 1em 1em 1.5em;} .contentTbodyCompareEmpty {color:#888;} .contentTbodyCompareDetails {display:block;margin-top:5px;} /* Страница сравнения товаров */ .CompareGoodsHeader {color:#000;font-size:1.1em;display:block;} .CompareGoodsHeader span {color:#666;font-size:0.9em;} .CompareGoodsTableTbody td {max-width:400px;text-align:center;padding:4px;} .CompareGoodsTableTbody td.borderAll {border:1px solid #DCECF7;} .CompareGoodsTableTbody td.noBorderBottom {border-top:1px solid #DCECF7;border-left:1px solid #DCECF7;border-right:1px solid #DCECF7;} .CompareGoodsTableTbody td.BorderLeftAndRight {border-left:1px solid #DCECF7;border-right:1px solid #DCECF7;} .CompareGoodsTableTbody .CompareCheckbox, .CompareGoodsTableTbody label {vertical-align:middle;font-weight:normal;} .CompareGoodsTableTbody td.ceil1 {text-align:left;vertical-align:bottom;} .CompareGoodsTableTbodyComparisonLine.same{color:#888;background:#F0F0F0} .CompareGoodsTableTbodyComparisonLine.hover{background:#E1FAE1} .CompareGoodsTableTbodyComparisonLine td {text-align:left;} .CompareGoodsTableFilterSelected {font-weight:bold;color:#000 !important;text-decoration:none;} .CompareGoodsTableFilterSelected:hover {text-decoration:none;cursor:default;color:#000 !important;} .CompareGoodsHideSelected {display:block;height:20px;width:220px;} .CompareGoodsShowAll {display:block;height:20px;width:220px;} .CompareGoodsDeleteLink {display:block;height:15px;width:15px;overflow:hidden;float:right;background: url('{ASSETS_IMAGES_PATH}icon-cancel.gif') no-repeat 50% 50%;} /* Личный кабинет клиента. Формы авторизации, регистрации, настроек и восстановления пароля */ .clientForm td {padding:0.4em;} .clientForm h3 {padding-bottom:1em;} .clientForm thead td {padding-bottom:1em;} .clientForm tbody td.ceil1 {width:5%;} .clientForm tbody td.ceil2 {width:5%;} .clientForm tbody label {white-space:nowrap;font-size:1.3em;font-weight:normal;vertical-align:middle;} .clientForm tbody input {vertical-align:middle;padding:0.3em;width:220px;} .clientForm tbody textarea {width:224px;height:75px;} .clientForm tbody .showPassBlock {text-align:center;padding-top:0.1em;} .clientForm tbody .showPass {font-size:1em;color:#888;border-bottom:1px dashed;} .clientForm tbody .showPass:hover {border-bottom:1px solid;text-decoration:none;} .clientForm tfoot td {padding-top:2em;} #caps_lock {font-size:11px;width:220px;} /* Личный кабинет клиента. История заказов */ .clientOrderList {padding-bottom:2em;} .clientOrderListTable thead td {font-weight:bold;text-align:center;padding:10px 5px 10px 5px;} .clientOrderListTable td {border:1px solid #ccc;padding:5px} .clientOrderListTable .second td {background-color:#F5F5F5;} /* Личный кабинет клиента. Информация о заказе */ .clientOrderInfo {padding-bottom:2em;} .clientOrderInfoMain {border:1px solid #ccc;padding:1em;} .clientOrderInfoMainTb {margin:0px;} .clientOrderInfoMainTb td {border:1px solid #ccc;padding:7px;} .clientOrderInfoPositions {border:1px solid #ccc;padding:1em;} .clientOrderInfoPositionsTb {margin:0px;} .clientOrderInfoPositionsTb td {border:1px solid #ccc;padding:7px;} /* Страница товара. Добавление отзыва о товаре */ .goodsDataOpinionMsg {margin:0 0 0 20px;white-space:nowrap;} .goodsDataOpinionMessage {padding:1em;font-size:1.2em;font-style:italic;border-left:2px solid #b85454;margin:1em;} .goodsDataOpinionMessage.empty {margin-left:2em;border-left:2px solid #DCECF7;} .goodsDataOpinionMessage.auth {margin-top:0} .goodsDataOpinionAddTable {margin-left:1em;} .goodsDataOpinionAddTable td {vertical-align:top;padding-right:1em;} .goodsDataOpinionAddTable tbody label {white-space:nowrap;font-size:1.3em;font-weight:normal;vertical-align:middle;} .goodsDataOpinionAddTable tbody label.required {font-weight:bold;} .goodsDataOpinionAddTable tbody input {vertical-align:middle;padding:0.3em;width:420px;} .goodsDataOpinionAddTable tbody input.captcha {width:120px;} .goodsDataOpinionAddTable tbody textarea {width:424px;height:75px;padding:0.2em;} .goodsDataOpinionAddTable tbody .generally input {width:auto;padding:0px;} .goodsDataOpinionAddTable tbody .generally label {font-size:1em;} .goodsDataOpinionAddTable tfoot td {padding-top:1em;} .goodsDataOpinionCaptcha td {padding-left:0px;} .goodsDataOpinionAverageInfo {padding-left:1em;vertical-align:middle;} /* Страница товара. Список отзывов о товаре */ .goodsDataOpinionListTableClient {color:#888} .goodsDataOpinionListTableClient.auth {color:#555} .goodsDataOpinionListTableAnswer {padding:1em;color:#167507} .goodsDataOpinionListNavigateBottom td {padding-top:1em;} .goodsDataOpinionListTable {width:750px;} .goodsDataOpinionListTable td {border-bottom:1px solid #cccccc;padding: 0.5em 1em 0.4em 0;} .goodsDataOpinionListTable td.ceil1 {width:20%;} .goodsDataOpinionListTable td.ceil2 {width:80%;} .goodsDataOpinionListTableDate {display:block;color: #979797;font-size: 0.8em;font-weight: normal;} /* Фильтры по товарам в колонке меню */ .contentTbodySearchFilterBlock {padding:1em;margin:0 0 0 1em;border:1px solid #E5E5E5;} .contentTbodySearchFilterBlockValues {padding:1em 0 1em 1em;} .contentTbodySearchFilterBlockValues label {font-weight:normal;} /* Фикс для отображения данных добавленных через админку в таком же виде, как и в визуальном редакторе */ .htmlDataBlock ol {margin:10px 0 10px 2em !important;padding:0px !important;} .htmlDataBlock ul {margin:10px 0 10px 2em !important;padding:0px !important;} .htmlDataBlock ol li {padding:0px !important;margin:3px 0px !important;list-style-type: decimal;} .htmlDataBlock ul li {padding:0px !important;margin:3px 0px !important;list-style-type: disc;} #slider { position:relative; width:618px; /* Изменить размер картинки */ height:246px; /* Изменить размер картинки */ background:url(http://oneram.ru/web/upload/assets/images/62/61671/loading.gif) no-repeat 50% 50%; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; display:block; }
В чем у меня проблема на сайте тупо 4 картинки.
oneram.ru
Помогите я уже все перепробовал! (
#46
Отправлено 20 Апрель 2012 - 23:04
#47
Отправлено 21 Апрель 2012 - 13:55
Спасибо
http://golden-babes.storeland.ru/
#48
Отправлено 23 Апрель 2012 - 20:23
//sdvig ssilok $(document).ready(function() { slide("#cats-menu", "+=8", "-=8", 150, .8); });
так как такая библиотека у вас не подключена - что дает ошибку.
#49
Отправлено 08 Май 2012 - 20:47
http://storeindahood.storeland.ru
#50
Отправлено 10 Май 2012 - 17:05
#51
Отправлено 29 Октябрь 2012 - 16:15
#52
Отправлено 29 Октябрь 2012 - 16:31
zaprom (29 Октябрь 2012 - 16:15) писал:
#53
Отправлено 29 Октябрь 2012 - 17:39
Koderhan (29 Октябрь 2012 - 16:31) писал:
#54
Отправлено 29 Октябрь 2012 - 17:48
zaprom (29 Октябрь 2012 - 17:39) писал:
Загрузить файлы и скопировать ссылки на файлы после загрузки.
<img src="вот тут вставить скопированную ссылку" alt="" />
Не забывайте изменить высоту изображения. Размеры у всех изображений должны быть одинаковыми.
#55
Отправлено 29 Октябрь 2012 - 18:48
Koderhan (29 Октябрь 2012 - 17:48) писал:
Загрузить файлы и скопировать ссылки на файлы после загрузки.
<img src="вот тут вставить скопированную ссылку" alt="" />
Не забывайте изменить высоту изображения. Размеры у всех изображений должны быть одинаковыми.
#57
Отправлено 29 Октябрь 2012 - 21:48
#58
Отправлено 30 Октябрь 2012 - 08:08
$(document).ready(function(){ $('.slider')._TMS({ show:0, pauseOnHover:false, prevBu:'.prev', nextBu:'.next', playBu:'.play', duration:10000, preset:'zoomer', pagination:true,//'.pagination',true,'' pagNums:false, slideshow:7000, numStatus:true, banners:'fromRight',// fromLeft, fromRight, fromTop, fromBottom waitBannerAnimation:false, progressBar:'' }) })
этот код вставляем в самый низ файла main.js
Все файлы загружаем в редактор тем и подключаем не так:
<script src="js/highlight.js"></script>а так:
<script src="{ASSETS_JS_PATH}highlight.js"></script>если подключаем css файл, то выглядеть подключение должно так:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}ie6.css" type="text/css" media="screen">
Сам код слайдера:
<div id="main"> <div id="slide"> <!-- slider --> <div class="slider"> <ul class="items"> <li><img src="images/slide-3.jpg" alt="" /><div class="banner"><span>Unde omnis iste natus errsit rem aperiam, eaque ipsa quae. Woluptatem accusantium </span></div></li> <li><img src="images/slide-4.jpg" alt="" /><div class="banner"><span>Nearuasi architecto beatae faserse vitaerspiciat kerusler miase lerosnr lertyseras</span></div></li> <li><img src="images/slide-1.jpg" alt="" /><div class="banner"><span>Unde omnis iste natus errsit rem aperiam, eaque ipsa quae. Woluptatem accusantium </span></div></li> <li><img src="images/slide-2.jpg" alt="" /><div class="banner"><span>Unde omnis iste natus errsit rem aperiam, eaque ipsa quae. Woluptatem accusantium </span></div></li> <li><img src="images/slide-5.jpg" alt="" /><div class="banner"><span>Nearuasi architecto beatae faserse vitaerspiciat kerusler miase lerosnr lertyseras.</span></div></li> <li><img src="images/slide-6.jpg" alt="" /><div class="banner"><span>Woluptatem accusantium dolor massa astumosto Unde omnis iste natus errsit rem aper</span></div></li> <li><img src="images/slide-7.jpg" alt="" /><div class="banner"><span>Unde omnis iste natus errsit rem aperiam, eaque ipsa quae. Woluptatem accusantium </span></div></li> </ul> </div> <a href="#" class="prev"><</a> <a href="#" class="play"><em>stop</em><span>play</span></a> <a href="#" class="next">></a> <!-- slider end --> </div> </div>
Вставляем в разделе редактор тем - Страница - после:
<div class="page-headline"> <h1>{PAGE_NAME}</h1> </div> <div class="pad-box"> <!-- Строка пути --> <div id="site-path"> <p> <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span> </p> </div> <!-- end Строка пути -->
#59
Отправлено 30 Октябрь 2012 - 18:37
Vaccina (30 Октябрь 2012 - 08:08) писал:
$(document).ready(function(){ $('.slider')._TMS({ show:0, pauseOnHover:false, prevBu:'.prev', nextBu:'.next', playBu:'.play', duration:10000, preset:'zoomer', pagination:true,//'.pagination',true,'' pagNums:false, slideshow:7000, numStatus:true, banners:'fromRight',// fromLeft, fromRight, fromTop, fromBottom waitBannerAnimation:false, progressBar:'' }) })
этот код вставляем в самый низ файла main.js
Все файлы загружаем в редактор тем и подключаем не так:
<script src="js/highlight.js"></script>а так:
<script src="{ASSETS_JS_PATH}highlight.js"></script>если подключаем css файл, то выглядеть подключение должно так:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}ie6.css" type="text/css" media="screen">
Сам код слайдера:
<div id="main"> <div id="slide"> <!-- slider --> <div class="slider"> <ul class="items"> <li><img src="images/slide-3.jpg" alt="" /><div class="banner"><span>Unde omnis iste natus errsit rem aperiam, eaque ipsa quae. Woluptatem accusantium </span></div></li> <li><img src="images/slide-4.jpg" alt="" /><div class="banner"><span>Nearuasi architecto beatae faserse vitaerspiciat kerusler miase lerosnr lertyseras</span></div></li> <li><img src="images/slide-1.jpg" alt="" /><div class="banner"><span>Unde omnis iste natus errsit rem aperiam, eaque ipsa quae. Woluptatem accusantium </span></div></li> <li><img src="images/slide-2.jpg" alt="" /><div class="banner"><span>Unde omnis iste natus errsit rem aperiam, eaque ipsa quae. Woluptatem accusantium </span></div></li> <li><img src="images/slide-5.jpg" alt="" /><div class="banner"><span>Nearuasi architecto beatae faserse vitaerspiciat kerusler miase lerosnr lertyseras.</span></div></li> <li><img src="images/slide-6.jpg" alt="" /><div class="banner"><span>Woluptatem accusantium dolor massa astumosto Unde omnis iste natus errsit rem aper</span></div></li> <li><img src="images/slide-7.jpg" alt="" /><div class="banner"><span>Unde omnis iste natus errsit rem aperiam, eaque ipsa quae. Woluptatem accusantium </span></div></li> </ul> </div> <a href="#" class="prev"><</a> <a href="#" class="play"><em>stop</em><span>play</span></a> <a href="#" class="next">></a> <!-- slider end --> </div> </div>
Вставляем в разделе редактор тем - Страница - после:
<div class="page-headline"> <h1>{PAGE_NAME}</h1> </div> <div class="pad-box"> <!-- Строка пути --> <div id="site-path"> <p> <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span> </p> </div> <!-- end Строка пути -->
#60
Отправлено 30 Октябрь 2012 - 18:59
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных