Шаблон Лайт Как Установить Шапку
#21
Отправлено 19 Май 2013 - 11:26
#22
Отправлено 19 Май 2013 - 11:45
мистка (19 Май 2013 - 11:26) писал:
.logo { font-size: 2em; margin-bottom: 0.2em; margin-top: 0.2em; font-family: Helvetica; color: #636363; letter-spacing: 0em; line-height: 1.1em; background: url("{ASSETS_IMAGES_PATH}"http://opt-shop.storeland.net/%D0%BD%D0%B8%D1%82%D0%BA%D0%B8.png?1883); }и замените на:
.logo { font-size: 2em; margin-bottom: 0.2em; margin-top: 0.2em; font-family: Helvetica; color: #636363; letter-spacing: 0em; line-height: 1.1em; background: url("{ASSETS_IMAGES_PATH}"нитки.png); }Изображения лучше называть латинскими буквами.
Сейчас в шаблоне Товар нет изменений. Пройдите инструкцию - http://forum.storela...пку/#entry67919
#23
Отправлено 19 Май 2013 - 12:26
в латинеце изображение
#24
Отправлено 19 Май 2013 - 12:59
может я дам вам пароль загляните?
И если не сложно ответе на пару вопросов
как сократить расстояние между слайдером и текстом расположенным внизу?
#25
Отправлено 19 Май 2013 - 13:31
мистка (19 Май 2013 - 12:26) писал:
в латинеце изображение
Замените на:
.logo { font-size: 2em; margin-bottom: 0.2em; margin-top: 0.2em; font-family: Helvetica; color: #636363; letter-spacing: 0em; line-height: 1.1em; background: url("http://opt-shop.storeland.net/niti.png"); }Должно точно получиться.
сократить расстояние между слайдером и текстом можно так:
Найдите код в nyvo.css:
.theme-default .nivoSlider { position: relative; background: #fff url(http://opt-shop.storeland.net/nyvo_loading.gif) no-repeat 50% 50%; margin-bottom: 50px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }
и замените на:
.theme-default .nivoSlider { position: relative; background: #fff url(http://opt-shop.storeland.net/nyvo_loading.gif) no-repeat 50% 50%; margin-bottom: 0px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }
#28
Отправлено 19 Май 2013 - 14:34
мистка (19 Май 2013 - 13:53) писал:
это сейчас
сейчас.png
а надо так
2ка.png
Найдите код:
.logo { font-size: 2em; margin-bottom: 0.2em; margin-top: 0.2em; font-family: Helvetica; color: #636363; letter-spacing: 0em; line-height: 1.1em; background: url("http://opt-shop.storeland.net/niti.png"); }и замените на:
.logo { font-size: 2em; margin-bottom: 0.2em; margin-top: 0.2em; font-family: Helvetica; color: #636363; letter-spacing: 0em; line-height: 1.1em; }Далее найдите в шаблоне HTML код:
<div class="logo">и после нее вставьте код:
<img src="{ASSETS_IMAGES_PATH}niti.png">
мистка (19 Май 2013 - 14:03) писал:
+ слайдер должен отображаться на всех страницах магазина .
помогите мне и я от вас отстану))
Найдите код в nyvo.css:
.theme-default .nivo-controlNav { text-align: center; padding: 20px 0; }и замените на:
.theme-default .nivo-controlNav { text-align: center; padding: 20px 0; display: none; }Там же найдите код:
.theme-default .nivoSlider { position: relative; background: #fff url(http://opt-shop.storeland.net/nyvo_loading.gif) no-repeat 50% 50%; margin-bottom: 0px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }и замените на:
.theme-default .nivoSlider { position: relative; background: #fff url(http://opt-shop.storeland.net/nyvo_loading.gif) no-repeat 50% 50%; margin-bottom: 21px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }
в шаблоне HTML найдите код:
{% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <a href=http://opt-shop.storeland.ru/catalog/Gotovyj-tyul""><img src="http://files.storeland.ru/web/upload/sitefiles/6/542/541942/1.png" alt="" /></a> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script> {% ENDIF %}и замените на:
<!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <a href=http://opt-shop.storeland.ru/catalog/Gotovyj-tyul""><img src="http://files.storeland.ru/web/upload/sitefiles/6/542/541942/1.png" alt="" /></a> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script>
#29
Отправлено 19 Май 2013 - 14:53
А как теперь разместить слайдер в том месте где указано на скрине?
#31
Отправлено 20 Май 2013 - 18:09
<thead> <tr> <td class="contentTableHeadMain" rowspan="2"> <!-- Название магазина --> <div class="logo"><img src="{ASSETS_IMAGES_PATH}niti.png"> <!-- Контакты магазина --> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% 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"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% 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"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% 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 %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <tr> <td class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> </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> <!-- Верхний блок навигации --> <td class="contentTableHeadNavigation"> <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <a href="http://opt-shop.storeland.ru/page/Shtory-pod-zakaz"><img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542427/1.png" alt="" /></a> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script> {% FOR menu %} {% FOR header %} {% FOR links %} <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> {% IF menu.header.links.rindex>1 %}|{% ENDIF %} {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} <table> <tr> <!-- Поисковая форма --> <td class="Search"> <form action="http://{NET_DOMAIN}/search" class="SearchForm" method="get"> <table class="SearchFormTable"> <tr> <td class="cell1"><input name="q" value="{SEARCH_QUERY}" class="SearchFormText cornerAll" /></td> <td class="cell2"><input type="submit" value="Найти" class="SearchFormSubmit" /></td> </tr> </table> </form> </td> <!-- Корзина --> <td class="contentTableHeadCart"> <table> <tr> <td rowspan="2" class="valignMiddle"><a href="{CART_URL}"><span class="orderIcon cart"></span></a></td> <td>Товаров в <a href="{CART_URL}" class="underline"> корзине</a>:</td> <td id="cartCount"> {% IF cart_count_empty %} <span class="red">0</span> шт. {% ELSE %} {% FOR cart_count %} {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %} {% ENDFOR %} {% ENDIF %} </td> </tr> <tr> <td>На общую сумму:</td> <td id="cartSum"> {% IF cart_count_empty %} <span class="red">0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW | money_format}<br /> {% ENDFOR %} {% ENDIF %} </td> </tr> </table> </td> </tr> </table> </td> <!-- Авторизационная информация клиента --> <td> {% IF TARIFF_FEATURE_CLIENT_ROOM %} <div class="contentTableHeadUserInfo"> {% IF CLIENT_IS_LOGIN %} Здравствуйте, <a href="{USER_SETTINGS_URL}">{CLIENT_NAME}</a> <a href="{USER_LOGOUT_URL}">Выйти</a><br /> {% ELSE %} <a href="{USER_LOGIN_URL}">Вход с паролем</a> | <a href="{USER_REGISTER_URL}">Регистрация</a> {% ENDIF %} </div> {% ENDIF %} </td> </tr> </thead>и замените его на
<thead> <tr> <td class="contentTableHeadMain"style="vertical-align: middle;" > <!-- Название магазина --> <!-- Название магазина --> <div class="logo"><img src="{ASSETS_IMAGES_PATH}niti.png"> <!-- Контакты магазина --> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% 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"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% 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"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% 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 %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <tr> <td class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> </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> <!-- Верхний блок навигации --> <td style="vertical-align: middle;"> <table> <tr> <!-- Поисковая форма --> <td class="Search"> <form action="http://{NET_DOMAIN}/search" class="SearchForm" method="get"> <table class="SearchFormTable"> <tr> <td class="cell1"><input name="q" value="{SEARCH_QUERY}" class="SearchFormText cornerAll" /></td> <td class="cell2"><input type="submit" value="Найти" class="SearchFormSubmit" /></td> </tr> </table> </form> </td> <!-- Корзина --> <td class="contentTableHeadCart"> <table> <tr> <td rowspan="2" class="valignMiddle"><a href="{CART_URL}"><span class="orderIcon cart"></span></a></td> <td>Товаров в <a href="{CART_URL}" class="underline"> корзине</a>:</td> <td id="cartCount"> {% IF cart_count_empty %} <span class="red">0</span> шт. {% ELSE %} {% FOR cart_count %} {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %} {% ENDFOR %} {% ENDIF %} </td> </tr> <tr> <td>На общую сумму:</td> <td id="cartSum"> {% IF cart_count_empty %} <span class="red">0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW | money_format}<br /> {% ENDFOR %} {% ENDIF %} </td></tr> <tr> <!-- Авторизационная информация клиента --><td cosplan="2"></td> <td> {% IF TARIFF_FEATURE_CLIENT_ROOM %} <div class="contentTableHeadUserInfo"> {% IF CLIENT_IS_LOGIN %} Здравствуйте, <a href="{USER_SETTINGS_URL}">{CLIENT_NAME}</a> <a href="{USER_LOGOUT_URL}">Выйти</a><br /> {% ELSE %} <a href="{USER_LOGIN_URL}">Вход с паролем</a> | <a href="{USER_REGISTER_URL}">Регистрация</a> {% ENDIF %} </div> {% ENDIF %} </td> </tr> </thead> </tr></table></td></tr></table> <div class="contentTableHeadNavigation"> {% FOR menu %} {% FOR header %} {% FOR links %} <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> {% IF menu.header.links.rindex>1 %}|{% ENDIF %} {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </div> <!-- Непосредственный код слайдера --> <div id="slider"> <a href="http://opt-shop.storeland.ru/page/Shtory-pod-zakaz"><img src="http://files.storeland.ru/web/upload/sitefiles/6/543/542427/1.png" alt="" /></a> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script> </td> </thead>
Далее Вам необходимо найти блок
.contentTableHeadNavigation { text-align: center; }и заменить его на
.contentTableHeadNavigation { margin-bottom: 10px; }Можете еще растянуть слайдер немного по горизонтали и вертикали.
#33
Отправлено 15 Июль 2013 - 10:39
repaz11 (14 Июль 2013 - 22:39) писал:
было выше блоков меню.СПАСИБО. нужно чтобы было примерно так
Вы указали неверный аккаунт, проверьте пожалуйста.
#35
Отправлено 15 Июль 2013 - 13:29
repaz11 (15 Июль 2013 - 12:56) писал:
<!-- Скрипты магазина --> <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script> </head> <body lang="ru">Добавить:
<div class="m12"><img src="адрес до изображения" alt="Логотип"></div>Вам нужно будет дописать полный путь до изображения.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
.m12 { display: block; width: 100%; height: 200px;/*высота блока с логотипом*/ } .m12 img { height: 100%; max-width: 100%; }
#36
Отправлено 15 Июль 2013 - 14:24
Koderhan (15 Июль 2013 - 13:29) писал:
<!-- Скрипты магазина --> <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script> </head> <body lang="ru">Добавить:
<div class="m12"><img src="адрес до изображения" alt="Логотип"></div>Вам нужно будет дописать полный путь до изображения.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
.m12 { display: block; width: 100%; height: 200px;/*высота блока с логотипом*/ } .m12 img { height: 100%; max-width: 100%; }
#37
Отправлено 17 Декабрь 2013 - 22:33
Не могу понять в чем дело,делаю как указано выше,но не получается поставить шапку.
№ акаунта SL-257283
Хотелось бы как на картинке.Уменя будет другая.
Прикрепленные файлы
#38
Отправлено 18 Декабрь 2013 - 05:07
Код вставляется сразу после:
<body lang="ru">
#39
Отправлено 18 Декабрь 2013 - 09:46
Помогите разобраться.
http://ekekta.storeland.ru/
#40
Отправлено 18 Декабрь 2013 - 09:51
repaz11 (18 Декабрь 2013 - 09:46) писал:
Помогите разобраться.
http://ekekta.storeland.ru/
src="адрес до изображения"нужно прописать путь до изображения. Если Вы загрузили в админку файл logo.png, то путь будет выглядеть
src="{ASSETS_IMAGES_PATH}logo.png"
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных