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


Помогите Перенести Надпись


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

#1 Yustus

Yustus

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

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 16 Июль 2015 - 15:18

Помогите пожалуйста сделать так как на изображении ниже

1) надпись "ХИТЫ ПРОДАЖ" по центру
2) линия ниже в цвет шапки сайта.

P.S мне нужно что-бы так отображались "хиты продаж", "новинки" и "распродажа"

Изображение

#2 MikDark

MikDark

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

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

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

Просмотр сообщенияYustus (16 Июль 2015 - 15:18) писал:

Помогите пожалуйста сделать так как на изображении ниже

1) надпись "ХИТЫ ПРОДАЖ" по центру
2) линия ниже в цвет шапки сайта.

P.S мне нужно что-бы так отображались "хиты продаж", "новинки" и "распродажа"



Вам нужно в шаблоне main.css найти код:
#content .heading_title span {
  border-bottom: 1px solid #CD3333;
  padding-bottom: 8px;
  padding-right: 10px;
  position: absolute;
  bottom: -1px;
  left: 0px;
}

и заменить его на:

#content .heading_title span {
  border-bottom: 1px solid #CD3333;
  padding-bottom: 8px;
  padding-right: 10px;
  bottom: -1px;
  left: 0px;
  text-align: center;
  display: block;
}


#3 Yustus

Yustus

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

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 16 Июль 2015 - 15:55

Получилось, можно еще убрать серые линии (тоже везде)

Изображение

#4 Danil

Danil

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

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

Отправлено 16 Июль 2015 - 16:04

Просмотр сообщенияYustus (16 Июль 2015 - 15:55) писал:

Получилось, можно еще убрать серые линии (тоже везде)

Изображение
В main.css найдите код
#content .heading_title span {
border-bottom: 1px solid #CD3333;
padding-bottom: 8px;
padding-right: 10px;
bottom: -1px;
left: 0px;
text-align: center;
display: block;
}
и замените на
#content .heading_title span {
padding-bottom: 8px;
padding-right: 10px;
bottom: -1px;
left: 0px;
text-align: center;
display: block;
}


#5 Yustus

Yustus

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

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 16 Июль 2015 - 18:41

Поменял код, но получилось не то что я хотел (исчезли красные линии), я вернул все обратно.
В фотошопе стер те линии которые не нужны. (должно получиться так, как на изображении. Помогите мне)

Изображение

#6 Danil

Danil

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

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

Отправлено 16 Июль 2015 - 19:20

Просмотр сообщенияYustus (16 Июль 2015 - 18:41) писал:

Поменял код, но получилось не то что я хотел (исчезли красные линии), я вернул все обратно.
В фотошопе стер те линии которые не нужны. (должно получиться так, как на изображении. Помогите мне)

Изображение
В main.css найдите код
.heading_title {
  padding-bottom: 8px;
  border-bottom: 1px solid #e1e1e1;
  position: relative;
  color: #333333;
}
Так же найдите
#content .box .box-content {
  border-bottom: 4px solid #e1e1e1;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  padding: 20px 10px;
  background-color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
  border: solid 1px #e1e1e1\0/;
  position: relative;
}
В обоих кодах удалите  border-bottom

#7 Yustus

Yustus

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

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородОмск

Отправлено 16 Июль 2015 - 20:08

Спасибо




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

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