• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Делаем линию HR картинкой
Делаем линию HR картинкой
workman
Воскресенье, 28 Сентября 2014 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Если вам необходимо чтобы вместо простой сплошной линии была картинка, то в свой CSS в самый верх ставьте данный код
Код
hr {
    background:url(тут ссылка на картинку) no-repeat top center;
    height:20px;
    border:none !important;
}


Если вам не на всем сайте необходима такая линия, а в определенных местах, то делаем так

в СSS
Код
HR. my {.....}
А уже на странице пишем так

Код
Текст, текст, текст    
<hr class="my">
Текст, текст, текст


Вот к примеру сама картинка



Удачного всем приукрашивания своих сайтов!!!

Демо пример
Прикрепления: 6723517.png (2.2 Kb)


Сообщение отредактировал
workman - Воскресенье, 28 Сентября 2014, 18:14
Страна: (RU)
Kosten
Воскресенье, 28 Сентября 2014 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
да красиво смотрится.. но для сайта искал линию картинкой.
Страна: (RU)
workman
Воскресенье, 28 Сентября 2014 | Сообщение 3
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kosten ()
но для сайта искал линию картинкой.

С этого места не понятно
Страна: (RU)
Kosten
Воскресенье, 28 Сентября 2014 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
workman, вот к примеру КЛИК

Прикрепления: 4033211.jpg (27.7 Kb)
Страна: (RU)
workman
Воскресенье, 28 Сентября 2014 | Сообщение 5
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Kosten, Предлагаешь на доску эту картинку поставить???
Страна: (RU)
Kosten
Понедельник, 29 Сентября 2014 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
workman, видишь желтая полоса. Вот она и сделана картинкой под h-r
Страна: (RU)
workman
Понедельник, 29 Сентября 2014 | Сообщение 7
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Kosten, Она стоит на стиле .signatureHr, а таким как я давал код, будет появляться по всему сайту где есть код hr
Страна: (RU)
workman
Понедельник, 29 Сентября 2014 | Сообщение 8
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Kosten, У тебя например в стилях стоят вообще не нужное, то что помечено /* _____ */

Код
.f_post_line {
background: url(http://zornet.ru/design_43/f_post_line.png ) no-repeat;
/* width: 321px; */
height: 2px;
/* overflow: hidden; */
margin: 7px;
}
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Делаем линию HR картинкой
  • Страница 1 из 1
  • 1
Поиск: