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

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


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

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



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

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


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

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

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

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

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

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

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

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


Le-Vamp
 
 

Пол : Женщина
Сообщения : 166
Возраст : 19
Карма : Без предупреждений
Благодарности : 28
Регистрация : 2012-05-02

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

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



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

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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

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

спасибо! буду пробовать)

Le-Vamp
 
 

Пол : Женщина
Сообщения : 166
Возраст : 19
Карма : Без предупреждений
Благодарности : 28
Регистрация : 2012-05-02

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

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

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

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

Le-Vamp
 
 

Пол : Женщина
Сообщения : 166
Возраст : 19
Карма : Без предупреждений
Благодарности : 28
Регистрация : 2012-05-02

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

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



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

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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

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

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

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

Le-Vamp
 
 

Пол : Женщина
Сообщения : 166
Возраст : 19
Карма : Без предупреждений
Благодарности : 28
Регистрация : 2012-05-02

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

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



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

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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

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

спасибо большое!)

Le-Vamp
 
 

Пол : Женщина
Сообщения : 166
Возраст : 19
Карма : Без предупреждений
Благодарности : 28
Регистрация : 2012-05-02

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

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


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