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


Несколько Вопросов


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

#1 InHike

InHike

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

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

Отправлено 12 Июнь 2014 - 21:00

Добрый день.
Помогите, пожалуйста, с настройкой ИМ.

1. Как переместить часть слова на следующую строку в названии магазина?
2. Как изменить цвет полосы вверху сайта?
3. Как заменить слайдер на статичную картинку такого же размера?
4. Как растянуть блок с подкаталогами, чтобы крестик не налазил на название раздела?
5. Как увеличить размер шрифта в названии разделов в каталоге?

Аккаунт: SL-296493

Заранее спасибо!

Прикрепленные изображения

  • Вопрос_1.jpg
  • Вопрос_2.png


#2 batta

batta

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

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

Отправлено 12 Июнь 2014 - 22:01

Здравствуйте
1.Почистите кэш
2. В разделе Style.css 306
#header-fluid {
position: relative;
 background: #FAFAFA url('http://design.inhike.ru/header-top-bg.png') repeat-x 0 0;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
измените на
#header-fluid {
position: relative;
/* background: #FAFAFA url('http://design.inhike.ru/header-top-bg.png') repeat-x 0 0; */
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
4. в разделе style.css 203
accordion em.open-close {
background: url("http://design.inhike.ru/sprites.png") no-repeat -130px -48px;
padding: 8px 11px;
position: absolute;
измените на
accordion em.open-close {
background: url("http://design.inhike.ru/sprites.png") no-repeat -130px -48px;
padding: 8px 10px;
position: absolute;
5. в разделе style.css 205
.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 10px 10px 8px 0;
display: block;
cursor: pointer;
}
измените на
.accordion a, .accordion_main a {
text-decoration: none;
border-bottom: 1px solid #eeece7;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
padding: 10px 10px 8px 0;
display: block;
cursor: pointer;
}


#3 InHike

InHike

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

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

Отправлено 14 Июнь 2014 - 18:47

Спасибо!
1. Несмотря на очистку кэша, все осталось по прежнему. Но, при просмотре с айпада, все отображается как надо...В чем проблема?
2. Я спрашивал именно про смену цвета полосы, а после внесения изменений она либо исчезла, либо слилась цветом с фоном.
3. На вопрос не получил ответа.

#4 batta

batta

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

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

Отправлено 14 Июнь 2014 - 19:04

Здравствуйте,
2)по поводу полосы это была картинка, и цвет поменять нельзя было,
1)у нас название магазина на новой строчке
4)крестик у вас щас не заходит на слово
.font-size: 12px;
это меняет размер шрифта
3)Найдите mine.css:139
.flexslider {
/* margin: 0; */
/* padding: 0; */
}
измените
.flexslider {
/* margin: 0; */
/* padding: 0; */
display: none;
}
как вставить картинку тут http://forum.storela...ставка картинки

#5 InHike

InHike

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

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

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

 batta (14 Июнь 2014 - 19:04) писал:

Здравствуйте,
2)по поводу полосы это была картинка, и цвет поменять нельзя было,
1)у нас название магазина на новой строчке
4)крестик у вас щас не заходит на слово
.font-size: 12px;
это меняет размер шрифта
3)Найдите mine.css:139
.flexslider {
/* margin: 0; */
/* padding: 0; */
}
измените
.flexslider {
/* margin: 0; */
/* padding: 0; */
display: none;
}
как вставить картинку тут http://forum.storela...ставка картинки
У меня нет в меню слева main.css...Насколько я понял из темы, которую Вы скинули, там меняют логотип, а мне нужно поставить картинку на место слайдера. Или я ошибаюсь?
И еще вопрос: вот Вы пишете - найдите style.css 205. 205 - это номер строки?

#6 batta

batta

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

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

Отправлено 14 Июнь 2014 - 19:45

http://storeland.ru/about/faq#66
205- строчка
у вас вместо mine.css называеться style.css

#7 InHike

InHike

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

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

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

Помогите еще, пожалуйста.

1. Как менять цвет и шрифт названия магазина? 2. Как поменять размер шрифта меню и сдвинуть его ниже и чуть правее? 3. Нужно поиск и корзину сдвинуть в самый верхний правый угол и немного увеличить в размерах. Как? 4. Мне кажется, что раньше над меню отображались контакты...как их там разместить? 5. Можно ли убрать слово "каталог" и оставить только категории товаров? В идеале бы рамку еще убрать, чтобы категории висели на фоне

Прикрепленные изображения

  • Вопрос.jpg


#8 Ирина345

Ирина345

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

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

Отправлено 21 Июль 2014 - 15:56

 InHike (21 Июль 2014 - 15:36) писал:

Помогите еще, пожалуйста.

1. Как менять цвет и шрифт названия магазина? 2. Как поменять размер шрифта меню и сдвинуть его ниже и чуть правее? 3. Нужно поиск и корзину сдвинуть в самый верхний правый угол и немного увеличить в размерах. Как? 4. Мне кажется, что раньше над меню отображались контакты...как их там разместить? 5. Можно ли убрать слово "каталог" и оставить только категории товаров? В идеале бы рамку еще убрать, чтобы категории висели на фоне
Здравствуйте,
1. найдите в sytle.css

#header-logo a {
display: table-cell;
vertical-align: middle;
text-align: center;
text-decoration: none;
font: normal 18px 'Open Sans',Helvetica,Arial;
color: #da3b44;
font-weight: 600;
}
меняет значение color: #da3b44;наприме на color: #123456;
2. найдите в style.css

#megamenu li .root_link {
color: #666666;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
}
чтобы изменить размер шрифта меняете значение свойства font-size: 11px; например на font-size: 14px;

далее находим
#megamenu {
position: absolute;
height: 54px;
top: 103px;
left: 277px;
}
заменяем на

#megamenu {
position: absolute;
height: 54px;
top: 90px;
left: 238px;
}
меняете  значение top: 103px;(отступ сверху) left: 238px;(отступ слева)

3. найдите в style.css
#search_block_top {
position: static;
float: right;
margin: 26px 10px 0 0;
}
замените на

#search_block_top {
position: static;
float: right;
margin: -3px 10px 0 0;
}
найдите
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}
замените на

#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:-3px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}
4. уточните где именно вы хотите отображать контакты
5. в HTML найдите

<div class="block-title">
			<strong><span>Каталог</span></strong>
		  </div>
замените на

<div class="block-title" style="display:none;">
			<strong><span>Каталог</span></strong>
		  </div>
найдите в style.css
.block2 .block-content {
padding: 14px 18px;
color: #727272;
border-top: 0px;
border-bottom: 1px solid #E9E9E9;
background: #fff;
border: 1px solid #c0c0c0;
position: relative;
display: block;
}
замените на


.block2 .block-content {
padding: 14px 18px;
color: #727272;
border-top: 0px;
border-bottom: 1px solid #E9E9E9;
background: #fff;

position: relative;
display: block;
}



#9 InHike

InHike

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

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

Отправлено 21 Июль 2014 - 16:26

 Ирина345 (21 Июль 2014 - 15:56) писал:

Здравствуйте,
1. найдите в sytle.css

#header-logo a {
display: table-cell;
vertical-align: middle;
text-align: center;
text-decoration: none;
font: normal 18px 'Open Sans',Helvetica,Arial;
color: #da3b44;
font-weight: 600;
}
меняет значение color: #da3b44;наприме на color: #123456;
2. найдите в style.css

#megamenu li .root_link {
color: #666666;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
}
чтобы изменить размер шрифта меняете значение свойства font-size: 11px; например на font-size: 14px;

далее находим
#megamenu {
position: absolute;
height: 54px;
top: 103px;
left: 277px;
}
заменяем на

#megamenu {
position: absolute;
height: 54px;
top: 90px;
left: 238px;
}
меняете  значение top: 103px;(отступ сверху) left: 238px;(отступ слева)

3. найдите в style.css
#search_block_top {
position: static;
float: right;
margin: 26px 10px 0 0;
}
замените на

#search_block_top {
position: static;
float: right;
margin: -3px 10px 0 0;
}
найдите
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}
замените на

#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:-3px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}
4. уточните где именно вы хотите отображать контакты
5. в HTML найдите

<div class="block-title">
<strong><span>Каталог</span></strong>
</div>
замените на

<div class="block-title" style="display:none;">
<strong><span>Каталог</span></strong>
</div>
найдите в style.css
.block2 .block-content {
padding: 14px 18px;
color: #727272;
border-top: 0px;
border-bottom: 1px solid #E9E9E9;
background: #fff;
border: 1px solid #c0c0c0;
position: relative;
display: block;
}
замените на


.block2 .block-content {
padding: 14px 18px;
color: #727272;
border-top: 0px;
border-bottom: 1px solid #E9E9E9;
background: #fff;

position: relative;
display: block;
}

Спасибо! А можете номера строчек кода написать, у меня поиск что-то не работает, ищу, например, первое по "header", а поиск выдает ноль совпадений:(

#10 Ирина345

Ирина345

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

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

Отправлено 21 Июль 2014 - 16:30

 InHike (21 Июль 2014 - 16:26) писал:

Спасибо! А можете номера строчек кода написать, у меня поиск что-то не работает, ищу, например, первое по "header", а поиск выдает ноль совпадений :(
Попробуйте открыть файл style.css  и сделайте активной код файла(нажмите мшкой в любом месте кода)
потом на клавиатуре наберите Ctrl+F, долно появиться окно поиска в коде.

#11 InHike

InHike

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

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

Отправлено 21 Июль 2014 - 19:45

 Ирина345 (21 Июль 2014 - 16:30) писал:

Попробуйте открыть файл style.css  и сделайте активной код файла(нажмите мшкой в любом месте кода)
потом на клавиатуре наберите Ctrl+F, долно появиться окно поиска в коде.
Спасибо! Дома с ноута нормально нашлось.
По поводу 4 вопроса: разместить хочу именно там, где нарисовал овал на картинке - т.е. справа от логотипа и над меню. Если напишете, как двигать влево-вправо-вверх-вниз, вообще здорово будет.
И еще:1. Как закрасить каталог в цвет фона (сейчас он белый); 2. Как уменьшить количество недавно просмотренных до пяти? А то растянулась страница

#12 Vaccina

Vaccina

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

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

Отправлено 22 Июль 2014 - 01:59

4.Инструкция по вставке контактов в шапку сайта:
http://forum.storela...нтакты-в-шапку/

1.В style.css найдите:
.block2 .block-content {
	background: #fff;
	border-bottom: 1px solid #e9e9e9;
	border-top: 0 none;
	color: #727272;
	display: block;
	padding: 14px 18px;
	position: relative;
}
измените значение  #fff

2. В шаблоне HTML найдите:
{% FOR recently_viewed_goods %}
после него вставьте:
{% IF recently_viewed_goods.index > 5 %}{break}{% ENDIF %}


#13 InHike

InHike

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

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

Отправлено 22 Июль 2014 - 12:18

1.В style.css найдите:
.block2 .block-content {
background: #fff;
border-bottom: 1px solid #e9e9e9;
border-top: 0 none;
color: #727272;
display: block;
padding: 14px 18px;
position: relative;
}
измените значение  #fff


Спасибо! По первому вопросу, часть белого пропало, но остался белый фон, на котором написаны названия каталогов. Как его перекрасить?

Прикрепленные изображения

  • Screen 1.jpg


#14 Castiel

Castiel

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

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

Отправлено 22 Июль 2014 - 12:21

 InHike (22 Июль 2014 - 12:18) писал:

1.В style.css найдите:
.block2 .block-content {
background: #fff;
border-bottom: 1px solid #e9e9e9;
border-top: 0 none;
color: #727272;
display: block;
padding: 14px 18px;
position: relative;
}
измените значение  #fff


Спасибо! По первому вопросу, часть белого пропало, но остался белый фон, на котором написаны названия каталогов. Как его перекрасить?
В файле "style.css".
Найти:
.accordion li {
background: #fff;
cursor: pointer;
list-style-type: none;
padding: 0;
margin: 0;
display: block;
width: 100%;
display: block;
position: relative;
clear: both;
}

Заменить:
.accordion li {
cursor: pointer;
list-style-type: none;
padding: 0;
margin: 0;
display: block;
width: 100%;
display: block;
position: relative;
clear: both;
}


#15 InHike

InHike

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

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

Отправлено 31 Июль 2014 - 11:26

Здравствуйте! Помогите еще, пожалуйста. Где можно редактировать надпись "Описание товар" - выделил на прикрепленном изображении?

Прикрепленные изображения

  • Вопрос.jpg


#16 Ирина345

Ирина345

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

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

Отправлено 31 Июль 2014 - 11:30

 InHike (31 Июль 2014 - 11:26) писал:

Здравствуйте! Помогите еще, пожалуйста. Где можно редактировать надпись "Описание товар" - выделил на прикрепленном изображении?
Здравствуйте, уточните как Вы хотите отредактировать описание.
Само описание редактируется в карточке товара.
Можно изменить надпись описание.
Можно установить один стиль для всех описаний.

#17 InHike

InHike

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

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

Отправлено 31 Июль 2014 - 14:33

 Ирина345 (31 Июль 2014 - 11:30) писал:

Здравствуйте, уточните как Вы хотите отредактировать описание.
Само описание редактируется в карточке товара.
Можно изменить надпись описание.
Можно установить один стиль для всех описаний.
Ирина, скорее нужно установить один стиль: название вынести на строку вверх, слово описание ниже, и все это нужно отредактировать по шрифту и цвету под текст. Если могу это сам прописать-скажите, где?

#18 Ирина345

Ирина345

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

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

Отправлено 31 Июль 2014 - 14:46

 InHike (31 Июль 2014 - 14:33) писал:

Ирина, скорее нужно установить один стиль: название вынести на строку вверх, слово описание ниже, и все это нужно отредактировать по шрифту и цвету под текст. Если могу это сам прописать-скажите, где?
Добавьте в конец файла main.css

div#more_info_shadow h3 {
color: #337EC9;
font-size: 26px;
}
данный блок для названия где Вы можите поменять цвет изменив значение свойства color: #337EC9; например на color: #123464;
так же добавьте код

.htmlDataBlock span {
color: blue;
font-size: 14px;
}

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

#19 InHike

InHike

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

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

Отправлено 31 Июль 2014 - 15:34

 Ирина345 (31 Июль 2014 - 14:46) писал:

Добавьте в конец файла main.css

div#more_info_shadow h3 {
color: #337EC9;
font-size: 26px;
}
данный блок для названия где Вы можите поменять цвет изменив значение свойства color: #337EC9; например на color: #123464;
так же добавьте код

.htmlDataBlock span {
color: blue;
font-size: 14px;
}

данный код для самого описания  изменить можно так по инструкции чуть выше
У меня нет файла mail.css, есть main.js, когда добавляю в конце него код - выскакивает ошибка при сохранении

#20 Ирина345

Ирина345

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

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

Отправлено 31 Июль 2014 - 16:45

 InHike (31 Июль 2014 - 15:34) писал:

У меня нет файла mail.css, есть main.js, когда добавляю в конце него код - выскакивает ошибка при сохранении
Извините в файле style.css производите изменения.




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

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