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


Изминение Стилистики


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

#1 repaz11

repaz11

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 24 Июль 2013 - 14:40

Помогите решить проблемы со стилистикой.Номер акаунта LS-221687
1.Помогите с изменить цвет с черного на серый на изображении №1,2.
2.Нужно чтобы при наведении на категорию был белый цвет букв №3.
3.Цвет букв названий категорий был синий №4
4.Поиск опустить ниже №5.
5.На место поиска вставить банер №6.
6.Поменять стандартную корзину на другую №7.
Буду благодарен вам если поможете.

Номер акаунта ls-221687

Прикрепленные файлы



#2 shnafix

shnafix

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

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

Отправлено 24 Июль 2013 - 16:58

Просмотр сообщенияrepaz11 (24 Июль 2013 - 14:40) писал:

Помогите решить проблемы со стилистикой.Номер акаунта LS-221687
1.Помогите с изменить цвет с черного на серый на изображении №1,2.
2.Нужно чтобы при наведении на категорию был белый цвет букв №3.
3.Цвет букв названий категорий был синий №4
4.Поиск опустить ниже №5.
5.На место поиска вставить банер №6.
6.Поменять стандартную корзину на другую №7.
Буду благодарен вам если поможете.

Номер акаунта ls-221687
1. Чтобы изменить цвет откройте style.css найдите строки
.global {background: #000;padding: 10px}
и
.nav {list-style: none;*zoom: 1;background:#000;z-index:30;position: relative;}
и замените background: #000; на background: gray;

2. В конец в style.css вставьте строки
.head li a:hover {
color: white;
}

3. В style.css в строке
.head li a {color: #00FFFF;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
замените #00FFFF на blue.

#3 shnafix

shnafix

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

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

Отправлено 24 Июль 2013 - 17:15

Просмотр сообщенияrepaz11 (24 Июль 2013 - 14:40) писал:

Помогите решить проблемы со стилистикой.Номер акаунта LS-221687
1.Помогите с изменить цвет с черного на серый на изображении №1,2.
2.Нужно чтобы при наведении на категорию был белый цвет букв №3.
3.Цвет букв названий категорий был синий №4
4.Поиск опустить ниже №5.
5.На место поиска вставить банер №6.
6.Поменять стандартную корзину на другую №7.
Буду благодарен вам если поможете.

Номер акаунта ls-221687

4.  Редактор шаблонов->HTML найдите код
<!-- Форма поиска -->
	  <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
		<div>
		  <input class="search" name="q" type="search"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		  <input title="Искать" type="submit" value="Поиск" />
		</div>
	  </form> 
	  <!-- /Форма поиска -->
и переместите его в блок каталога товаров, предварительно поставив <li style="float: right;"> в начале и </li> в конце перемещаемого блока кода. Найдите строку
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
в блоке Каталог товаров и перед тэгом </ul> вставьте.

В style.css найдите строку
form[role="search"] {position: absolute; right: 2em;top: 2.5em;}
и замените ее на следующую
form[role="search"] {top: 0.5em;}

5. На место, где раньше располагался поиск вставьте код
<div> <a href="http://ссылка"> <img src="{ASSETS_IMAGES_PATH}имякартинки"> </a> </div>
При условии, что изображение баннера вы загрузите Редактор шаблонов->Добавить файл

6. В редакторе шаблонов -> HTML найдите
<div class="summary">
		  <a href="http://naprazdnik.storeland.ru/cart"><strong>			<span>0</span>
			</strong> товаров в корзине</a>
		</div>
и замените на блок
<div class="summary">
		  <a href="{CART_URL}">
<img src="ссылка на картинку"> 
	   </a> </div>


#4 repaz11

repaz11

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 24 Июль 2013 - 21:36

Просмотр сообщенияshnafix (24 Июль 2013 - 17:15) писал:

4.  Редактор шаблонов->HTML найдите код
<!-- Форма поиска -->
	 <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
	 <div>
		 <input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		 <input title="Искать" type="submit" value="Поиск" />
	 </div>
	 </form>
	 <!-- /Форма поиска -->
и переместите его в блок каталога товаров, предварительно поставив <li style="float: right;"> в начале и </li> в конце перемещаемого блока кода. Найдите строку
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
в блоке Каталог товаров и перед тэгом </ul> вставьте.

В style.css найдите строку
form[role="search"] {position: absolute; right: 2em;top: 2.5em;}
и замените ее на следующую
form[role="search"] {top: 0.5em;}

5. На место, где раньше располагался поиск вставьте код
<div> <a href="http://ссылка"> <img src="{ASSETS_IMAGES_PATH}имякартинки"> </a> </div>
При условии, что изображение баннера вы загрузите Редактор шаблонов->Добавить файл

6. В редакторе шаблонов -> HTML найдите
<div class="summary">
		 <a href="http://naprazdnik.storeland.ru/cart"><strong>		 <span>0</span>
		 </strong> товаров в корзине</a>
	 </div>
и замените на блок
<div class="summary">
		 <a href="{CART_URL}">
<img src="ссылка на картинку">
</a> </div>
СПАСИБО за быстрый ответ.Сделал все как написано,но все равно есть кое-какие проблемы.
1.Строка поиск в разных браузерах отображается в разных местах и даже отображается 3 раза.
2.Банер хотелось бы сместить в крайний правый угол.
3.Можно ли убрать задний фон за"моя корзина".на картинке под №1.
4.Убрать только с главной страницы"Сейчас на сравнении 2 товара".№2

Прикрепленные файлы

  • Прикрепленный файл  цуву.bmp   405,37К   361 Количество загрузок:


#5 shnafix

shnafix

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

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

Отправлено 24 Июль 2013 - 22:50

Просмотр сообщенияrepaz11 (24 Июль 2013 - 21:36) писал:

СПАСИБО за быстрый ответ.Сделал все как написано,но все равно есть кое-какие проблемы.
1.Строка поиск в разных браузерах отображается в разных местах и даже отображается 3 раза.
2.Банер хотелось бы сместить в крайний правый угол.
3.Можно ли убрать задний фон за"моя корзина".на картинке под №1.
4.Убрать только с главной страницы"Сейчас на сравнении 2 товара".№2
1. В Редакторе шаблонов->HTML удалите блоки кода
<li style="float: right;">
		 <!-- Форма поиска -->
	 <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
	 <div>
		 <input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		 <input title="Искать" type="submit" value="Поиск" />
	 </div>
	 </form>
	 <!-- /Форма поиска -->
<!-- Форма поиска -->
	 <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
	 <div>
		 <input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		 <input title="Искать" type="submit" value="Поиск" />
	 </div>
	 </form>
	 <!-- /Форма поиска -->
Сделайте пока эти изменения, потом мы сможем подсказать вам дальше.

2. В style.css в строку
a img {border:0;}
после border:0; добавьте параметр float: right;

Просмотр сообщенияrepaz11 (24 Июль 2013 - 21:36) писал:

СПАСИБО за быстрый ответ.Сделал все как написано,но все равно есть кое-какие проблемы.
1.Строка поиск в разных браузерах отображается в разных местах и даже отображается 3 раза.
2.Банер хотелось бы сместить в крайний правый угол.
3.Можно ли убрать задний фон за"моя корзина".на картинке под №1.
4.Убрать только с главной страницы"Сейчас на сравнении 2 товара".№2
3. В style.css в строке
.summary a {color: #CCFFCC; background: #FFCCFF;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;}
внесите изменения, удалите color: #CCFFCC; background: #FFCCFF;
Строку :
.summary a:hover, .basket-info:hover .summary a {background: #CCFFCC; color: #8B008B}
удалите
А в строке
.basket-summary {background: #8B008B;color: #ADFF2F;display: none; position: absolute;font-family:georgia; z-index: 1000; padding: 0 1em 1em;right: 0; width: 13.333em;}
удалите background: #8B008B;

4. В HTML замените блок
{% IFNOT SETTINGS_COMPARE_DISABLE %}
		 {% IF COMPARE_GOODS_COUNT=0 %}
		 <div class="compare hide">
			 <p>Ваш список сравнения пуст</p>
		 </div>
		 {% ELSE %}
		 <div class="compare">
			 <p><a href="{COMPARE_URL}">Сейчас на сравнении {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</a></p>
		 </div>
		 {% ENDIF %}
	 {% ENDIF %}
	 {% ENDIF %}
	 <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
</header>
на
{% IFNOT SETTINGS_COMPARE_DISABLE %}
		 {%IFNOT index_page%}
		 {% IF COMPARE_GOODS_COUNT=0 %}
		 <div class="compare hide">
			 <p>Ваш список сравнения пуст</p>
			 </div>
		 {% ELSE %}
		 <div class="compare">
			 <p><a href="{COMPARE_URL}">Сейчас на сравнении {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</a></p>
		 </div>
		 {% ENDIF %}
	 {% ENDIF %}
	 {% ENDIF %}
	 {% ENDIF %}
	 <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
</header>


#6 repaz11

repaz11

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 25 Июль 2013 - 20:25

СПАСИБО.Начинает получатся.У меня к вам еще несколько вопросов.
1.Как поднять корзину,нужно немного выше.На картинке №1
2.В дальнейшем хотелось бы вставить видео в колонке с лева,как это можно осуществить №2
3.Под видео поставить блок новости и статьи. №3,4
4.Пробовал но не получается изменить шрифт,цвет и размер букв. №5

Прикрепленные файлы



#7 shnafix

shnafix

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

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

Отправлено 25 Июль 2013 - 21:37

Просмотр сообщенияrepaz11 (25 Июль 2013 - 20:25) писал:

СПАСИБО.Начинает получатся.У меня к вам еще несколько вопросов.
1.Как поднять корзину,нужно немного выше.На картинке №1
2.В дальнейшем хотелось бы вставить видео в колонке с лева,как это можно осуществить №2
3.Под видео поставить блок новости и статьи. №3,4
4.Пробовал но не получается изменить шрифт,цвет и размер букв. №5
1. В style.css найдите строку
.summary a {padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;}
и замените ее следующей
.summary a {/* padding: 1.75em 1em 1.5em; */ position: absolute; right: 0; top: -5.2em; display: block; text-align: center; width: 13.333em;}
4. Если Вы хотите поставить одинаковый шрифт для контактов и времени работы. То в style.css в строку
.contacts{float: left;position: relative;}
добавьте в скобки font: 16px ComicSans; color: red; где 16px - будет ваш размер шрифта, СomicSans - ваш шрифт, а color:red - цвет текста.
Создать колонку слева в данном шаблоне весьма проблематично, так как дизайн этого шаблона выполнен в адаптивной верстке и такое серьезное изменение дизайна, как это повлечет за собой некорректное изображение сайта при разных разрешениях экрана.

#8 repaz11

repaz11

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 27 Июль 2013 - 17:08

Еще раз спасибо за помощь.
На этот раз нужно изменить цвет,шрифт и размер категорий.На изображении №1
Как можно убавить расстояние между столбцами подкатегорий и также хотелось бы изменить цвет,шрифт,размер.№2
Почему-то изображение сильно отдаляется друг от друга.Далее там будет изображение всех категорий.№3

Прикрепленные файлы



#9 sengun

sengun

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

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

Отправлено 27 Июль 2013 - 17:38

Просмотр сообщенияrepaz11 (27 Июль 2013 - 17:08) писал:

Еще раз спасибо за помощь.
На этот раз нужно изменить цвет,шрифт и размер категорий.На изображении №1
Как можно убавить расстояние между столбцами подкатегорий и также хотелось бы изменить цвет,шрифт,размер.№2
Почему-то изображение сильно отдаляется друг от друга.Далее там будет изображение всех категорий.№3
Здравствуйте. Чтобы изменять цвет, размер и стиль шрифта названий категорий, откройте шаблон style.css , найдите код
.nav > li > a {display: block; top: -1px;}
замените его на
.nav > li > a {display: block; top: -1px; font: 12pt verdana; color: black;}
где 12pt - размер шрифта, verdana - его стиль (если будете применять стиль, состоящий из нескольких слов, его надо будет заключить в кавычки - " " ), color: black; - цвет шрифта.
По второму пункту имелось ввиду убавить расстояние между строками подкатегорий? В style.css код
.nav li li a {display:block;background: #ddd;top: 0px;color:#000;width: 130px;}
замените на
.nav li li a {display:block;background: #ddd;top: 0px;color:#000;width: 130px; padding: 5px 15px; font: 10pt verdana;}
Здесь у атрибута padding: 5px 15px; изменение значения первого параметра изменит расстояние между строками подкатегорий. color:#000; и font: 10pt verdana; - соответственно цвет, размер и стиль шрифта.
И добавьте в конец style.css код
span a img {
float: none;
}
это выровняет картинки на главной.

#10 repaz11

repaz11

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 02 Август 2013 - 14:52

Здравствуйте.Помогите изменить цвет,шрифт и размер букв в подвале и в том месте как на картинке.Пробовал сам но получилось только на половину.
Заранее вам благодарен.

Прикрепленные файлы



#11 Taisia

Taisia

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

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

Отправлено 02 Август 2013 - 15:56

что бы изменить надпись которую вы указали на картинке в файле Style.css добавьте в конец код

section[role="main"] h1 {
	color:red;
}

меняйте значение параметра color:red на нужный вам цвет

что бы изменить цвет шрифта в подвале найдите в файле style.css  код

footer a {color: #d5d5d5;}

меняйте значение цвета на нужное вам

#12 repaz11

repaz11

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 02 Август 2013 - 23:18

Извините,вы дали не полный ответ.Хотелось бы узнать как меняется размер букв и шрифт в подвале и в надписе которая показана на картинке.

#13 Сake

Сake

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

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

Отправлено 03 Август 2013 - 02:26

Для изменения шрифта в подвале - найдите в файле стилей style.css

.footer {
display: block;
margin-bottom: 30px;
position: relative;
}

и задайте необходимый шрифт через свойство http://htmlbook.ru/css/font

Для надписи которую вы указали, поступите аналогично, только уже для класса

section[role="main"] h1 {
color: red;
}


#14 repaz11

repaz11

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 03 Август 2013 - 11:54

Здравствуйте.Прошу помощи.Помогите разобраться почему цена под товаром не отображается.В настройках вроде бы все сделано нормально.Спасибо.

#15 miyako

miyako

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

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

Отправлено 03 Август 2013 - 12:29

Просмотр сообщенияrepaz11 (03 Август 2013 - 11:54) писал:

Здравствуйте.Прошу помощи.Помогите разобраться почему цена под товаром не отображается.В настройках вроде бы все сделано нормально.Спасибо.

Цена у Вас отображается. Можете привести пример страницы, где должна быть цена и она не отображается?

#16 repaz11

repaz11

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 03 Август 2013 - 13:29

Просмотр сообщенияmiyako (03 Август 2013 - 12:29) писал:

Цена у Вас отображается. Можете привести пример страницы, где должна быть цена и она не отображается?
У меня отображается так как на картинке,во всех категориях. Кэш очищен несколько раз. Пробовал входить через ОПЕРУ и ЯНДЕКС,без изменений.

Прикрепленные файлы



#17 miyako

miyako

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

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

Отправлено 03 Август 2013 - 13:49

Просмотр сообщенияrepaz11 (03 Август 2013 - 13:29) писал:

У меня отображается так как на картинке,во всех категориях. Кэш очищен несколько раз. Пробовал входить через ОПЕРУ и ЯНДЕКС,без изменений.
у ВАс в профиле указан номер аккаунта другого сайта. Можете указать номер аккаунта , где цены у Вас не отображаются?

#18 repaz11

repaz11

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 03 Август 2013 - 14:11

Просмотр сообщенияmiyako (03 Август 2013 - 13:49) писал:

у ВАс в профиле указан номер аккаунта другого сайта. Можете указать номер аккаунта , где цены у Вас не отображаются?
Извините. Номер акаунта LS-221687

#19 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 03 Август 2013 - 17:51

Просмотр сообщенияrepaz11 (03 Август 2013 - 14:11) писал:

Извините. Номер акаунта LS-221687

в разделе настройки -> валюты -> в поле: формат вывода валюты -> укажите %p %c вместо -тенге




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

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