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


Смещение Названий Блоков


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

#1 Борис

Борис

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

  • Пользователи
  • PipPipPip
  • 74 сообщений
  • ГородРостов-на-Дону

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

Добрый день! прошу помощи:

на главной странице необходимо сместить названия блоков РАСПРОДАЖА и НОВИНКИ..
Названия следует переместить в центр и при этом как мне сделать чтоб между слайдером и словом РАСПРОДАЖА увеличить зазор? После слова распродажа тоже.
  Этого же касается и следующий блок НОВИНКИ..

Ну и куда нужно влезть чтоб изменить шрифт, цвет и размер наименований блоков?

Картинку прилагаю...  Нынешнее состояние страницы: santehmega.com

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

  • Рисунок.jpg


#2 support 2.0

support 2.0

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

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

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

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

Добрый день! прошу помощи:

на главной странице необходимо сместить названия блоков РАСПРОДАЖА и НОВИНКИ..
Названия следует переместить в центр и при этом как мне сделать чтоб между слайдером и словом РАСПРОДАЖА увеличить зазор? После слова распродажа тоже.
  Этого же касается и следующий блок НОВИНКИ..

Ну и куда нужно влезть чтоб изменить шрифт, цвет и размер наименований блоков?

Картинку прилагаю...  Нынешнее состояние страницы: santehmega.com

Здравствуйте, не могли бы Вы написать номер аккаунта Вашего сайта или адрес магазина. По поводу новинок, такой блок уже есть, добавить товар Вы в него сможете  в разделе Товар. Блок распродажи можно сделать из разделе Хиты (переименовать в шаблоне HTML тот блок) Для того, чтобы сделать отступы как раз и нужен номер Вашего аккаунта. Скрипт слайдера Вы можете найти здесь

#3 Борис

Борис

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

  • Пользователи
  • PipPipPip
  • 74 сообщений
  • ГородРостов-на-Дону

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

Да у меня уже есть эти блоки..в том то и дело...слайдер тоже есть!!
Это все я сделал..

Я прошу только помочь сделать отступы и показать как стилистику наименований блоков поменять.... аккаунт SL-6515

#4 sengun

sengun

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

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

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

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

Да у меня уже есть эти блоки..в том то и дело...слайдер тоже есть!!
Это все я сделал..

Я прошу только помочь сделать отступы и показать как стилистику наименований блоков поменять.... аккаунт SL-6515
Отступы прописываются также в стилях текста "Распродажа" и "Новинки"
Найдите в HTML код
<h3>РАСПРОДАЖА!</h3>
измените его так
<h3 style="text-align: center; color: black; font-size: 20px; font-family: verdana; margin: 15px 0 15px 0;">РАСПРОДАЖА!</h3>
И код
<h3><a href="{CATALOG_NEW_URL}" class="indexPage">Новинки</a></h3>
замените на
<h3 style="margin: 15px 0 15px 0; text-align: center;"><a href="{CATALOG_NEW_URL}" class="indexPage" style="font-size: 20px; font-family: verdana; color: blue;">Новинки</a></h3>
Здесь margin: 15px 0 15px 0; -отступы от текста сверху, справа, снизу и слева соответственно;
text-align: center; - выравнивание текста по центру;
font-size: 20px; - размер шрифта;
color: blue; - его цвет;
font-family: verdana; - стиль шрифта.

#5 Борис

Борис

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

  • Пользователи
  • PipPipPip
  • 74 сообщений
  • ГородРостов-на-Дону

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

Спасибо!! :) Помогли разобраться

#6 Kapal

Kapal

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

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

Отправлено 18 Май 2015 - 11:20

Здравствуйте!
А как в моем случае сделать отступы снизу и сверху у "Новинки" и "Хиты продаж", а также отступ снизу у "Новости магазина".
Спасибо!

#7 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

Отправлено 18 Май 2015 - 11:27

Просмотр сообщенияKapal (18 Май 2015 - 11:20) писал:

Здравствуйте!
А как в моем случае сделать отступы снизу и сверху у "Новинки" и "Хиты продаж", а также отступ снизу у "Новости магазина".
Спасибо!

Здравствуйте.
Вам нужно сделать следующее:
В шаблоне main.css найти данный код:

.pad-box {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

И заменить его вот этим вот кодом:

.pad-box {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 35px;
}


#8 Kapal

Kapal

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

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

Отправлено 18 Май 2015 - 12:03

Просмотр сообщенияRayLi (18 Май 2015 - 11:27) писал:

Здравствуйте.
Вам нужно сделать следующее:
В шаблоне main.css найти данный код:

.pad-box {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
}

И заменить его вот этим вот кодом:

.pad-box {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
padding-top: 35px;
}

Спасибо!
Осталось сделать отступ снизу у "Новости магазина"

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

  • картинка.jpg


#9 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

Отправлено 18 Май 2015 - 12:08

Просмотр сообщенияKapal (18 Май 2015 - 12:03) писал:

Спасибо!
Осталось сделать отступ снизу у "Новости магазина"

В шаблон main.css добавьте, пожалуйста, следующий код:

li.news_shop {
  padding-top: 35px;
}


#10 Kapal

Kapal

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

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

Отправлено 18 Май 2015 - 12:14

Еще пропало верхнее меню!

Просмотр сообщенияRayLi (18 Май 2015 - 12:08) писал:

В шаблон main.css добавьте, пожалуйста, следующий код:

li.news_shop {
padding-top: 35px;
}

Исправления не происходят

#11 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

Отправлено 18 Май 2015 - 12:16

Просмотр сообщенияKapal (18 Май 2015 - 12:14) писал:

Еще пропало верхнее меню!



Исправления не происходят

Тогда сделайте следующее:

В шаблоне main.css найдите вот этот код:

.pad-box {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 35px;
}

И замените его вот этим кодом:

.pad-box {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

Далее в тот же шаблон добавьте данный код:

.content_body .pad-box {
  padding-top: 35px !important;
}


#12 Kapal

Kapal

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

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

Отправлено 18 Май 2015 - 12:29

Спасибо! Поправил.
Все же по второму вопросу, сделал, как вы сказали:

В шаблон main.css добавьте, пожалуйста, следующий код:

li.news_shop {
padding-top: 35px;
}
В этом случае надпись "Новости магазина" смещается вниз вместе с новостями, а нужно сделать интервал между надписью "Новости магазина" и новостями.

#13 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

Отправлено 18 Май 2015 - 13:06

Просмотр сообщенияKapal (18 Май 2015 - 12:29) писал:

Спасибо! Поправил.
Все же по второму вопросу, сделал, как вы сказали:

В шаблон main.css добавьте, пожалуйста, следующий код:

li.news_shop {
padding-top: 35px;
}
В этом случае надпись "Новости магазина" смещается вниз вместе с новостями, а нужно сделать интервал между надписью "Новости магазина" и новостями.

Тогда в шаблоне main.css найдите данный код:

.contentTbodyNews {
  padding-left: 0.7em;
}

И замените его вот этим вот кодом:

.contentTbodyNews {
  padding-left: 0.7em;
  padding-top: 15px;
}


#14 Kapal

Kapal

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

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

Отправлено 18 Май 2015 - 14:06

Спасибо! Все получилось.




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

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