0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 1526 Просмотров
*

Akkianu

  • Осваиваюсь на форуме
  • 25
  • 1 / 0
Здравствуйте.
Подскажите как сверстать графическую рамку вокруг блоков? Я нашёл уже инструкции по параметру border-image, но там задаётся только толщина рамки и один URL, а мне нужно несколько. Т.е. чтобы я мог каждый угол отдельно прорисовать. В итоге хочу получить такое оформление для своего меню как на картинке ниже. Я сам фотошопер, поэтому нарисовать не проблема. А вот как вставить не пойму.
*

rsa_m

  • Захожу иногда
  • 254
  • 22 / 0
Re: Графическая рамка вокруг меню и body
« Ответ #1 : 26.04.2013, 17:29:49 »
Вот Вам ссылка в помощь.

Кнопка "Try it yourself" - поможет решить Вашу проблему.
*

Akkianu

  • Осваиваюсь на форуме
  • 25
  • 1 / 0
Re: Графическая рамка вокруг меню и body
« Ответ #2 : 26.04.2013, 18:04:05 »
Спасибо, хороший сайт (добавил в закладки). Но либо я тупой, либо этот пример не решает задачи. Там везде указывается только один URL просто чуть разные стили в зависимости от браузера. А мне же нужно отдельно угол верхний-левый, верхний-правый, тайл с repeat-ом между ними и потом нижние углы так же. Как мне вставить разные картинки для каждого угла?
*

rsa_m

  • Захожу иногда
  • 254
  • 22 / 0
Re: Графическая рамка вокруг меню и body
« Ответ #3 : 27.04.2013, 10:38:46 »
Думаю для Вашей задачи нужно использовать background-image. Он позволяет прописывать несколько image
*

Akkianu

  • Осваиваюсь на форуме
  • 25
  • 1 / 0
Re: Графическая рамка вокруг меню и body
« Ответ #4 : 27.04.2013, 17:49:45 »
Вобщем решил сделать таким способом:


   .mainmenu {
    background:
     url( images/aztec_block.png) 0 0 no-repeat,
     url(images/aztec_block.png) 0 100% no-repeat,
     url(images/aztec_block.png) -12px 0 repeat-y;
    padding: 18px;
   }
 
Но выводится только одна картинка и повторяется до конца. А вот если прописываю ещё no-repeat или позиции как зесь на примере - то картинки фона не выводтся совсем. Потому не могу вывести все три, так как без указания позиций и повторения одна первая картинка перекрывает все остальные. Кто-нибудь знает в чём проблема?
*

Akkianu

  • Осваиваюсь на форуме
  • 25
  • 1 / 0
Re: Графическая рамка вокруг меню и body
« Ответ #5 : 27.04.2013, 21:34:46 »
Решено. Была ошибка в коде.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[Решено] title материалов и категорий без пунктов меню

Автор pharaoh

Ответов: 265
Просмотров: 52231
Последний ответ 22.08.2021, 16:34:12
от Gerostrat
Как добавить описание к пункту меню в Joomla 2.5? (Как у материалов)?

Автор nia

Ответов: 7
Просмотров: 4510
Последний ответ 29.03.2021, 12:10:26
от sivers
В моб версии не откриваються норм меню

Автор umsbeauty

Ответов: 0
Просмотров: 697
Последний ответ 11.01.2021, 17:55:15
от umsbeauty
Убрать название пункта меню из URL материала

Автор fortuner

Ответов: 15
Просмотров: 7186
Последний ответ 31.10.2020, 00:46:04
от spas
Проблемка с правым меню

Автор V_V

Ответов: 3
Просмотров: 1057
Последний ответ 03.12.2019, 06:24:56
от Vovolsort