Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как поменять горизонтальную линию в тексте на картинку
Как поменять горизонтальную линию в тексте на картинку
saprik111
Сообщений: 21
Репутация: 0

Сообщение # 1 | 01:58:17
Хочу поменять стандартную горизонтальную линию в тексте на картинку но нечего не выходит. Прочитал в интернете, как это сделать, нашёл в css нужную строчку, вставил их код со своей картинкой, но не получилось. Картинка-линия почему-то повторяется, а она должна стоять по середине и не повторяться.
Вот картинка

А вот код:

hr {height: 1px; background: #bfbfbf; border: 0px; overflow: hidden;}
iframe, object, embed {max-width: 100%;}

у меня шаблон новый 1251. http://tera-gajdy.ru/

Подскажите, что поменять тут, что бы вставить картинку
Прикрепления: 3982281.gif(2Kb)
Сообщение отредактировал saprik111 - Пятница, 06 Фев 2015, 01:59:15
brizing
Разработчик
Сообщений: 2556
Репутация: 1080

Сообщение # 2 | 02:36:12
Укажите страницу, на которой размещена эта линия.

Попробуйте новый сервис uCalc - конструктор калькуляторов услуг для вашего бизнеса.
saprik111
Сообщений: 21
Репутация: 0

Сообщение # 3 | 04:05:58
Вот я на этом сайте тренируюсь - http://tera-online1.ucoz.ru/index/dssfgdfg/0-5 , а то щас на рабочий вставил и пришлось делать Backup шаблона
Head-Mad
Сообщений: 378
Репутация: 129

Сообщение # 4 | 09:56:05
Код
hr {
height: 27px;
background: url('/razdelitelnaja_linija.gif') center no-repeat;
border: 0;
}

Можешь забрать этот код и вставить его себе, сам знаешь куда.
Сообщение отредактировал Head-Mad - Пятница, 06 Фев 2015, 09:56:29
saprik111
Сообщений: 21
Репутация: 0

Сообщение # 5 | 13:33:44
Ок всё работает спасибо
KroKer
Сообщений: 13
Репутация: 16

Сообщение # 6 | 17:57:40
Добрый день, Уважаемые!
Прошу сообщить возможно ли заменить стандартный <hr> на "резиновое" изображение без потери качества и деформации?
Для примера можно взять изображение, которое привел saprik111. Смысл в том, чтобы центральная часть постоянно повторялась, а изображения с краев были неизменны.

Заранее спасибо!
omg2
Сообщений: 1
Репутация: 5

Сообщение # 7 | 14:02:12
del
Сообщение отредактировал omg2 - Среда, 05 Авг 2015, 14:02:40
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 8 | 14:04:13
KroKer, можно:

Код
hr, hr:after, hr:before {
      content: ' ';
      height: 27px;
      border: 0;
}

hr {
      background: url('/razdelitelnaja_linija.gif') center no-repeat;   
}

hr:after {
      background: url('/start.gif') center no-repeat;   
      float: left;
      width: 20px;
}

hr:before {
      background: url('/end.gif') center no-repeat;   
      float: right;
      width: 20px;
}

http://jsfiddle.net/bkgs75L2/1/

Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
KroKer
Сообщений: 13
Репутация: 16

Сообщение # 9 | 19:10:39
Уважаемый olegsuv, благодарю за техническое решение вопроса!
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как поменять горизонтальную линию в тексте на картинку
Страница 1 из 11
Поиск: