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

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


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

Мы в социальных сетях



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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

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

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

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

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

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

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

RTW
Новичок

Сообщения : 2
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2011-09-21

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

gorezcaid
 
 

Пол : Мужчина
Сообщения : 1808
Возраст : 73
Карма : Без предупреждений
Благодарности : 780
Регистрация : 2010-08-18

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
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2011-09-21

http://testtjl.sosbb.ru/

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

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

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

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

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

gorezcaid
 
 

Пол : Мужчина
Сообщения : 1808
Возраст : 73
Карма : Без предупреждений
Благодарности : 780
Регистрация : 2010-08-18

http://gorezcaid.forumbook.ru/

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

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


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