Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

[РЕШЕНО] Полоски в названии


 Поделиться

Рекомендованные сообщения

Ребят, подскажите пожалуйста. 

 

Выведен блок рекомендуемые на главной.

 

p9tnyUntuJA.jpg

 

Как добавить вот такие полоски в css?

 

bxr8wTT90NM.jpg

 

сайт http://azovsanteh.com.ua/

Ссылка на комментарий
Поделиться на других сайтах



.box .box-heading {

-webkit-border-radius: 7px 7px 0px 0px;

-moz-border-radius: 7px 7px 0px 0px;

-khtml-border-radius: 7px 7px 0px 0px;

border-radius: 7px 7px 0px 0px;

border: 1px solid #DBDEE1;

padding: 8px 10px 7px 10px;

font-size: 20px;

font-weight: bold;

line-height: 14px;

color: #333;

position: relative;

overflow: hidden;

white-space: nowrap;

text-align: center;

}

.box .box-heading:before,

.box .box-heading:after {

content: "";

position: relative;

display: inline-block;

width: 50%;

height: 2px;

vertical-align: middle;

background: #000;

background-clip: content-box;

border-bottom: 1px solid rgba(255,255,255,.5);

}

.box .box-heading:before {

left: -.5em;

margin: 0 0 0 -50%;

}

.box .box-heading:after {

left: .5em;

margin: 0 -50% 0 0;

}

Изменено пользователем cloudrc
Ссылка на комментарий
Поделиться на других сайтах

В Вашем случае только .box и .box-heading меняете на .featured и .featured-heading, соответственно

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

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.