Слайдер На Главной
#41
Отправлено 23 Июль 2013 - 20:02
#42
Отправлено 24 Июль 2013 - 01:20
#43
Отправлено 24 Июль 2013 - 08:29
#44
Отправлено 19 Сентябрь 2013 - 18:35
#45
Отправлено 20 Сентябрь 2013 - 00:21
#47
Отправлено 20 Сентябрь 2013 - 21:14
bbbaron (20 Сентябрь 2013 - 19:15) писал:
<!-- Nyvo слайдер который отображается на главной --><br />{% IF index_page %}<br /> <!-- Обёртка, указывающая стиль темы --></p> <div class="theme-default" style="padding: 1em; display: none;"><!-- Непосредственный код слайдера --><br /> <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> <p> </p> <br /> <!-- Запуск слайдера --><br /> <script type="text/javascript">// <![CDATA[ <br /> $(window).load(function() {<br /> $('#slider').nivoSlider().parent().show();<br /> });<br /> // ]]></script> {% ENDIF %}на этот
<!-- 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 %}А так же код перед тегом </head>
<!-- Загрузка Jquery галереии Nyvo Slider --><br /><br /> <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>замените на этот
<!-- Загрузка Jquery галереии Nyvo Slider --> <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" />
#48
Отправлено 21 Сентябрь 2013 - 06:47
#49
Отправлено 19 Ноябрь 2013 - 12:50
установила слайдер на главной странице, хочу теперь:
1. переместить его под название магазина
2. сделать слайдер с активными ссылками (если это возможно)
3. чтобы под названием магазина убралась серая черта (на рисунке видно).
Помогите, пожалуйста.
#50
Отправлено 20 Ноябрь 2013 - 02:47
{% IF index_page %} <!-- Заголовок главной странички --> <div class="headline"> <div class="main"> <div class="h1 fnt14n txtalgnlft"> <h1>{PAGE_NAME}</h1> </div> <div class="text fnt12n"> <div class="htmlDataBlock">2. Для этого необходимо изображения\баннеры в слайдер обернуть в теги, пример:
<li><a href="ссылка"><img src="" /></a></li>
3.В файле main.css найдите:
#content .headline .h1 { background: url("http://design.lot99.ru/separ-bg.jpg") 50% 100% repeat-x transparent; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }удалите background: url("http://design.lot99....u/separ-bg.jpg") 50% 100% repeat-x transparent;
#51
Отправлено 20 Ноябрь 2013 - 16:14
Vaccina (20 Ноябрь 2013 - 02:47) писал:
{% IF index_page %} <!-- Заголовок главной странички --> <div class="headline"> <div class="main"> <div class="h1 fnt14n txtalgnlft"> <h1>{PAGE_NAME}</h1> </div> <div class="text fnt12n"> <div class="htmlDataBlock">2. Для этого необходимо изображения\баннеры в слайдер обернуть в теги, пример:
<li><a href="ссылка"><img src="" /></a></li>
3.В файле main.css найдите:
#content .headline .h1 { background: url("http://design.lot99.ru/separ-bg.jpg") 50% 100% repeat-x transparent; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }удалите background: url("http://design.lot99....u/separ-bg.jpg") 50% 100% repeat-x transparent;
Спасибо за ответ,
1. слайдер передвинулся, все ок
2. обернула, но ссылка не работает((
код со ссылками выглядит так:
<div id="slider">
<li><a href="http://lot99.ru/cata...talog/THL"><img src="http://design.lot99....phone.jpg?2568" /></a>
<li><a href="http://lot99.ru/cata...E-Apple-3"><img src="http://design.lot99....phone.jpg?2568" /></a>
<li><a href="http://lot99.ru/cata...MAGNITOLY-2"><a href="/"><img src="http://design.lot99....music.jpg?2568" /></a>
<li><a href="http://lot99.ru/cata...og/ZOPO-2"><img src="http://design.lot99..../zopo.jpg?2568" /></a>
<li><a href="http://lot99.ru/cata...е-гаджеты"><img src="http://design.lot99....u/cap.jpg?3864" /></a>
<img src="http://design.lot99..../sale.jpg?2568" alt="" /> </li>
3. не могу найти строку, которая должна убрать серую черту под названием в main.css нашла только такую:
#content .headline .h1 {
background:url({ASSETS_IMAGES_PATH}separ-bg.jpg) bottom center repeat-x; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
4. и еще вопрос, где можно отрегулировать расстояние от конца слайдера до начала текста, сейчас оно очень большое (www.lot99.ru)
#52
Отправлено 20 Ноябрь 2013 - 18:15
ritikkk (20 Ноябрь 2013 - 16:14) писал:
1. слайдер передвинулся, все ок
2. обернула, но ссылка не работает((
код со ссылками выглядит так:
<div id="slider">
<li><a href="http://lot99.ru/cata...talog/THL"><img src="http://design.lot99....phone.jpg?2568" /></a>
<li><a href="http://lot99.ru/cata...E-Apple-3"><img src="http://design.lot99....phone.jpg?2568" /></a>
<li><a href="http://lot99.ru/cata...MAGNITOLY-2"><a href="/"><img src="http://design.lot99....music.jpg?2568" /></a>
<li><a href="http://lot99.ru/cata...og/ZOPO-2"><img src="http://design.lot99..../zopo.jpg?2568" /></a>
<li><a href="http://lot99.ru/cata...е-гаджеты"><img src="http://design.lot99....u/cap.jpg?3864" /></a>
<img src="http://design.lot99..../sale.jpg?2568" alt="" /> </li>
3. не могу найти строку, которая должна убрать серую черту под названием в main.css нашла только такую:
#content .headline .h1 {
background:url({ASSETS_IMAGES_PATH}separ-bg.jpg) bottom center repeat-x; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
4. и еще вопрос, где можно отрегулировать расстояние от конца слайдера до начала текста, сейчас оно очень большое (www.lot99.ru)
2. посмотрите внимательнее, Вы не везде закрыли тег:
</li>3. Этот код находится на 229 строке в файле main.css
4. В файле nyvo.css замените
.theme-default .nivoSlider { position: relative; background: #fff url(http://design.lot99.ru/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://design.lot99.ru/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; }
#53
Отправлено 21 Ноябрь 2013 - 11:13
ne_yana (20 Ноябрь 2013 - 18:15) писал:
2. посмотрите внимательнее, Вы не везде закрыли тег:
</li>3. Этот код находится на 229 строке в файле main.css
4. В файле nyvo.css замените
.theme-default .nivoSlider { position: relative; background: #fff url(http://design.lot99.ru/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://design.lot99.ru/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. Делала и так и так. Аналогичный код в баннере, там ссылка работает, тут нет почему то(( закрыла тег, ссылки все равно не работают:
<!-- Непосредственный код слайдера -->
<div id="slider">
<li><a href="http://lot99.ru/cata...talog/THL"><img src="http://design.lot99....phone.jpg?2568" /></a></li>
<li><a href="http://lot99.ru/cata...E-Apple-3"><img src="http://design.lot99....phone.jpg?2568" /></a></li>
<li><a href="http://lot99.ru/cata...MAGNITOLY-2"><a href="/"><img src="http://design.lot99....music.jpg?2568" /></a></li>
<li><a href="http://lot99.ru/cata...og/ZOPO-2"><img src="http://design.lot99..../zopo.jpg?2568" /></a></li>
<li><a href="http://lot99.ru/cata...е-гаджеты"><img src="http://design.lot99....u/cap.jpg?3864" /></a></li>
<li><a href="http://lot99.ru/cata...u/catalog"><img src="http://design.lot99..../sale.jpg?2568" alt="" /></a></li>
</div>
</div>
<!-- Запуск слайдера -->
3. 229-233 строки выглядят так:
#content .headline .brdr0 { border-left:0; border-right:0; }
#content .headline .padd { padding:10px 12px 13px 12px; }
#content .headline .h1 { background:url({ASSETS_IMAGES_PATH}separ-bg.jpg) bottom center repeat-x; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#content .headline .h1 a { color:#6c6c6c; padding:0 0 5px 0; display:block; }
#content .headline .h1static { color:#4e4e4e; border-bottom:1px dotted #ababab; padding:0 0 3px 0; }
не могу найти то, что мне нужно в них((
4. слайдер теперь встал красиво, спасибо)
#54
Отправлено 22 Ноябрь 2013 - 03:25
<li><a href="http://lot99.ru/cata...MAGNITOLY-2"><a href="/"><img src="http://design.lot99....music.jpg?2568" /></a></li>
удалите в ней <a href="/">
3. Ищите через Ctrl+F по сл.строке: #content .headline .h1 {
#55
Отправлено 22 Ноябрь 2013 - 10:06
Vaccina (22 Ноябрь 2013 - 03:25) писал:
<li><a href="http://lot99.ru/cata...MAGNITOLY-2"><a href="/"><img src="http://design.lot99....music.jpg?2568" /></a></li>
удалите в ней <a href="/">
3. Ищите через Ctrl+F по сл.строке: #content .headline .h1 {
2. спасибо)
3. у меня нет такой строчки: удалите background: url("http://design.lot99....u/separ-bg.jpg") 50% 100% repeat-x transparent;
есть только:
{ background:url({ASSETS_IMAGES_PATH}separ-bg.jpg) bottom center repeat-x; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
принтскрин:
#56
Отправлено 22 Ноябрь 2013 - 22:00
#57
Отправлено 23 Ноябрь 2013 - 12:42
Stasya (22 Ноябрь 2013 - 22:00) писал:
я удалила слайдер, но мы же говорим про черту, которая находится под названием магазина, она не относится к слайдеру.
#58
Отправлено 23 Ноябрь 2013 - 12:57
ritikkk (23 Ноябрь 2013 - 12:42) писал:
Чтобы удалить черту редактируем main.css
Находим
#content .headline .h1 { background: url(http://design.lot99.ru/separ-bg.jpg) bottom center repeat-x; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
Заменяем на
#content .headline .h1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#59
Отправлено 23 Ноябрь 2013 - 15:09
Castiel (23 Ноябрь 2013 - 12:57) писал:
Находим
#content .headline .h1 { background: url(http://design.lot99.ru/separ-bg.jpg) bottom center repeat-x; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
Заменяем на
#content .headline .h1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
убралась)) спасибо!
#60
Отправлено 24 Ноябрь 2013 - 21:48
Подскажите пожалуйста, как сделать текст над слайдером (дизайн пластик) Например как здесь: http://snowwindwater.ru
Спасибо
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных