Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Как удалить пользователя?
автор Nhlvegas Вчера в 22:41

» ЛС в новом окне
автор fatalone Вчера в 21:21

» Новый владелец сайта
автор Лёлик8 Ср 21 Июн - 22:23

» раздача наград, очков, "спасибо"
автор irina27 Ср 21 Июн - 21:04

» Убрать слово "цитата" - 2
автор Aster Ср 21 Июн - 15:46

» не уходит массовая рассылка
автор facebook Ср 21 Июн - 11:51

» Не работает ВЫДЕЛИТЬ СОДЕРЖИМОЕ в коде
автор Xan_Kriegor Вт 20 Июн - 23:27

» Переезд сайта
автор Dana Domirani Вт 20 Июн - 14:27

» Как изменить надпись на кнопке при регистрации.
автор blesk-55 Вс 18 Июн - 22:02

» Закон о персональных данных
автор Пеппи Вс 18 Июн - 10:49

Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Изображение вместо рамки для категорий

Предыдущая тема Следующая тема Перейти вниз

Изображение вместо рамки для категорий

Сообщение автор RTW в Ср 21 Сен - 7:41

Имеется это: http://yfrog.com/nm31847876p
Нужно это: http://yfrog.com/n155358584p

Интересует, как сделать так. (выделено красным)
Нужно, чтобы вместо обычной рамки было изображение.

RTW
Новичок

Сообщения : 2
Регистрация : 2011-09-21
Благодарности : 0

Без предупреждений

http://testtjl.sosbb.ru/

Вернуться к началу Перейти вниз

Re: Изображение вместо рамки для категорий

Сообщение автор gorezcaid в Ср 21 Сен - 10:28

Можете глянуть на мой форум в профиле, там каждая рамка обведена в маленькое изображение.
CSS стиль для картинки можно настроить на сайте http://border-image.com/
Единственный минус - это не отображение в IE, поэтому фон нужно применять отдельно.

Вот простой пример CSS кода:
Код:
div.borderwrap {
border-width: 27px;
-moz-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat stretch;
-webkit-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat stretch;
-o-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat stretch;
border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat stretch;
}
avatar
gorezcaid
 

Мужчина

Сообщения : 1805
Возраст : 74
Регистрация : 2010-08-18
Благодарности : 781

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

Re: Изображение вместо рамки для категорий

Сообщение автор RTW в Ср 21 Сен - 11:38

@gorezcaid пишет:Можете глянуть на мой форум в профиле, там каждая рамка обведена в маленькое изображение.
CSS стиль для картинки можно настроить на сайте http://border-image.com/
Единственный минус - это не отображение в IE, поэтому фон нужно применять отдельно.

Вот простой пример CSS кода:
Код:
div.borderwrap {
border-width: 27px;
-moz-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat stretch;
-webkit-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat stretch;
-o-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat stretch;
border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat stretch;
}

Спасибо большое.
А как настроить для IE. Хотя это не критично, но все же

RTW
Новичок

Сообщения : 2
Регистрация : 2011-09-21
Благодарности : 0

Без предупреждений

http://testtjl.sosbb.ru/

Вернуться к началу Перейти вниз

Re: Изображение вместо рамки для категорий

Сообщение автор gorezcaid в Ср 21 Сен - 11:58

А как настроить для IE
Всё очень просто.Так как не все браузеры поддерживают эти стили css.
Я сделал так:
В картинке бордюра я сделал полностью прозрачную область по центру и залил её отдельным градиентным фоном background-image , который поддерживается во всех браузерах.
Получилось так, что если браузер не поддерживает бордюр - то он будит поддерживать фон со стандартным бордюром.

Но IE и при этом не очень хорошо даже обычный фон отображает, лучше таким браузером вообще пока не пользоваться.
avatar
gorezcaid
 

Мужчина

Сообщения : 1805
Возраст : 74
Регистрация : 2010-08-18
Благодарности : 781

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения