Перемещение Слайдера И Изменение Его Размера
#1
Отправлено 05 Август 2014 - 11:22
Аккаунт SL-303199
#3
Отправлено 05 Август 2014 - 12:01
Olga89 (05 Август 2014 - 11:22) писал:
Аккаунт SL-303199
<!-- Nyvo слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding: 1em; display: none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /> <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a> <img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" /> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script> {% ENDIF %}и перенесите его перед строчкой
<div id="content"> {% IF index_page %}
#4
Отправлено 05 Август 2014 - 12:08
Olga89 (05 Август 2014 - 11:59) писал:
#panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; }для смены цвета меняете значение background:#4799ba например на background:#123456
2,3 данный блок это картинка
4. уточните как хотите изменить
5. найдите в main.css
#footer { clear:both;width:100%; background:#485d63; border-top:4px solid #64828b; margin:20px 0 17px 0; }меняете значение background:#485d63;
#6
Отправлено 05 Август 2014 - 12:28
Olga89 (05 Август 2014 - 12:22) писал:
4. Нужно изменить цвет линии наверху с синего на любой другой.
.theme-default .nivoSlider { position:relative; background:#fff url({ASSETS_IMAGES_PATH}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({ASSETS_IMAGES_PATH}nyvo_loading.gif) no-repeat 50% 50%; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }2 данный блок тоже является картинкой
#8
Отправлено 05 Август 2014 - 13:20
Olga89 (05 Август 2014 - 13:07) писал:
Разобралась со сменой цветов, но застряла на кнопке "Сравнить товары". Нужно тоже сделать градиентом, как другие кнопки. Это возможно?
#left .block .bluesmall, #right .block .bluesmall { background:url({ASSETS_IMAGES_PATH}block-bg.jpg) no-repeat; height:28px; padding:9px 0 0 20px; }замените на
#left .block .bluesmall, #right .block .bluesmall { background: linear-gradient(#948E8E, #2E2E2A);height: 28px;border-radius: 4px 4px 0px 0px;padding: 9px 0 0 20px;}далее найдите
#left .block .bluelarge, #right .block .bluelarge { background:url({ASSETS_IMAGES_PATH}block-bg.jpg) 0 -37px no-repeat;height:36px; padding:15px 0 0 20px; }замените на
#left .block .bluelarge, #right .block .bluelarge { background: linear-gradient(#948E8E, #2E2E2A);border-radius: 4px 4px 0px 0px;height:36px; padding:15px 0 0 20px; }далее найдите
#left .block .false, #right .block .false { color:#353535; padding:7px 0; }замените на
#left .block .false, #right .block .false { background: linear-gradient(#948E8E, #2E2E2A);border-radius: 4px 4px 0px 0px;color:#353535; padding:7px 0; }
#11
Отправлено 07 Август 2014 - 07:52
Olga89 (07 Август 2014 - 07:16) писал:
Здравствуйте.
В main.css найдите строчку
#footer #main .menufooter ul li a:hover, #footer #main .menufooter ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; }И замените на
#footer #main .menufooter ul li a:hover, #footer #main .menufooter ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#545555; color:#FFF; }
#12
Отправлено 07 Август 2014 - 08:09
Подскажите пожалуйста,
1. Как изменить ширину подвала как на картинке и при этом сделать закругленные углы?
2. Как удалить нижнее меню оттуда?
3. Как перенести в подвал блок с видами платежных систем, отрегулировав его по ширине (углы закругленные)? (Как на картинке)
#13
Отправлено 07 Август 2014 - 09:14
Olga89 (07 Август 2014 - 08:09) писал:
Подскажите пожалуйста,
1. Как изменить ширину подвала как на картинке и при этом сделать закругленные углы?
2. Как удалить нижнее меню оттуда?
3. Как перенести в подвал блок с видами платежных систем, отрегулировав его по ширине (углы закругленные)? (Как на картинке)
Найдите в html этот код на 796 строке
<ul> {% FOR menu %} {% FOR footer %} {% FOR links %}<li {% IF menu.footer.links.first %}class="main"{% ENDIF %} ><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>
И замените его на
<div id="panelbottom"> <div class="money"> <p>Мы принимаем:</p> <div class="img"></div> </div> <div class="schetchiki"> {SETTINGS_STORE_HTML_CODE} {SETTINGS_STORE_REGION}{% IF SETTINGS_STORE_REGION && COPYRIGHT_FOR_DESIGN_PLASTIC %} | {% ENDIF %}{COPYRIGHT_FOR_DESIGN_PLASTIC} </div> </div>
После найдите в html тот код на 811 строке и удалите
<!-- Нижняя панель сайта --> <div id="panelbottom"> <div class="money"> <p>Мы принимаем:</p> <div class="img"></div> </div> <div class="schetchiki"> {SETTINGS_STORE_HTML_CODE} {SETTINGS_STORE_REGION}{% IF SETTINGS_STORE_REGION && COPYRIGHT_FOR_DESIGN_PLASTIC %} | {% ENDIF %}{COPYRIGHT_FOR_DESIGN_PLASTIC} </div> </div> <!-- Нижняя панель сайта-Конец -->
Затем в main.css найдите код
#footer { clear:both;width:100%; background: linear-gradient(#7ab2cb, #3285a7);border-radius: 4px 4px 0px 0px;color:#353535; border-top:4px solid #64828b; margin:20px 0 17px 0; }
И замените его на
#footer {clear: both;width: 1000px;background: linear-gradient(#7ab2cb, #3285a7);border-radius: 10px;color: #353535;border-top: 4px solid #64828b;margin: 10px auto;max-width: 1000px;}
Так же найдите в main.css код
#footer #main .menufooter { float: left; background: url(http://g38507.storeland.net/menufooter-bg.jpg) repeat-x; width: 750px; height: 39px; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
И замените его на
#footer #main .menufooter { float: left; background: url(http://g38507.storeland.net/menufooter-bg.jpg) repeat-x; width: 736px; height: 39px; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-left: 10px; }
#15
Отправлено 07 Август 2014 - 12:17
Olga89 (07 Август 2014 - 12:03) писал:
А нужно, чтобы градиентом закрасило область заголовка "Сравнить товары"
Найдите в main.css
#left .block .false, #right .block .false { background: linear-gradient(#948E8E, #2E2E2A); border-radius: 4px 4px 0px 0px; color: #353535; padding: 7px 0; }
И замените на
#left .block .false, #right .block .false { background: linear-gradient(#948E8E, #2E2E2A); border-radius: 4px 4px 0px 0px; color: #FFFFFF; padding: 7px 0; }
#16
Отправлено 08 Август 2014 - 07:30
#17
Отправлено 08 Август 2014 - 07:48
Olga89 (08 Август 2014 - 07:30) писал:
Здравствуйте.
В main.css найдите код
#left .block .greysmall, #right .block .greysmall { background: url(http://ledv.storeland.net/block-bg.jpg) 0 -88px no-repeat; height: 28px; padding: 10px 0 0 20px; color: #434343; }
И замените на
#left .block .greysmall, #right .block .greysmall { background: url(http://ledv.storeland.net/block-bg.jpg) no-repeat; height: 28px; padding: 10px 0 0 20px; color: #434343; }
И еще в main.css найдите
#left .block .greysmall a, #right .block .greysmall a { color: #434343; }
И замените на
#left .block .greysmall a, #right .block .greysmall a { color: #FFFFFF; }
#18
Отправлено 08 Август 2014 - 08:13
#20
Отправлено 08 Август 2014 - 09:22
Olga89 (08 Август 2014 - 09:07) писал:
Зайдите в maun.css и найдите код
Он изменяет формат текста слева
#panelbottom .money { font: bold 15px Verdana, Geneva, sans-serif; color: #646464; }
Справа
#footer #main .copyring { float: left; font: normal 12px Verdana, Geneva, sans-serif; color: #FFF; margin: -8px 0 0 10px; border-left: 1px dashed #9ba6a9; width: 225px; height: 50px; overflow: hidden; padding: 4px 0 4px 10px; }
Менять нужно только в строчках
fontи
color
Темы с аналогичным тегами слайдер, Nivo Slider, пластик
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Пластик →
Изменение общей стилистики →
Адаптивный Дизайн К Шаблону ПластикАвтор Гость_Acum56_* , 08 февр. 2024 Адаптивный, дизайн, Пластик |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Сказка →
Главная →
Убираем Цветной Баннер На СлайдереАвтор Гость_Foxis_10_* , 17 февр. 2021 слайдер |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Нептун →
Главная →
Изменение Главного Баннера На СлайдерАвтор Гость_Firefly_* , 04 дек. 2019 Нептун, Слайдер, owl-slider |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Сканди →
Изменение общей стилистики →
Изменение СлайдераАвтор Гость_TYURIKOFF_* , 21 марта 2019 слайдер |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лето →
Изменение общей стилистики →
Настройка СлайдераАвтор Гость_tovmarket_* , 30 окт. 2018 слайдер |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных