Сoncrete5 Russia

Имеем сейчас типо:

Как видите у меня там доп окно.
Хочется собрать все дополнительные изображения(Иконки, кнопки соц сетей) в одном месте, чтобы расширить и упростить функционал этой страницы.
Как это сделать?
нужен код.
Как видите саму вложенную страничку уже добавил.
Теперь на ней нужно вывести все доп изображения.

Хочется видеть функционал на уровне ББкода, что в ТиниМайсе при добавлении смайликов.
Т.Е нажимаем кнопку иль ссыку на этой вложенной страничке и всплывает еще одна где присутсвуют все доп изображения, там вилки. розетки, стрелки.

Насколько я понимаю, для оформления админки сейчас используется этот способ

Пожалуйста зарегистрируйтесь, чтобы увидеть ссылку

спрайт бутстрап

Нет, используется обычный CSS и набор иконок в одном файле.
А то, что описано в ссылке, которую вы предоставили, это другое и такое в Concrete5 не используется.

P.S. Честно говоря, вообще не понял о чем речь в первом и втором посте. В частности не понял что за окна и что такое вложенная страничка и что за доп изображения и что такое ТиниМайсе. Если бы понял о чем речь, то может быть и попробовал помочь.

Нет, используется обычный CSS и набор иконок в одном файле.

ТУт на форуме видишь набор смайлов с правой стороны?
Теперь представь, что в С5, по тому же принципу собраны ИКОНКИ, вот на этой странице:

У тебя на всплывающей страничке РЕДАкТОРА СТИЛЕЙ ДЛЯ БЛОКА(РСБ) меню оформлено иконками и после CSS идет VBNM?
Это технология вставки изображений называется спрайт. В админке первая страничка оформлена спрайтами, они же иконки взятыми из бутстрапа.
В Редакторе текста, у нас есть так же набор смайлов, но там используется другая технология, не технология вставки спрайтов.

Что я не могу сделать сейчас?
Все адреса иконок прописаны в CSS.
Как их вывести в цикле на страницу РСБ?
Как сделать так, чтобы при клике на одной из иконок она внедрялась в тело редактируемого блока с права, или слева?

vbnm писал(а):

Нет, используется обычный CSS и набор иконок в одном файле.

ТУт на форуме видишь набор смайлов с правой стороны?
Теперь представь, что в С5, по тому же принципу собраны ИКОНКИ, вот на этой странице:

У тебя на всплывающей страничке РЕДАкТОРА СТИЛЕЙ ДЛЯ БЛОКА(РСБ) меню оформлено иконками и после CSS идет VBNM?
Это технология вставки изображений называется спрайт. В админке первая страничка оформлена спрайтами, они же иконки взятыми из бутстрапа.
В Редакторе текста, у нас есть так же набор смайлов, но там используется другая технология, не технология вставки спрайтов.

Я имею ввиду, что та статья с хабра, которую вы выше дали не имеет к этому отношения. Там человек заморочился помимо CSS еще и JavaScript и т.д. Это не имеет отношения к самому Twitter Bootstrap.
В Concrete5 используется обычный CSS, зачем его называть Bootstrap Sprite. Это обычный CSS Sprite, а если проще, без терминологии, это вообще просто фоновая картинка со смещением background-position. К примеру там находятся подряд значки "стрелка", "домик", "круг". Каждая из них 16х16 по размеру. Чтобы получить домик нужно будет сделать позицию сверху 0, а слева 16, стрелка будет 0 0, а круг будет 0 32.
Делается это все изначально для более быстрой загрузки, чтобы загрузить все изображения одним файлом, а не множеством мелких файлов, так как у браузера существует ограничение на количество одновременных подключений, а также есть затраты времени на запрос. Видел в интернете прикол, типа весь дизайн сайта при помощи одного изображения. Там вообще все элементы шаблона были запиханы в один файл PNG, а у всех элементов был прописан backgound и background-position.

vbnm писал(а):Что я не могу сделать сейчас?
Все адреса иконок прописаны в CSS.
Как их вывести в цикле на страницу РСБ?
Как сделать так, чтобы при клике на одной из иконок она внедрялась в тело редактируемого блока с права, или слева?

Ну как, напишите CSS для одной иконки, сохраните стиль. Для второй, тоже сохраните. По поводу справа или слева - используйте :after и :before.

В Concrete5 используется обычный CSS, зачем его называть Bootstrap Sprite.

Потому как в админке используются иконки именно оттель.

Я имею ввиду, что та статья с хабра, которую вы выше дали не имеет к этому отношения. Там человек заморочился помимо CSS еще и JavaScript и т.д.

с помощью его скрипта, можно самому делать все это не заморачиваясь.
кидаешь изображения в папку, вызываешь скрипт, он те автоматом делает фаил стилей и планку изображений.
лано, что сейчас ?
вот имеем www\concrete\css\ccm.app.css

все прописывать ручками?
нужен скрипт, который бы загнал все это в цикл и выводил в виде листа + добавил к каждому изображению функционал кнопки. Чтобы при клике по любому из выбранного оно добавлялось куда надо, либо сбрасывалось.

Ну, вы сами ответили на свой вопрос. Напишите скрипт.