|
Делаем линию HR картинкой
|
|
| workman | Воскресенье, 28 Сентября 2014, 18:14 | Сообщение 1 |
| Если вам необходимо чтобы вместо простой сплошной линии была картинка, то в свой CSS в самый верх ставьте данный код
Код hr {
background:url(тут ссылка на картинку) no-repeat top center;
height:20px;
border:none !important;
}
Если вам не на всем сайте необходима такая линия, а в определенных местах, то делаем так
в СSS А уже на странице пишем так
Код Текст, текст, текст
<hr class="my">
Текст, текст, текст
Вот к примеру сама картинка
Удачного всем приукрашивания своих сайтов!!!
Демо пример
Сообщение отредактировал
workman - Воскресенье, 28 Сентября 2014, 18:14 | | Страна: (RU) |
| |
| Kosten | Воскресенье, 28 Сентября 2014, 18:22 | Сообщение 2 |
| да красиво смотрится.. но для сайта искал линию картинкой.
| | Страна: (RU) |
| |
| workman | Воскресенье, 28 Сентября 2014, 18:28 | Сообщение 3 |
|
| Цитата Kosten (  ) но для сайта искал линию картинкой.
С этого места не понятно
| | Страна: (RU) |
| |
| Kosten | Воскресенье, 28 Сентября 2014, 19:45 | Сообщение 4 |
|
| workman, вот к примеру КЛИК
| | Страна: (RU) |
| |
| workman | Воскресенье, 28 Сентября 2014, 20:46 | Сообщение 5 |
|
| Kosten, Предлагаешь на доску эту картинку поставить???
| | Страна: (RU) |
| |
| Kosten | Понедельник, 29 Сентября 2014, 03:36 | Сообщение 6 |
|
| workman, видишь желтая полоса. Вот она и сделана картинкой под h-r
| | Страна: (RU) |
| |
| workman | Понедельник, 29 Сентября 2014, 03:39 | Сообщение 7 |
|
| Kosten, Она стоит на стиле .signatureHr, а таким как я давал код, будет появляться по всему сайту где есть код hr
| | Страна: (RU) |
| |
| workman | Понедельник, 29 Сентября 2014, 03:47 | Сообщение 8 |
|
| 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) |
| |
