0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 2835 Просмотров
*

andrey222

  • Захожу иногда
  • 65
  • 0 / 1
Здравствуйте! Пробовал устанавливать стиль border-image для границы блока с контентом на разных сайтах и шаблонах.  Инструкция взял с htmlbook.ru

 border: 30px solid #40c4c8;
    padding: 20px;
    -moz-border-image: url(images/bg-image.png) 30 round round;
    -webkit-border-image: url(images/bg-image.png) 30 round round;
    -o-border-image: url(images/bg-image.png) 30 round round;
    border-image: url(images/bg-image.png) 30 round round;


и переделал под себя к примеру на сайте http://www.качество76.рф

 border: 30px solid #40c4c8;
       -moz-border-image: url(images/fon2.jpg) 30 round round;
    -webkit-border-image: url(images/fon2.jpg) 30 round round;
    -o-border-image: url(images/fon2.jpg) 30 round round;
    border-image: url(images/fon2.jpg) 30 round round;

Голубоватый цвет отображается, а вот картинку не хочет отображать.
В png тоже пытался.
Отсутствие результата во всех браузерах (хотя в Opera даже обводки цветом нету)
_________________
Пробовал так же с других сайтах брать другие коды для border-image - ни один вариант не работает. Подскажите, где копать?
« Последнее редактирование: 16.12.2012, 12:03:49 от andrey222 »
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Где?
Код: css
#jsn-content {
    border: 30px solid #40C4C8;
    margin-top: 12px;
    overflow: hidden;
    z-index: 88;
}
Про image ничего нет
*

andrey222

  • Захожу иногда
  • 65
  • 0 / 1
Весь код #jsn-content {
   z-index: 88;
   overflow: hidden;
   margin-top: 12px;
    border: 30px solid #40c4c8;
    border-image: url(images/fon2.jpg) 30 round round;
       -moz-border-image: url(images/fon2.jpg) 30 round round;
    -webkit-border-image: url(images/fon2.jpg) 30 round round;
    -o-border-image: url(images/fon2.jpg) 30 round round;
}

Проверьте в мозиле или Chrome - увидите.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
template.css (строка 309):
Код: css
#jsn-content {
    border: 30px solid #40C4C8;
    margin-top: 12px;
    overflow: hidden;
    z-index: 88;
}
Какая разница в чём проверять? Я исходный css-файл смотрю. Нет там таких правил.
*

andrey222

  • Захожу иногда
  • 65
  • 0 / 1
Я с вами спорить не буду. Код я разместил как раз в этих строчках, мозила и Chrome у меня его отображают.
Поэтому хочу узнать причину, почему не видит именно изображение.
*

Sliapy

  • Захожу иногда
  • 318
  • 48 / 4
Поковырял код. Фон, прописанный для body:
Код
background: url("http://www.xn--76-6kcio2a5awj1c.xn--p1ai/images/fon.jpg") no-repeat fixed center center #FFFFFF !important;

В итоге, если сделать
Код
border-image: url("http://www.xn--76-6kcio2a5awj1c.xn--p1ai/images/fon2.jpg") 30 30 30 30 round round;
то изображение в рамке появляется. Не знаю, нужное ли.

Вопрос: Зачем загружать изображения для темы в корневую папку images и зачем прописывать к ним абсолютные пути? И куда в итоге Вы загрузили Ваш fon2.jpg?
« Последнее редактирование: 16.12.2012, 13:19:48 от Sliapy »
*

andrey222

  • Захожу иногда
  • 65
  • 0 / 1
благодарю вас - все получилось! абсолютные пути не я прописал - это модуль смены фона на разных страницах сайта.  Просто в template.css  не получилось указать фон, пришлось добавить его через расширение.

А в корневой папке с изображениями размещаю потому, что когда заказчик захочет сменить фон, границу и т.д. он мог самостоятельно это сделать  - закачать новое изображение и сменить путь (доступ по ftp не даю, только логин пароль от админки)..

А саму картинку fon2.jpg сменю на подходящую - эта просто примером служит.
« Последнее редактирование: 16.12.2012, 13:53:46 от andrey222 »
*

andrey222

  • Захожу иногда
  • 65
  • 0 / 1
Получилось сделаать и без относительного пути - при добавленном слеша в начале:
border: 7px solid ;
border-image: url(/images/fon3.jpg) 5 round;
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Картинка в шаблоне

Автор Alkor94

Ответов: 13
Просмотров: 3163
Последний ответ 23.05.2018, 03:04:28
от Alkor94
Добавить позицию модуля в шаблоне traction

Автор amaddeus

Ответов: 1
Просмотров: 2077
Последний ответ 27.04.2017, 22:23:31
от darkghost
Не работает mega menu в шаблоне sj_jare

Автор premisse

Ответов: 5
Просмотров: 4297
Последний ответ 28.02.2017, 21:35:24
от ddenov
Save failed в шаблоне YOO Nano3

Автор svarg

Ответов: 8
Просмотров: 4048
Последний ответ 06.01.2017, 18:34:00
от mogylshik
Решено: Социальные иконки в шаблоне Yoo Radiance

Автор Virocracy

Ответов: 7
Просмотров: 5523
Последний ответ 26.07.2016, 18:03:04
от OFFlineby