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

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


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

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

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


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

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

» Гости не могут читать темы
автор canitha Вчера в 20:37

» Поменять логотип.
автор Mag-Vasiliy Вчера в 14:43

» Как поменять цвет в моб.версии
автор Mag-Vasiliy Вчера в 12:16

» Глючат BB-коды
автор Moonlight Вчера в 12:11

» Активные темы - кнопкой в навигации.
автор Dana Domirani Чт 23 Ноя - 22:06

» Курсы Кредитов
автор Dana Domirani Чт 23 Ноя - 21:53

» Платный контент
автор Aster Чт 23 Ноя - 9:59

» Магия Жизни
автор blekket Ср 22 Ноя - 20:21

» Как поменять цвет фона в мобильной версии ?
автор Mag-Vasiliy Вт 21 Ноя - 22:00

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

Контур форума в виде изображения

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

Контур форума в виде изображения

Сообщение автор Le-Vamp в Сб 19 Май - 18:21

И снова здравствуйте!))
я опять с вопросом))

можно ли как-то сделать контур форума картинкой?
вроде вот так:

avatar
Le-Vamp
 

Женщина

Сообщения : 162
Возраст : 20
Регистрация : 2012-05-02
Благодарности : 28

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

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

Re: Контур форума в виде изображения

Сообщение автор Dana Domirani в Сб 19 Май - 18:51

Можно, двумя способами:

1) Сделать изображение фона с фиксированной шириной и обрамлением.
Пример: http://demo.nicetheme.com/forum?theme_id=185792
Изображение фона: http://i47.servimg.com/u/f47/16/97/51/26/templa17.png

2) Использовать свойство border-image. Пример: http://border-image.com



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22494
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9061

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

http://poltergeist-legacy.com/

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

Re: Контур форума в виде изображения

Сообщение автор Le-Vamp в Сб 19 Май - 19:20

спасибо! буду пробовать)
avatar
Le-Vamp
 

Женщина

Сообщения : 162
Возраст : 20
Регистрация : 2012-05-02
Благодарности : 28

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

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

Re: Контур форума в виде изображения

Сообщение автор Le-Vamp в Вт 22 Май - 14:40

Дана, можно подробнее? у меня ничего не вышло..(
avatar
Le-Vamp
 

Женщина

Сообщения : 162
Возраст : 20
Регистрация : 2012-05-02
Благодарности : 28

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

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

Re: Контур форума в виде изображения

Сообщение автор Dana Domirani в Вт 22 Май - 19:09

Для примера:

В качестве обрамления используем вот такую заготовку:


Загружем её на сайт, в реальном времени настраиваем, пока не получаем оптимальный вариант:


Копируем код:
Код:
border-width: 14px;
-moz-border-image: url(dsfd.gif) 14 repeat;
-webkit-border-image: url(dsfd.gif) 14 repeat;
-o-border-image: url(dsfd.gif) 14 repeat;
border-image: url(dsfd.gif) 14 repeat;
Заменяем в нем текст dsfd.gif на полную ссылку на изображение бордюра и назначаем требуемому элементу — в нашем случае это td.bodyline

Код:
td.bodyline {
border-width: 14px;
-moz-border-image: url(http://i44.servimg.com/u/f44/16/54/26/99/dsfd11.gif) 14 repeat;
-webkit-border-image: url(http://i44.servimg.com/u/f44/16/54/26/99/dsfd11.gif) 14 repeat;
-o-border-image: url(http://i44.servimg.com/u/f44/16/54/26/99/dsfd11.gif) 14 repeat;
border-image: url(http://i44.servimg.com/u/f44/16/54/26/99/dsfd11.gif) 14 repeat;
}

Добавляем весь код в CSS и сохраняем.

Результат:



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22494
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9061

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

http://poltergeist-legacy.com/

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

Re: Контур форума в виде изображения

Сообщение автор Le-Vamp в Ср 23 Май - 11:10

*я вас уже достала вопросами)))*

а если я хочу картинку таким образом для фона сделать? какой параметр?
avatar
Le-Vamp
 

Женщина

Сообщения : 162
Возраст : 20
Регистрация : 2012-05-02
Благодарности : 28

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

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

Re: Контур форума в виде изображения

Сообщение автор Dana Domirani в Ср 23 Май - 11:20

Если для всего фона — тогда назначаете обрамление body. И обнуляете margin:
Код:
body {
border-width: 14px;
-moz-border-image: url(http://i44.servimg.com/u/f44/16/54/26/99/dsfd11.gif) 14 repeat;
-webkit-border-image: url(http://i44.servimg.com/u/f44/16/54/26/99/dsfd11.gif) 14 repeat;
-o-border-image: url(http://i44.servimg.com/u/f44/16/54/26/99/dsfd11.gif) 14 repeat;
border-image: url(http://i44.servimg.com/u/f44/16/54/26/99/dsfd11.gif) 14 repeat;
margin: 0;
}



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22494
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9061

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

http://poltergeist-legacy.com/

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

Re: Контур форума в виде изображения

Сообщение автор Le-Vamp в Ср 23 Май - 15:00

спасибо большое!)
avatar
Le-Vamp
 

Женщина

Сообщения : 162
Возраст : 20
Регистрация : 2012-05-02
Благодарности : 28

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

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

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

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

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