Страница 1 из 11
Форум про uCoz » Раздел для uCoz » Другие скрипты для uCoz » Делаем линию HR картинкой
Делаем линию HR картинкой
workman
Дата: Воскресенье, 28.09.2014, 18:14 | Сообщение # 1
Гл. Модератор
Сообщений:1664
Награды: 8


Если вам необходимо чтобы вместо простой сплошной линии была картинка, то в свой CSS в самый верх ставьте данный код
Код
hr {
    background:url(тут ссылка на картинку) no-repeat top center;
    height:20px;
    border:none !important;
}


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

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

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


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



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

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


Сообщение отредактировал
workman - Воскресенье, 28.09.2014, 18:14
Страна: (RU)
Kosten
Дата: Воскресенье, 28.09.2014, 18:22 | Сообщение # 2
Администраторы
Сообщений:15532
Награды: 50


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


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

С этого места не понятно
Страна: (RU)
Kosten
Дата: Воскресенье, 28.09.2014, 19:45 | Сообщение # 4
Администраторы
Сообщений:15532
Награды: 50


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

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


Kosten, Предлагаешь на доску эту картинку поставить???
Страна: (RU)
Kosten
Дата: Понедельник, 29.09.2014, 03:36 | Сообщение # 6
Администраторы
Сообщений:15532
Награды: 50


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


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