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

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


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

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

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


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

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

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

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

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

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

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

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


Le-Vamp
 

Женщина

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

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

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

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

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

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

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

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



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

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

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

Le-Vamp
 

Женщина

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

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

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

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

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

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

Le-Vamp
 

Женщина

Сообщения : 162
Возраст : 19
Регистрация : 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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

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

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

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

Le-Vamp
 

Женщина

Сообщения : 162
Возраст : 19
Регистрация : 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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

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

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

Le-Vamp
 

Женщина

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

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

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

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


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