• Страница 1 из 1
  • 1
Форум » Веб-разработка » Скрипты для сайтов HTML » Делаем линию HR картинкой
Делаем линию HR картинкой
workman
Дата: Воскресенье, 2014-09-28, 18:14 | Сообщение 1
Гл. Модератор
Сообщений:1717
Награды: 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 - Воскресенье, 2014-09-28, 18:14
Страна: (RU)
Kosten
Дата: Воскресенье, 2014-09-28, 18:22 | Сообщение 2
Администраторы
Сообщений:18737
Награды: 55


да красиво смотрится.. но для сайта искал линию картинкой.
Страна: (RU)
workman
Дата: Воскресенье, 2014-09-28, 18:28 | Сообщение 3
Гл. Модератор
Сообщений:1717
Награды: 9


Цитата Kosten ()
но для сайта искал линию картинкой.

С этого места не понятно
Страна: (RU)
Kosten
Дата: Воскресенье, 2014-09-28, 19:45 | Сообщение 4
Администраторы
Сообщений:18737
Награды: 55


workman, вот к примеру КЛИК

Прикрепления: 4033211.jpg(27.7 Kb)
Страна: (RU)
workman
Дата: Воскресенье, 2014-09-28, 20:46 | Сообщение 5
Гл. Модератор
Сообщений:1717
Награды: 9


Kosten, Предлагаешь на доску эту картинку поставить???
Страна: (RU)
Kosten
Дата: Понедельник, 2014-09-29, 03:36 | Сообщение 6
Администраторы
Сообщений:18737
Награды: 55


workman, видишь желтая полоса. Вот она и сделана картинкой под h-r
Страна: (RU)
workman
Дата: Понедельник, 2014-09-29, 03:39 | Сообщение 7
Гл. Модератор
Сообщений:1717
Награды: 9


Kosten, Она стоит на стиле .signatureHr, а таким как я давал код, будет появляться по всему сайту где есть код hr
Страна: (RU)
workman
Дата: Понедельник, 2014-09-29, 03:47 | Сообщение 8
Гл. Модератор
Сообщений:1717
Награды: 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 » Делаем линию HR картинкой
  • Страница 1 из 1
  • 1
Поиск: