Перейти к содержимому


Вопросы =?=


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 249

#1 sibulba

sibulba

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

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

Отправлено 05 Январь 2014 - 22:54

.

#2 sibulba

sibulba

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

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

Отправлено 06 Январь 2014 - 15:08

ап

#3 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 07 Январь 2014 - 02:12

1. Навигацию слайдера перекрывает заголовок. Необходимо увеличить высоту блока с слайдером. Добавьте в файл стилей main.css

.theme-default {
  height: 330px !important;
}

2. Код слайдера вставлен корректно.

3. Замените строку

<hr id="firstblock_bg"></hr>

на

<div id="firstblock_bg"></div>


#4 sibulba

sibulba

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

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

Отправлено 07 Январь 2014 - 10:13

.

#5 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 08 Январь 2014 - 05:20

1. В каком браузере происходит данное смещение? В Opera такого не наблюдала.
2. У вас стили прописаны к  hr#firstblock_bg необходимо изменить на #firstblock_bg и сами стили изменить по примеру:
#firstblock_bg {
	background: url("http://frigus.storeland.net/slider_hr.png") repeat-x scroll 0 121px rgba(0, 0, 0, 0);
	border: 0 none;
	height: 130px;
	margin: -8px 0 0;
}
3. У вас после слайдера вроде уже стоит подобный блок: <div id="secondblock"></div> тут или простилизовать этот блок или ниже создать
4. Для начала в шаблоне Товары, задайте им классы, таблице отдельно как и списку, далее в стилях уже пропишите примерно следующее:

.tabl{
text-indent: 9999px;
display:block;
height: 30px;
width:30px;
background: url (' ') no-repeat left top;
}
классы только соответственно свои пропишите и значение измените.

#6 sibulba

sibulba

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

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

Отправлено 08 Январь 2014 - 11:34

.

#7 sibulba

sibulba

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

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

Отправлено 08 Январь 2014 - 11:50

.

#8 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 09 Январь 2014 - 05:00

1. Будьте любезны прислать скрин и указать разрешение и желательно отметить изменения =)
2. А что вам мешает создать один блок и в нем указать два фона? =) Пример:
background: url('ссылка на картинку') repeat-x center bottom #000000;
вам остается только поменять значения ссылки и цвета, то есть <div id="firstblock_bg"></div> уже не пригодится, чтобы полоску отдельно добавлять.
3. Так у вас есть <div id="secondblock"></div> его же и стилизуйте, он вроде после слайдера идет, распишите подробнее, если я не в ту степь пошла, просто слабо понимаю, что мешает использовать данный блок.
4. В шаблоне Товары находим:

<td class="alignCenter viewSelector">
			<!-- Переключатель режима просмотра -->
			{% IF GOODS_VIEW_TYPE=2 %}
			<strong title="Список товаров сейчас отображается в виде таблицы, по 2 товара на строку">Таблица</strong>&nbsp;
			<a href="?goods_view_type=1" title="Отображать список товаров в виде списка">Список</a>
			{% ELSE %}
			<a href="?goods_view_type=2" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку">Таблица</a>&nbsp;
			<strong title="Список товаров сейчас отображается в виде списка, где один товар занимает одну строку">Список</strong>
			{% ENDIF %}
			<!-- /Переключатель режима просмотра -->
		  </td>
меняем на:

<td class="alignCenter viewSelector catalog-page">
		 <div class="view-style">
			<!-- Переключатель режима просмотра -->
			{% IF GOODS_VIEW_TYPE=2 %}
			<a class="goods-block active" href="?goods_view_type=2" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку"></a>&nbsp;
			<a class="goods-line" href="?goods_view_type=1" title="Отображать список товаров в виде списка"></a>
			{% ELSE %}
			<a class="goods-block" href="?goods_view_type=2" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку"></a>&nbsp;
			<a class="goods-line active" href="?goods_view_type=1" title="Отображать список товаров в виде списка"></a>
			{% ENDIF %}
			<!-- /Переключатель режима просмотра -->
	 </div>
		  </td>
и далее позаимствованные стили вставьте к себе.

5. Блоки картинками чисто будут или отдельно картинки текст и прочее? внутри основного блока достаточно прописать пример:
<div class="containerin" id="firstblock">
  <div>block1</div>
  <div>block2</div>
</div>

а потом стили прописать, пример:
#firstblock div {
width:200px;
height:130px;
float:left;
}


#9 sibulba

sibulba

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

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

Отправлено 09 Январь 2014 - 12:59

.

#10 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 10 Январь 2014 - 04:33

3.Так его справа нужно было, а я уж подумала снизу и не понимала проблемы вашей)  У вас сейчас слайдер отсутствует. Блоку задайте float:right; а слайдеру float:left;

4 А что с картинками не так? Они вроде ровно стоят. Можно отступы им побольше задать через стиль margin

5. А зачем было фон задавать? Проще будет просто в блоки картинки вставить. Пример одного из блоков:
<div id="first_block_item_1">
  <img alt="" src="http://frigus.storeland.net/11.png">
  <p>234432</p>
  <div class="clr"></div>
  <span>123 123</span>
</div>
какие стили нужно дописать:

#first_block_page div img {
float: left;
}
#first_block_page div p {
font: 14px Arial;
color: #fff;
}
#first_block_page div span {
font-size: 10px;
color: #fff;
}
стили для p и span накидала для примера

#11 sibulba

sibulba

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

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

Отправлено 10 Январь 2014 - 10:08

.

#12 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 11 Январь 2014 - 06:36

А вот теперь появился слайдер =)
На счет блоков, сделайте изменения еще раз, только еще в шаблоне HTML после:
<div id="first_form"></div>
вставьте:
<div class="clr"></div>
и полоса должна будет вернуться на свое законное место.
на счет отступа между текстом, в Main.css найдите:
#first_block_page div p {
	color: #FFFFFF;
	font: bold 16px Arial;
	margin-top: 20px;
}
замените на:
#first_block_page div p {
	color: #FFFFFF;
	font: bold 16px Arial;
	margin-bottom: 0;
	margin-top: 20px;
}


#13 sibulba

sibulba

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

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

Отправлено 11 Январь 2014 - 09:38

Все получилось Супер!!!

#14 sibulba

sibulba

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

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

Отправлено 11 Январь 2014 - 23:43

.

#15 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 12 Январь 2014 - 09:30

1.В шаблоне nyvo.css найдите данный блок кода:
.nivo-controlNav {
text-align:center;
}
замените его на
.nivo-controlNav {
text-align:center;
		display:none;
}

2. Найдите данный блок в шаблоне HTML:
<div id="first_form"></div>
замените его на
<div id="first_form">
		 <p id="firstformheader">"Текст выгодного предложения для клиента"</p>
		 <p id="texttranslateheader">Текст поясняющий предложение</p>
</div>
далее в самый конец шаблона main.css добавьте данный код:
#firstformheader {
	color: white;
	text-align: center;
	font-size: 20px;
	padding: 15px;
}
#texttranslateheader {
	padding: 5px;
	color: white;
	font-size: 15px;
	text-align: center;
}

3.Найдите в шаблоне HTML данный блок кода:
	<div id="secondblock"></div>
замените его на
<div id="secondblock"><p id="howwework">Как мы работаем:</p></div>
далее в самый конец main.css добавьте данный блок кода:
#howwework {
	font-size: 20px;
	padding: 5px;
	color: white;
	margin-left: 465px;
}


#16 sibulba

sibulba

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

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

Отправлено 12 Январь 2014 - 17:58

.

#17 sibulba

sibulba

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

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

Отправлено 12 Январь 2014 - 23:08

.

#18 sibulba

sibulba

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

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

Отправлено 13 Январь 2014 - 09:53

ап

#19 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 13 Январь 2014 - 21:24

Данный тэг p имеет собственный стиль с именем secondblock_text

для того чтобы увеличить оступ сверху просто замените данный код в шаблое main.css:
#secondblock_text {font-size: 20px; padding: 5px; color: white;}

на
#secondblock_text {font-size: 20px; padding: 10px 5px; color: white;}

после тэга padding идет пара чисел, первое число(10) отвечает за отступ по высоте, другое число (5) отвечает за отступы по ширине.

2.Пожалуйста загрузите данное изображение через бэк-офис на ваш сайт, чтобы я мог воспользоваться им.

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

Изображение

4.Просто создайте отдельные файлы со скриптами, и со стилями и загрузите их на сайт через редактор шаблонов, когда они будут у вас загружены , мы сможем их подключить к вам на сайт спецальными тегами, и после этого уже будем выставлять их на сайт, чтобы они корректно отображались.

#20 sibulba

sibulba

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

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

Отправлено 14 Январь 2014 - 10:24

.




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

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