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

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

Изображение вместо рамки для категорий Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» ВПН
автор Danny_Marcelo Вчера в 07:47

» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 23rd 2024, 07:39

» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58

» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46

» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40

» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13

» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45

» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43

» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14

» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11

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

Участников: 2

Перейти вниз

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

Сообщение автор RTW Сентябрь 21st 2011, 07:41

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

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

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

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

http://testtjl.sosbb.ru/

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

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

Сообщение автор gorezcaid Сентябрь 21st 2011, 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
gorezcaid
 

Мужчина

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

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

http://gorezcaid.forumbook.ru/

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

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

Сообщение автор RTW Сентябрь 21st 2011, 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. Хотя это не критично, но все же
avatar
RTW
Новичок

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

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

http://testtjl.sosbb.ru/

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

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

Сообщение автор gorezcaid Сентябрь 21st 2011, 11:58

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

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

Мужчина

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

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

http://gorezcaid.forumbook.ru/

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

Вернуться к началу

- Похожие темы

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