Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Перемещение Слайдера И Изменение Его Размера

Автор Olga89, 05 авг. 2014 11:22

слайдер Nivo Slider пластик

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 118

#81 batta

Активный участник

Пользователи
1 142 сообщений

ГородНижний Новгород

Отправлено 12 Сентябрь 2014 - 13:09

Olga89 (12 Сентябрь 2014 - 12:49) писал:

Помогите, дописываю страницу, а она вся в разнобой. Часть упорно не поддается редактированию. Аккаунт SL-303199

<h1 style="text-align: center;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;"><span style="color: rgb(0, 0, 0);"><strong><span style="font-size:36px;">Упали продажи? Хотите наружную рекламу которая работает?</span></strong></span></span></span></h1>
<h1 style="text-align: justify;"><span style="font-size:16px;"><span style="color: rgb(0, 0, 0);"><strong><span style="font-size:36px;"><img alt="" src="http://st.ledvs.ru/7/1332/720/Kucha_reklamy.png" style="width: 458px; height: 326px; float: left;" /></span></strong></span></span></h1>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
&nbsp;
<p style="text-align: justify;">&nbsp;</p>
<p style="text-align: center;"><span style="font-size:16px;"><span style="color: rgb(0, 0, 0);"><span style="font-family:verdana,geneva,sans-serif;"><strong><span style="font-size:36px;">Вы зашли по адресу!</span></strong></span></span></span></p>
<p style="text-align: justify;">&nbsp;</p>
<p style="text-align: center;"><strong style="text-align: center; line-height: 1.4em;"><span style="font-size:24px;"><span style="color: rgb(0, 0, 0); line-height: 18.2000007629395px; text-align: justify;">МЫ ЗНАЕМ, ЧТО ПРИТЯГИВАЕТ КЛИЕНТОВ!&nbsp; ЯРКАЯ&nbsp;ИНТЕРАКТИВНАЯ&nbsp;НАРУЖНАЯ&nbsp;РЕКЛАМА ПРИВЛЕКАЕТ В ТРИ РАЗА БОЛЬШЕ ВНИМАНИЯ И НА 40 % ДОЛЬШЕ УДЕРЖИВАЕТ ЕГО*</span></span></strong></p>
<p style="text-align: justify;">&nbsp;</p>
<div style="text-align: justify;"><span style="font-size:18px;">Давайте разберемся. Оглянитесь вокруг. Что вы заметили? Правильно! В первую очередь Вы замечаете яркие цвета и движущиеся объекты. В рекламе работает тот же принцип. Чем ярче и заметнее - тем больше внимания и соответственно клиентов. Не ждите, когда Ваш конкурент сделает интерактивную вывеску - будте первыми!</span></div>
<p style="text-align: justify;"><br />
<span style="font-size:18px;">Только у нас все виды интерактивной рекламы с гарантией:</span><br />
<br />
<br />
<span style="font-size:18px;"><span style="color: rgb(0, 0, 0);">LED-бегущая строка</span></span><br />
<br />
<br />
<img alt="" src="http://st.ledvs.ru/9/1332/751/Begushhaya_svetodiodnaya_stroka.png" style="opacity: 0.9; line-height: 18.2000007629395px; width: 204px; height: 127px;" /><span style="font-size:18px;">Это отличное решение для малого и среднего бизнеса, теперь вместо обычных вывесок и бональных плакатов вы можете использовать современный инструмент для показа вашей рекламы.</span><br />
&nbsp;</p>
<ul>
<li><span style="font-size:18px;">Ваши самые свежие новости</span></li>
<li><span style="font-size:18px;">Новинки вашего продукта</span></li>
<li><span style="font-size:18px;">Оповещение о скидках</span></li>
<li><span style="font-size:18px;">Проведение акций</span></li>
</ul>
<p style="text-align: justify;"><span style="font-size:18px;">И многое, многое другое вы сможете транслировать 24 часа в сутки с помощью LED &ndash; бегущей строки. И самое главное именно живую и яркую рекламу увидят среди плакатов и банеров в любое время суток.&nbsp;<br />
<br />
<strong>цифровой билборд</strong><br />
<br />
Идеален для развития рекламного бизнеса и является современной альтернативой классическим рекламным конструкциям.<br />
Цифровые билборды позволяют воспроизводить любое видео в отличном качестве в любое время года, суток и в любую погоду.<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
У нас вы можите преобрести все необходимые комплектующие для сборки бегущей строки и цифрового экрана любого размера.</span><br />
<br />
&nbsp;</p>
<p style="text-align: center;"><span style="font-size:36px;"><strong><span style="color: rgb(0, 0, 0); line-height: 18.2000007629395px; text-align: justify;">Хватит ждать покупателя! Время бледной рекламы прошло.&nbsp;</span></strong></span></p>
<p style="text-align: justify;"><br />
&nbsp;</p>
<div style="text-align: justify;"><span style="font-size:16px;"><span style="font-size:18px;"><span style="color: rgb(0, 0, 0);">Компания Торговый Дом &laquo;ВОСТОК&raquo; с радостью сообщает о большом, новом поступлении LED &ndash; оборудования на склад во Владивостоке.</span></span><br />
<br />
<br />
<br style="color: rgb(0, 0, 0); " />
<br style="color: rgb(0, 0, 0); " />
<span style="font-size:18px;"><span style="color: rgb(0, 0, 0);">У нас вы всегда сможете заказать:</span><br style="color: rgb(0, 0, 0); " />
<br style="color: rgb(0, 0, 0); " />
<span style="color: rgb(0, 0, 0);">&bull; Полноцветные LED экраны</span><br style="color: rgb(0, 0, 0); " />
<span style="color: rgb(0, 0, 0);">&bull; LED бегущие строки</span><br style="color: rgb(0, 0, 0); " />
<span style="color: rgb(0, 0, 0);">&bull; Любые комплектующие</span><br style="color: rgb(0, 0, 0); " />
<br style="color: rgb(0, 0, 0); " />
<span style="color: rgb(0, 0, 0);">Наше главное преимущество &ndash; товар всегда есть в наличии!!!</span><br style="color: rgb(0, 0, 0); " />
<br style="color: rgb(0, 0, 0); " />
<span style="color: rgb(0, 0, 0);">Мы высоко ценим всех наших партнеров и знаем специфику работы рекламных компаний.</span><br style="color: rgb(0, 0, 0); " />
<br style="color: rgb(0, 0, 0); " />
<span style="color: rgb(0, 0, 0);">Работая с нами Вы:</span></span></span><br style="color: rgb(0, 0, 0); " />
&nbsp;</div>
<p style="text-align: justify;"><span style="font-size:16px;"><span style="font-size:18px;"><span style="color: rgb(0, 0, 0);">&bull; Зарабатываете</span><br style="color: rgb(0, 0, 0); " />
<span style="color: rgb(0, 0, 0);">&bull; Экономите время, свое и ваших клиентов</span><br style="color: rgb(0, 0, 0); " />
<span style="color: rgb(0, 0, 0);">&bull; Предоставляете товар лучшего качества</span><br style="color: rgb(0, 0, 0); " />
<span style="color: rgb(0, 0, 0);">&bull; Получаете, всестороннюю поддержу</span><br style="color: rgb(0, 0, 0); " />
<span style="color: rgb(0, 0, 0);">&bull; Получаете возможность работы с нашего склада</span><br style="color: rgb(0, 0, 0); " />
<span style="color: rgb(0, 0, 0);">&bull; Приобретаете сильного, надежного партнера</span></span></span></p>
<p style="text-align: justify;"><br style="color: rgb(0, 0, 0); " />
<span style="font-size:18px;"><span style="font-size:18px;"><span style="color: rgb(0, 0, 0);">Мы приглашаем вас присоединиться к нашей команде профессионалов и будем рады видеть вас в списке наших партнеров!</span></span></span></p>

Размер шрифта везде идёт font-size: только значение у него везде разное.

Наверх

#82 Olga89

Продвинутый пользователь

Пользователи
175 сообщений

Отправлено 13 Сентябрь 2014 - 04:00

Зайдите пожайлуйста, ко мне на страницу. Я знаю, что шрифт разный, я даже 20 px ставлю, размер все равно не меняется некоторых блоков. http://ledvs.ru/
Эти блоки сразу видно. Шрифт там черный и мелкий.

Наверх

#83 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 13 Сентябрь 2014 - 04:05

В main.css найдите:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0 none;
	font-family: 'a_avantetck-medium';
	font-size: 14px;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

в нем удалите: font-size: 14px;

Наверх

#84 Olga89

Продвинутый пользователь

Пользователи
175 сообщений

Отправлено 13 Сентябрь 2014 - 05:41

Благодарю. Теперь все отлично.

Наверх

#85 dele7

Продвинутый пользователь

Пользователи
71 сообщений

Отправлено 05 Октябрь 2014 - 12:46

Добрый день!
помогите пожалуйста, мне нужно переместить слайдер в верхний правый угол (1)
и что то со слайдером не так,-внизу двоится, тоже помогите исправить(2)
[img][URL=http://www.radikal.ru][IMG]http://s004.radikal.ru/i206/1410/84/f3c1c9c0862d.jpg[/IMG][/URL][/img]

Наверх

#86 Alekseys

Активный участник

Пользователи
2 355 сообщений

Отправлено 05 Октябрь 2014 - 12:49

dele7 (05 Октябрь 2014 - 12:46) писал:

Добрый день!
помогите пожалуйста, мне нужно переместить слайдер в верхний правый угол (1)
и что то со слайдером не так,-внизу двоится, тоже помогите исправить(2)

Здравствуйте. Уточните пожалуйста номер аккаунта.

Наверх

#87 dele7

Продвинутый пользователь

Пользователи
71 сообщений

Отправлено 05 Октябрь 2014 - 12:54

что то не вижу в аккуанте своем номера, только dele7

Наверх

#88 Alekseys

Активный участник

Пользователи
2 355 сообщений

Отправлено 05 Октябрь 2014 - 13:01

dele7 (05 Октябрь 2014 - 12:54) писал:

что то не вижу в аккуанте своем номера, только dele7

В управлении магазина

Наверх

#89 dele7

Продвинутый пользователь

Пользователи
71 сообщений

Отправлено 05 Октябрь 2014 - 13:08

SL-311319

работаем круглосуточно и контакты нужно убрать

Наверх

#90 AnnaM

Активный участник

Пользователи
1 040 сообщений

Отправлено 05 Октябрь 2014 - 13:12

dele7 (05 Октябрь 2014 - 13:08) писал:

SL-311319

работаем круглосуточно и контакты нужно убрать

в main.css Замените

#header .blocks .rght ul li.title {
font: normal 12px Verdana, Geneva, sans-serif;
color: #1e5d77;
margin: -2px 0 0 46px;
}

на

#header .blocks .rght ul li.title {
font: normal 12px Verdana, Geneva, sans-serif;
color: #1e5d77;
margin: -2px 0 0 46px;
display: none;
}

и это

#header .blocks .rght ul li.timework {
font: bold 14px Verdana, Geneva, sans-serif;
color: #f7f9fa;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
width: 225px;
padding-left: 0;
margin-top: 19px;
}

на

#header .blocks .rght ul li.timework {
font: bold 14px Verdana, Geneva, sans-serif;
color: #f7f9fa;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
width: 225px;
padding-left: 0;
margin-top: 19px;
display: none;
}

Наверх

#91 dele7

Продвинутый пользователь

Пользователи
71 сообщений

Отправлено 05 Октябрь 2014 - 13:23

отлично, слова пропали, но как быть со слайдером- он также двоится и его нужно перенести

Наверх

#92 Alekseys

Активный участник

Пользователи
2 355 сообщений

Отправлено 05 Октябрь 2014 - 13:55

dele7 (05 Октябрь 2014 - 13:23) писал:

отлично, слова пропали, но как быть со слайдером- он также двоится и его нужно перенести

Здравствуйте. Найдите в HTML

<!-- 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 %}

и переместите, поставив его перед

<ul class="telephone23">

затем в main.css добавьте

.theme-default {
width: 550px;
float: right;
margin-top: -71px;
}

после чего в nivo.css замените

.theme-default .nivoSlider {
position: relative;
background: #fff url(http://storybrooke.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://storybrooke.storeland.net/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;
}

.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}

замените на

.theme-default .nivo-controlNav {
text-align: center;
padding: 0;
}

.theme-default .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
}

замените на

.theme-default .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
height: 207px;
}

Наверх

#93 dele7

Продвинутый пользователь

Пользователи
71 сообщений

Отправлено 05 Октябрь 2014 - 14:30

она немного сдвинулась и все.... мне нужно в правый верхний угол ее поставить, можно немного ее и сократить по ширине

Наверх

#94 Alekseys

Активный участник

Пользователи
2 355 сообщений

Отправлено 05 Октябрь 2014 - 14:37

dele7 (05 Октябрь 2014 - 14:30) писал:

Вы не до конца выполнили инструкцию. Найдите в HTML

<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="[url="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg"]http://storeland.ru/...der/slider.jpg"[/url] alt="" />
<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
<img title="Пример картинки с заголовком" src="[url="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg"]http://storeland.ru/...r/toystory.jpg"[/url] alt="" />
<img src="[url="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg"]http://storeland.ru/...ider/walle.jpg"[/url] alt="" />
<img src="[url="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg"]http://storeland.ru/...lider/cars.jpg"[/url] alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}

и переместите, поставив его перед

<ul class="telephone23">

Наверх

#95 dele7

Продвинутый пользователь

Пользователи
71 сообщений

Отправлено 05 Октябрь 2014 - 14:46

вы супер!!!

спасибо! а где картинки можно менять и какого размера, возможно ли добавить более 3 картинок?

Наверх

#96 AnnaM

Активный участник

Пользователи
1 040 сообщений

Отправлено 05 Октябрь 2014 - 15:11

dele7 (05 Октябрь 2014 - 14:46) писал:

вы супер!!!

спасибо! а где картинки можно менять и какого размера, возможно ли добавить более 3 картинок?

изображения в слайдере прописаны в этом коде:

<img src="[url="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg"]http://storeland.ru/...der/slider.jpg"[/url] alt="" />
<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
<img title="Пример картинки с заголовком" src="[url="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg"]http://storeland.ru/...r/toystory.jpg"[/url] alt="" />
<img src="[url="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg"]http://storeland.ru/...ider/walle.jpg"[/url] alt="" />
<img src="[url="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg"]http://storeland.ru/...lider/cars.jpg"[/url] alt="" />

вы можете загрузить свои и прописать путь

<img src="Путь" alt="" />

размер 600х255

Наверх

#97 dele7

Продвинутый пользователь

Пользователи
71 сообщений

Отправлено 05 Октябрь 2014 - 15:15

а как вообще этот путь создать, куда нужно загрузить картинки и какого размера, чтобы ничего не сместилось, спасибо!)))

Наверх

#98 AnnaM

Активный участник

Пользователи
1 040 сообщений

Отправлено 05 Октябрь 2014 - 15:17

dele7 (05 Октябрь 2014 - 15:15) писал:

загрузить вы можете через Сайт-->Файлы. Тамже вы сможете посмотреть ссылку на файл.

Наверх

#99 dele7

Продвинутый пользователь

Пользователи
71 сообщений

Отправлено 05 Октябрь 2014 - 17:25

подскажите мне пожалуйста, какие размеры нашего слайдера?

Наверх

#100 AnnaM

Активный участник

Пользователи
1 040 сообщений

Отправлено 05 Октябрь 2014 - 17:30

dele7 (05 Октябрь 2014 - 17:25) писал:

подскажите мне пожалуйста, какие размеры нашего слайдера?

600х250 должны быть для него изображения.

Наверх

Вперед

Обратно в Изменение общей стилистики

Темы с аналогичным тегами слайдер, Nivo Slider, пластик

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Пластик → Изменение общей стилистики → Адаптивный Дизайн К Шаблону Пластик Автор Гость_Acum56_* , 08 февр. 2024 Адаптивный, дизайн, Пластик	1 Ответ 88 Просмотров	MikDark 08 февр. 2024
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сказка → Главная → Убираем Цветной Баннер На Слайдере Автор Гость_Foxis_10_* , 17 февр. 2021 слайдер	0 Ответов 717 Просмотров	Foxis_10 17 февр. 2021
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Нептун → Главная → Изменение Главного Баннера На Слайдер Автор Гость_Firefly_* , 04 дек. 2019 Нептун, Слайдер, owl-slider	2 Ответов 1 489 Просмотров	Firefly 02 июня 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сканди → Изменение общей стилистики → Изменение Слайдера Автор Гость_TYURIKOFF_* , 21 марта 2019 слайдер	7 Ответов 1 945 Просмотров	Юлия_Scandidec 21 апр. 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лето → Изменение общей стилистики → Настройка Слайдера Автор Гость_tovmarket_* , 30 окт. 2018 слайдер	4 Ответов 2 003 Просмотров	tovmarket 01 нояб. 2018

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

Перемещение Слайдера И Изменение Его Размера

Темы с аналогичным тегами слайдер, Nivo Slider, пластик

Количество пользователей, читающих эту тему: 0

Войти

Google поиск