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


Если вам необходимо чтобы вместо простой сплошной линии была картинка, то в свой 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
Kosten
Дата: Воскресенье, 28.09.2014, 18:22 | Сообщение # 2
Администраторы
Сообщений:12657
Награды: 38


да красиво смотрится.. но для сайта искал линию картинкой.

workman
Дата: Воскресенье, 28.09.2014, 18:28 | Сообщение # 3
Vip
Сообщений:1576
Награды: 7


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

С этого места не понятно


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Kosten
Дата: Воскресенье, 28.09.2014, 19:45 | Сообщение # 4
Администраторы
Сообщений:12657
Награды: 38


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

Прикрепления: 4033211.jpg(28Kb)


workman
Дата: Воскресенье, 28.09.2014, 20:46 | Сообщение # 5
Vip
Сообщений:1576
Награды: 7


Kosten, Предлагаешь на доску эту картинку поставить???

Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Kosten
Дата: Понедельник, 29.09.2014, 03:36 | Сообщение # 6
Администраторы
Сообщений:12657
Награды: 38


workman, видишь желтая полоса. Вот она и сделана картинкой под h-r

workman
Дата: Понедельник, 29.09.2014, 03:39 | Сообщение # 7
Vip
Сообщений:1576
Награды: 7


Kosten, Она стоит на стиле .signatureHr, а таким как я давал код, будет появляться по всему сайту где есть код hr

Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
workman
Дата: Понедельник, 29.09.2014, 03:47 | Сообщение # 8
Vip
Сообщений:1576
Награды: 7


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;
}


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Делаем линию HR картинкой
Страница 1 из 11
Поиск: