Помогите пожалуйста сделать так как на изображении ниже
1) надпись "ХИТЫ ПРОДАЖ" по центру
2) линия ниже в цвет шапки сайта.
P.S мне нужно что-бы так отображались "хиты продаж", "новинки" и "распродажа"
0
Помогите Перенести Надпись
Автор Yustus, 16 июля 2015 15:18
Сообщений в теме: 6
#1
Отправлено 16 Июль 2015 - 15:18
#2
Отправлено 16 Июль 2015 - 15:31
Yustus (16 Июль 2015 - 15:18) писал:
Помогите пожалуйста сделать так как на изображении ниже
1) надпись "ХИТЫ ПРОДАЖ" по центру
2) линия ниже в цвет шапки сайта.
P.S мне нужно что-бы так отображались "хиты продаж", "новинки" и "распродажа"
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
Отправлено 16 Июль 2015 - 15:55
Получилось, можно еще убрать серые линии (тоже везде)
#4
Отправлено 16 Июль 2015 - 16:04
Yustus (16 Июль 2015 - 15:55) писал:
Получилось, можно еще убрать серые линии (тоже везде)
#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
Отправлено 16 Июль 2015 - 18:41
Поменял код, но получилось не то что я хотел (исчезли красные линии), я вернул все обратно.
В фотошопе стер те линии которые не нужны. (должно получиться так, как на изображении. Помогите мне)
В фотошопе стер те линии которые не нужны. (должно получиться так, как на изображении. Помогите мне)
#6
Отправлено 16 Июль 2015 - 19:20
Yustus (16 Июль 2015 - 18:41) писал:
Поменял код, но получилось не то что я хотел (исчезли красные линии), я вернул все обратно.
В фотошопе стер те линии которые не нужны. (должно получиться так, как на изображении. Помогите мне)
В фотошопе стер те линии которые не нужны. (должно получиться так, как на изображении. Помогите мне)
.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
Отправлено 16 Июль 2015 - 20:08
Спасибо
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных