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


Изменение Шапки И Перенос Элементов В Другие Части Страницы

Автор qiwi, 16 марта 2011 15:19

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

#121 mikola

mikola

    Good soo good

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

Отправлено 24 Март 2013 - 19:02

 REDMAID (23 Март 2013 - 21:21) писал:

проверил в Эксплорере (до этого работал в хроме сверял в Опере) и обнаружил, криво отображается блок контакты!!!
Как привести все к одному виду?

Сейчас цвет в цены в таблице поменялся!! Ура, но цвет валюты остался прежним. Помимо этого поменялся цвет старой цены, что не правильно. Цвет старой цены должен остаться прежним (серым). Так же при заходе в сам товар цена попрежнему стандартного оранжевого цвета, что тоже не хорошо. А Так же цвет не изменился если сделать не таблицей а списком.

Как это исправить?



Спасибо
В какой версии IE у вас замечена проблема открываю в 10 нормальный вид

#122 REDMAID

REDMAID

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

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

Отправлено 25 Март 2013 - 15:07

 Mikola (24 Март 2013 - 19:02) писал:

В какой версии IE у вас замечена проблема открываю в 10 нормальный вид
9

#123 REDMAID

REDMAID

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

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

Отправлено 25 Март 2013 - 16:27

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

#124 Koderhan

Koderhan

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

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

Отправлено 25 Март 2013 - 17:33

 REDMAID (25 Март 2013 - 16:27) писал:

Подскажите где можно отрегулировать расстояния между товарами в таблице товаров?
и как сделать чтоб у рамки товара не было закруглений?
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:
.cornerAll				  {-moz-border-radius:5px;-webkit-border-radius:5px;}
Заменить:
.cornerAll				  {margin: 3px;}

#125 REDMAID

REDMAID

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

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

Отправлено 27 Март 2013 - 16:55

 Koderhan (25 Март 2013 - 17:33) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:
.cornerAll {-moz-border-radius:5px;-webkit-border-radius:5px;}
Заменить:
.cornerAll {margin: 3px;}
Спасибо. Все супер. Только вот размер рамки скачит, в зависимости от длинны Названия, как это скорректировать?
+ рамка не полная в маленьких фотографиях (отсутствует завершение снизу) - что делать?

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

  • 1.jpg
  • 1.jpg

#126 Сake

Сake

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

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

Отправлено 28 Март 2013 - 01:46

Вам необходимо в файле стилей main.css найти 

.goodsListItemName {
	margin: 0;
	max-height: 72px;
	overflow: hidden;
	padding: 0 3px 0.5em;
}

и заменить на 

.goodsListItemName {
	height: 42px;
	margin: 0;
	overflow: hidden;
	padding: 0 3px 0.5em;
}

далее найти 

.goodsDataMainImagesIcon {
	height: 46px;
	margin: 0.2em 0.4em 0.2em 0;
	width: 46px;
}

и заменить на 

.goodsDataMainImagesIcon {
	height: 56px;
	margin: 0.2em 0.4em 0.2em 0;
	width: 46px;
}

#127 REDMAID

REDMAID

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

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

Отправлено 28 Март 2013 - 09:24

 Сake (28 Март 2013 - 01:46) писал:

Вам необходимо в файле стилей main.css найти

.goodsListItemName {
margin: 0;
max-height: 72px;
overflow: hidden;
padding: 0 3px 0.5em;
}

и заменить на

.goodsListItemName {
height: 42px;
margin: 0;
overflow: hidden;
padding: 0 3px 0.5em;
}

далее найти

.goodsDataMainImagesIcon {
height: 46px;
margin: 0.2em 0.4em 0.2em 0;
width: 46px;
}

и заменить на

.goodsDataMainImagesIcon {
height: 56px;
margin: 0.2em 0.4em 0.2em 0;
width: 46px;
}
Отлично, Большое Спасибо!
Но вот товары со старой ценой и с новой ценой все равно скачат. Как это отрегулировать?

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

  • 1.jpg

#128 Koderhan

Koderhan

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

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

Отправлено 28 Март 2013 - 10:50

 REDMAID (28 Март 2013 - 09:24) писал:

Отлично, Большое Спасибо!
Но вот товары со старой ценой и с новой ценой все равно скачат. Как это отрегулировать?
Попробуйте изменить стили.

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:
.withBorder				 {border:1px solid #d6d6d6 !important;}
Заменить:
.withBorder				 {
border:1px solid #d6d6d6 !important;
min-height: 296px;
}

#129 REDMAID

REDMAID

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

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

Отправлено 28 Март 2013 - 11:23

 Koderhan (28 Март 2013 - 10:50) писал:

Попробуйте изменить стили.

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:
.withBorder {border:1px solid #d6d6d6 !important;}
Заменить:
.withBorder {
border:1px solid #d6d6d6 !important;
min-height: 296px;
}

Вот теперь все работает! Огромное приогромное спасибо!

#130 REDMAID

REDMAID

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

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

Отправлено 28 Март 2013 - 11:34

 Koderhan (28 Март 2013 - 10:50) писал:

Попробуйте изменить стили.

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:
.withBorder {border:1px solid #d6d6d6 !important;}
Заменить:
.withBorder {
border:1px solid #d6d6d6 !important;
min-height: 296px;
}
Прошу прощенья рано обрадовался. нашел глюк. Иконки фотографий товара растянулись по оси У!

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

  • 1.jpg

#131 Stasya

Stasya

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

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

Отправлено 28 Март 2013 - 11:40

В шаблоне Товар найдите строку
<a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
и замените ее на 
<a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder1 goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
затем в файл "main.css" добавьте блок 
.withBorder1 {
border: 1px solid #d6d6d6 !important;
min-height: 10px;
}

#132 REDMAID

REDMAID

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

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

Отправлено 28 Март 2013 - 11:49

 Stasya (28 Март 2013 - 11:40) писал:

В шаблоне Товар найдите строку
<a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
и замените ее на 
<a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder1 goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
затем в файл "main.css" добавьте блок 
.withBorder1 {
border: 1px solid #d6d6d6 !important;
min-height: 10px;
}

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

#133 Koderhan

Koderhan

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

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

Отправлено 28 Март 2013 - 12:07

 REDMAID (28 Март 2013 - 11:49) писал:

С размером теперь все ок, только при наведении на иконку фотографии она перестала обводиться рамкой красного цвета.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Добавить код:

.cornerAll.withBorder1.goods-image-icon:hover {
	border-color: red !important;
}

#134 REDMAID

REDMAID

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

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

Отправлено 28 Март 2013 - 12:11

 Koderhan (28 Март 2013 - 12:07) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Добавить код:

.cornerAll.withBorder1.goods-image-icon:hover {
border-color: red !important;
}
Вот теперь все ок :)
Спасибо.

#135 REDMAID

REDMAID

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

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

Отправлено 03 Апрель 2013 - 15:25

Друзья, снова требуется Ваша профессиональная помощь.
Решил сделать маленький редизайн, и теперь блок меню не встает на место.
Помогите пожалуйста.

/*menu*/
  /*main menu*/
  #top-menu {height: 30px; /*изменить длину блока*/
max-width:400px;
margin-top: -45px  - при этом значении главное меню стоит неровно и немного съезжает боковое меню (верхний пример),
когда меняю на
margin-top: -44px - то боковое меню встает на место, но главное соскакивает сильно ниже. (нижний пример)
Играл уже и с шириной блоков ничего не помогает.
Помогите пожалуйста.
Где я накосячил?    
И ещё вопрос туда же, возможноли сделать чтоб главное меню всегда было по центру страниции?

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

  • 20130401_160623.jpg

#136 REDMAID

REDMAID

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

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

Отправлено 03 Апрель 2013 - 16:53

 REDMAID (03 Апрель 2013 - 15:25) писал:

Друзья, снова требуется Ваша профессиональная помощь.
Решил сделать маленький редизайн, и теперь блок меню не встает на место.
Помогите пожалуйста.

/*menu*/
  /*main menu*/
  #top-menu {height: 30px; /*изменить длину блока*/
max-width:400px;
margin-top: -45px  - при этом значении главное меню стоит неровно и немного съезжает боковое меню (верхний пример),
когда меняю на
margin-top: -44px - то боковое меню встает на место, но главное соскакивает сильно ниже. (нижний пример)
Играл уже и с шириной блоков ничего не помогает.
Помогите пожалуйста.
Где я накосячил?
И ещё вопрос туда же, возможноли сделать чтоб главное меню всегда было по центру страниции?



:) Все я сам разобрался. Спасибо!!!   Единственный вопрос который остался в силе: возможноли сделать чтоб главное меню всегда было по центру страниции?    Буду рад Вашей подсказке.

#137 support 2.0

support 2.0

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

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

Отправлено 03 Апрель 2013 - 17:12

 REDMAID (03 Апрель 2013 - 16:53) писал:

:) Все я сам разобрался. Спасибо!!!   Единственный вопрос который остался в силе: возможноли сделать чтоб главное меню всегда было по центру страниции? Буду рад Вашей подсказке.

У Вас по-прежнему смещены подкатегории каталога.
По поводу главного меню, то Вам нужно найти
#mainmenu {
float: right;
}
заменить на
#mainmenu {
margin-left: 22%;
}

далее найти 
#top-menu {
height: 30px;
max-width: 400px;
margin-top: -40px;
margin-left: 250px;
overflow: hidden;
}
замените на
#top-menu {
height: 30px;
max-width: 600px;
margin-top: -40px;
}

#138 REDMAID

REDMAID

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

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

Отправлено 04 Апрель 2013 - 09:49

 support 2.0 (03 Апрель 2013 - 17:12) писал:

У Вас по-прежнему смещены подкатегории каталога.
По поводу главного меню, то Вам нужно найти
#mainmenu {
float: right;
}
заменить на
#mainmenu {
margin-left: 22%;
}

далее найти
#top-menu {
height: 30px;
max-width: 400px;
margin-top: -40px;
margin-left: 250px;
overflow: hidden;
}
замените на
#top-menu {
height: 30px;
max-width: 600px;
margin-top: -40px;
}

Меню встало как надо, но вот только весь контент сильно поехал. В чем ошибка?

 REDMAID (04 Апрель 2013 - 09:46) писал:

Меня встало классно, но вот только весь контент сильно поехал, в чем ошибка?

#139 miyako

miyako

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

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

Отправлено 04 Апрель 2013 - 10:01

 REDMAID (04 Апрель 2013 - 09:49) писал:

Меню встало как надо, но вот только весь контент сильно поехал. В чем ошибка?

Найдите код:
.content_page {
overflow: hidden;
padding-bottom: 2em;
}
и замените на:
.content_page {
overflow: hidden;
padding-bottom: 2em;
}

#140 REDMAID

REDMAID

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

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

Отправлено 04 Апрель 2013 - 10:25

 miyako (04 Апрель 2013 - 10:01) писал:

Найдите код:
.content_page {
overflow: hidden;
padding-bottom: 2em;
}
и замените на:
.content_page {
overflow: hidden;
padding-bottom: 2em;
}

Ничего не изменилось, да и не мудрено, я не вижу разницу в этих кодах :)
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Сияние
  5. → Изменение общей стилистики
  6. Privacy Policy