Чат сообщества
|
   |
| Модератор форума: Yuri_G |
| Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами Как поменять горизонтальную линию в тексте на картинку |
| Как поменять горизонтальную линию в тексте на картинку |
|
Хочу поменять стандартную горизонтальную линию в тексте на картинку но нечего не выходит. Прочитал в интернете, как это сделать, нашёл в css нужную строчку, вставил их код со своей картинкой, но не получилось. Картинка-линия почему-то повторяется, а она должна стоять по середине и не повторяться.
Вот картинка  А вот код: hr {height: 1px; background: #bfbfbf; border: 0px; overflow: hidden;} iframe, object, embed {max-width: 100%;} у меня шаблон новый 1251. http://tera-gajdy.ru/ Подскажите, что поменять тут, что бы вставить картинку Прикрепления:
3982281.gif
(1.8 Kb)
Сообщение отредактировал saprik111 - Пятница, 06 Фев 2015, 01:59:15
|
|
Вот я на этом сайте тренируюсь - http://tera-online1.ucoz.ru/index/dssfgdfg/0-5 , а то щас на рабочий вставил и пришлось делать Backup шаблона
|
|
Добрый день, Уважаемые!
Прошу сообщить возможно ли заменить стандартный <hr> на "резиновое" изображение без потери качества и деформации? Для примера можно взять изображение, которое привел saprik111. Смысл в том, чтобы центральная часть постоянно повторялась, а изображения с краев были неизменны. Заранее спасибо! |
|
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 - Верстке макетов и установке их на сайты - Нестандартным решениям |
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!